Эта статья в основном представляет углубленный анализ семантики HTML и связанных с ней фронтальной структуры. Простой HTML также обладает отличными знаниями! Друзья, которые нуждаются, могут ссылаться на следующие вопросы о семантике
Семантика изучает взаимосвязь между знаками и символами и значением, которое они представляют. В лингвистике в основном изучают значение этих маркеров (таких как слова, фразы или звуки) на языке. В области развития фронта, семантика в основном включает в себя значение, согласованное элементами HTML, атрибутов и значений атрибутов (включая расширения, такие как микродаты). Эта формальная семантика конвенции, обычно используемая в спецификациях, может помочь программам (и тем, кто впоследствии участвует в разработке) лучше понять информацию обо всех аспектах веб -сайта. Однако, даже если семантика этих элементов, атрибутов и значений атрибутов формализована, они все равно должны подвергаться адаптации разработчика и результатов их совместного выбора. Это позволяет изменению формальной семантики конвенции в будущем (и это один из принципов HTML -дизайна).
Различать различные виды семантики HTMLСодержание принципа написания семантического HTML является одной из оснований современного профессионального фронтального развития. Большинство семантики связаны с текущими или ожидаемыми свойствами контента (например: элемент H1, атрибут LANG, значение электронной почты типа атрибут, MicroData).
Однако не вся семантика должна быть ориентирована на контент. Имена классов не могут быть семантическими. Независимо от того, как это имя, они должны иметь значение и цель. Семантика имен классов может отличаться от этих элементов HTML. Мы можем использовать глобальную семантику элементов HTML, определенных атрибутов HTML, микродатов и т. Д., А затем использовать локальную специфическую семантику веб -сайта или приложения для их различения. Эта конкретная семантика обычно содержится в значении атрибута, например, атрибут класса.
Хотя эта предполагаемая лучшая практика подтверждается в главе о свойствах классов спецификации HTML5 ...
… Разработчикам рекомендуется использовать значения атрибутов класса для описания фактического контента, а не описывать то, что они ожидают представить.
... нет никакой неотъемлемой причины для этого. Фактически, когда этот метод применяется на больших сайтах или приложениях, он часто становится барьером.
HTML -элементы и другие атрибуты уже предоставляют семантику уровня контента
Для машин или посетителей очень мало полезной семантической информации, которую может показать имя класса, или даже нет. Если это не небольшая часть имени, уже согласованного (также читаемой машиной) - Mircoformats
Основная цель имен классов - быть крючком для CSS и JavaScript. Если вам не нужно добавлять производительность и поведение на вашу страницу, вам, возможно, не придется добавлять имена классов в свой HTML
Имена классов должны передавать полезную информацию разработчикам. Когда вы читаете фрагмент DOM, он поможет понять конкретную роль определенного имени класса. Особенно в группах по разработке сотрудничества с несколькими людьми, разработчики фронт-энд занимаются не только компонентами HTML.
Давайте приведем очень простой пример:
Xml/html -код копировать содержимое в буфер обмена