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:


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