HTML обзор, помогите мне

Question

Когда я пытаюсь полностью понять что-то, я пытаюсь визуализировать, чтобы понять это, классифицируя, перечисляя и т. Д. И т. Д.

Теперь я хочу понять HTML, похоже, он выглядит примерно так: Все сделано из тегов. Теги HTML можно разделить по назначению:

1) Теги для формата браузера, такие как «article», «section», «cite» и т. Д., Они не добавляют ничего визуального или непосредственного полезного для пользователя, они помогают лучше управлять веб-страницами.

2) Теги для визуального формата, такие как «курсив», «жирный шрифт», «линия разрыва» и т. Д., Они используются только для предоставления визуального макета.

3) Интерактивные теги, такие как ссылки, картинки, музыка, видео.

4) Функциональные теги, такие как формы ввода, «меню», «выбрать» и т. Д., Они имеют интерактивное и функциональное использование.

Это правильно? я что-то упустил или что-то напутал? Есть ли лучший способ классифицировать их? Заранее спасибо.

Answer 1

Это в основном правильно, с некоторой концептуальной путаницей.HTML действительно состоит из элементов, которые являются узлами в дереве документа;теги - это просто способ обозначения элементов.Более того,

1. Такие элементы, как article, являются просто предлагаемыми элементами HTML5, которые, как предполагается, обрабатываются как указывающие значение и структуру, но воспринимаются текущим браузером как контейнеры.Элемент cite более или менее означает курсив, хотя теория состоит в том, что он семантический и означает цитирование.
2. В настоящее время теги для чисто визуального форматирования обычно рассматриваются как «нет-нет», хотя и имеют свое применение.Тег br является спорным;лучше всего использовать его, только если сам контент содержит разрыв строки (например, между строками почтового адреса или строфами стихотворения).
3. Ссылки являются интерактивными, но картинки, музыка и видео являются встроенным контентом(хотя они могут иметь интерактивные элементы управления).
4. Формы - это особый тип взаимодействия.

Спецификация HTML 4.01 имеет полезную классификацию (разделы с 9 по18).

Answer 2

Я думаю, что вы правы в этих категориях. HTML теперь более запутанный, с HTML5, чем раньше. В старых версиях все теги «делали» что-то. В основном они представляли собой предопределенный способ форматирования. С помощью CSS3 все эти предопределенные стандарты могут быть изменены, и любой тег может делать все что угодно. Вот почему некоторые теги, представленные в HTML5, такие как article, section и cite, просто пытаются упорядочить информацию на странице, оставляя внешний вид для дизайнера / программиста (через CSS и Javascript). В конце концов, нет смысла определять, как будет выглядеть, если большинство людей все равно будут использовать CSS для его настройки.

Однако некоторые теги имеют определенное интерактивное поведение, которое нельзя изменить с помощью CSS (например, видео). Но в целом, я бы сказал, что HTML медленно развивается в направлении тегов, которые только структурируют информацию, как в XML, и оставляют все форматирование в CSS, а все взаимодействие - в Javascript.