Javascript-форум (https://javascript.ru/forum/)
-   (X)HTML/CSS (https://javascript.ru/forum/xhtml-html-css/)
-   -   HTML 5. Выбор стратегии...(JS? JQ?) (https://javascript.ru/forum/xhtml-html-css/29857-html-5-vybor-strategii-js-jq.html)

Mike_Kharkov 14.07.2012 07:46

HTML 5. Выбор стратегии...(JS? JQ?)
 
Всем привет. Решил начать осваивать HTML 5(даже представления об этой теме не имею) и появились некоторые вопросы:
1) Есть ресурс: http://htmlbook.ru/html
(в нём раздел: 'по типу')
вопрос:
Как понять какой элемент(HTML5) является строчным, какой блочным или строчно-блочным?
(или же у этих элементов вообще нет таких характеристик?)
Буду благодарен если кто скинет адрес сервиса, в котором можно увидеть данные характеристики...

2) Cлышал, что без знаний Javascript в этой теме делать нечего..
вопрос:
а)Так ли это на самом деле?
б)Нужны ли в этом плане знания JQuery? (Могут ли они полностью компенсировать JS?)

3) Что можете посоветовать для облегчения изучения данного материала? (что бы ускорить время данного процесса...)
То есть каким образом можно понять, что конкретно из языков программирования необходимо а что нет?

P.S. Буду благодарен за любой совет...

Deff 14.07.2012 09:44

Цитата:

Сообщение от Mike_Kharkov
Есть ресурс: http://htmlbook.ru/html

Цитата:

Сообщение от Mike_Kharkov
Как понять какой элемент(HTML5) является строчным, какой блочным или строчно-блочным?

Для начала просто освоить - перечитать теги => http://htmlbook.ru/html, там указаны к какому типу относиться каждый тег
К примеру возмём http://htmlbook.ru/html/div
Цитата:

Элемент <div> является блочным элементом и предназначен для выделения фрагмента документа с целью изменения вида содержимого. Как правило, вид блока управляется с помощью стилей. Чтобы не описывать каждый раз стиль внутри тега, можно выделить стиль во внешнюю таблицу стилей, а для тега добавить атрибут class или id с именем селектора.

Как и при использовании других блочных элементов, содержимое тега <div> всегда начинается с новой строки. После него также добавляется перенос строки.
-
----------------------------------------------------------------------
Данное свойство (Блочности/встроенности и т.д) можно менять, не взирая на дефолтные:
Cмотрим тут http://htmlbook.ru/css/display - *там же и короткое описание что есть блочный и т.д

Mike_Kharkov 14.07.2012 12:07

Цитата:

Сообщение от Deff (Сообщение 188716)
Для начала просто освоить - перечитать теги => http://htmlbook.ru/html, там указаны к какому типу относиться каждый тег
К примеру возмём http://htmlbook.ru/html/div

К сожаление данного рода описания распространяются далеко не на все теги, поэтому я и обратился с вопросом на форум.
P.S.
Но всёравно спасибо!

bes 16.07.2012 11:42

Я думаю, можно проверить так: без всяких стилей (можете задать фон или границу для наглядности) пишете два тега подряд, если второй тег будет расположен с новой строки, то тег блочный, если оба на одной строке - строчный.

Mike_Kharkov 16.07.2012 11:47

А блочно-строчных или со свойствами float(по дефолту) - элементов не наблюдаеться?(в html5)

Deff 16.07.2012 11:49

Mike_Kharkov,
img и td - по дефолту inline-block

bes 16.07.2012 11:52

Таких вроде нет: либо блочный, либо строчный, что значит c float, значит позволяет быть с собой в одной строке, значит строчный, что значит блочно-строчный вообще с этой точки зрения не понятно, то есть позволяет быть одновременно с другими элементами на одной строке и в то же время нет (противоречие).

bes 16.07.2012 11:57

Цитата:

Сообщение от Deff
img и td - по дефолту inline-block

как я понимаю, это можно считать строчным элементом, да, внутри всё выстраивается как в блочном, но следующий за ним элемент будет на той же строке (я эту особенность считаю основой разбиения на блочные и строчные)

melky 16.07.2012 12:22

Цитата:

Сообщение от Mike_Kharkov
б)Нужны ли в этом плане знания JQuery? (Могут ли они полностью компенсировать JS?)

нужны знания JS хотя бы на основном уровне - создания объектов, конкатенации строк. это проходится за один день, максимум.

Как следствие - не будет тупых вопросов по самым основам JS, кои, к сожалению, имеют место на форуме, и ужасно бесят.

Цитата:

Сообщение от Mike_Kharkov
Что можете посоветовать для облегчения изучения данного материала? (что бы ускорить время данного процесса...)
То есть каким образом можно понять, что конкретно из языков программирования необходимо а что нет?

какого "данного"? если html, то хз ... я знаю его из справочников. никогда по нему учебников не читал.

Если имелся в виду JS, то лучше качнуть купить Фленегана. Если есть базовые знания технического английского - то лучше качнуть купить шестое издание (которое недавно, буквально месяц назад, перевели).

Иначе - пятое. но в нём нет HTML5.

Dim@ 16.07.2012 12:26

melky,
ну я так вообще по 4-му учился 2002 г. :lol:

bes 16.07.2012 13:14

Думаю, за основной документ нужно брать спецификацию (для html5 http://www.w3.org/TR/html5/).

Не знаю, как там с понятиями блочный и строчный и есть ли там это деление (не вник пока во все тонкости, к тому же владею английским явно не на высшем уровне :) ), но вот часть содержания (table of contents)

(grouping content - группирующие содержание, не совсем объясняет, но из списка видно, что все блочные и text-level semantics - используются для работы с текстом (смысл скорее всего не в расположении текста, а в разного рода эффектах и украшениях (сделать ссылку, изменить жирность и т.п.), следовательно, эти элементы не должны нарушать порядка следования текста, поэтому являются частью строки, как видно, все строчные элементы)
img идёт отдельно, представляет картинку на странице (An img element represents an image), блочный или строчный, хз где смотреть:) )

Цитата:

4.5 Grouping content
4.5.1 The p element
4.5.2 The hr element
4.5.3 The pre element
4.5.4 The blockquote element
4.5.5 The ol element
4.5.6 The ul element
4.5.7 The li element
4.5.8 The dl element
4.5.9 The dt element
4.5.10 The dd element
4.5.11 The figure element
4.5.12 The figcaption element
4.5.13 The div element

4.6 Text-level semantics
4.6.1 The a element
4.6.2 The em element
4.6.3 The strong element
4.6.4 The small element
4.6.5 The s element
4.6.6 The cite element
4.6.7 The q element
4.6.8 The dfn element
4.6.9 The abbr element
4.6.10 The time element
4.6.11 The code element
4.6.12 The var element
4.6.13 The samp element
4.6.14 The kbd element
4.6.15 The sub and sup elements
4.6.16 The i element
4.6.17 The b element
4.6.18 The u element
4.6.19 The mark element
4.6.20 The ruby element
4.6.21 The rt element
4.6.22 The rp element
4.6.23 The bdi element
4.6.24 The bdo element
4.6.25 The span element
4.6.26 The br element
4.6.27 The wbr element
4.6.28 Usage summary

Раед 16.07.2012 18:24

Цитата:

Сообщение от Mike_Kharkov
2) Cлышал, что без знаний Javascript в этой теме делать нечего..
вопрос:
а)Так ли это на самом деле?

В общем порядок изучения такой:
html(что это, основные теги) -> js(базовый) -> jQ -> html5(его возможности(многие работают в паре с javascript))

Цитата:

Сообщение от Mike_Kharkov
б)Нужны ли в этом плане знания JQuery? (Могут ли они полностью компенсировать JS?)

Ни один фреймворк не может компенсировать возможности самого языка. Как вы будете использовать jQ, если вы не знаете как создавать функции (к примеру)?

Антон Крамолов 31.07.2012 14:27

jQuery - это синтаксический сахарок для ублюдков, которые вот-вот сдохнут от диабета. Он не нужен.

Dim@ 31.07.2012 14:39

Антон Крамолов,
ну ну ну ну, не надо налетать на JQ - я не знаю этой библиотеки, но учитывая примеры (которые я видел неоднократно) эта библиотека хороша, единственноё что мне не нравиться это то что сначала учат JQ потом JS и задают тупые вопросы;)

melky 31.07.2012 14:47

Цитата:

Сообщение от Dim@
эта библиотека хороша

точно так же, как и "бутерброт лучше, чем колбаса и хлеб по-отдельности"

bes 31.07.2012 14:50

Цитата:

Сообщение от Антон Крамолов
jQuery - это синтаксический сахарок для ублюдков, которые вот-вот сдохнут от диабета. Он не нужен.

Ха-ха, как грубо, уже освоили jq, чтобы так говорить, ЯВУ - тоже синтаксический сахарок, может на машинные коды перейти.

Dim@ 31.07.2012 14:54

bes,
а я как раз Java учу :D :D :D :D

bes 31.07.2012 15:16

Цитата:

Сообщение от Dim@
bes,
а я как раз Java учу

Ага, знание устройства мотоцикла не помещает :D

Dim@ 31.07.2012 15:18

bes,
да, но Java просто очень строгий, что напрягает, но люди ведь как то умудряются писать на нем программы :)

bes 31.07.2012 15:25

Ну наверное всё с опытом приходит (не буду сравнивать Java и Delphi, так как первый толком не изучал, но второй мне нравится)

Dim@ 31.07.2012 15:26

bes,
ну, меня напрягает строгость хотя бы объявления переменных:lol:


Часовой пояс GMT +3, время: 00:54.