HTML Semantics, кажется, клише. У Google много статей о семантике. Почему семантика теги? Я думаю, что это то, что я думаю: каждый тег HTML имеет свое конкретное значение, а семантика состоит в том, чтобы позволить нам использовать соответствующие теги в нужном месте, чтобы лучше сделать людей и машины (машины можно понимать, поскольку браузеры могут пониматься как поисковые системы). Если мое объяснение недостаточно яснее, пожалуйста, Google.
Как использовать правильную метку в нужном месте?Это простая логика понимания. Например, теги H1 ~ H6 используются для классов заголовков; UL используется для неупорядоченных списков; OL используется для заполненных списков; DL используется для определения списков; EM, сильные теги используются для подчеркивания ... чтобы выразить это, каждое английское определение тега HTML определяет его семантику (позже в этой статье я помесчу таблицу сравнения английских определений часто используемых HTML -тегов для справки).
Что люди и машины могут видеть с первого взгляда?Лучший способ проверить, является ли HTML -страница семантической, - это удалить ссылку CSS страницы, чтобы увидеть, является ли структура веб -страницы упорядочена и является ли страница все еще читаемой. Почему я могу это сказать? Все знают, что у браузеров есть стили по умолчанию (рекомендуется использовать инструменты Chrome Web Developer для плагина Chrome или Firefox Web Developer). Например, H1 ~ H6, будет иметь стиль по умолчанию жирного шрифта/уменьшения размера шрифта и верхней и нижней края. У UL, OL и DL есть пули по умолчанию, и у STRING по умолчанию есть смелый стиль ... так что, для той же страницы, хорошо лишенная HTML все еще может работать хорошо, когда CSS страница будет удалена.
Другой момент заключается в том, что хорошее семантическое кодирование лучше дружелюбно для поисковых систем. Поиск пауков не распознает ваши CSS, но они могут распознать теги HTML.
Вот простой пример:Скопировать код