Что означает "семантически правильная"?

Ответ 1

Правильная маркировка

Это означает, что вы называете то, что на самом деле. Классический пример: если что-то есть table, оно должно содержать строки и столбцы данных. Использовать это для макета семантически некорректно - вы говорите "это таблица", когда это не так.

Другой пример: список (<ul> или <ol>) обычно должен использоваться для группировки похожих элементов (<li>). Вы могли использовать div для группы и <span> для каждого элемента и стилизовать каждый span для отдельной строки с маркером, и это может выглядеть так, как вы хотеть. Но "это список" передает дополнительную информацию.

Подходит для идеала за HTML

HTML означает "HyperText Разметка Язык"; его цель - маркировать или маркировать ваш контент. Чем точнее вы его отмечаете, тем лучше. В HTML5 вводятся новые элементы для более точной маркировки общих частей веб-страницы, таких как верхние и нижние колонтитулы.

Делает его более полезным

Вся эта семантическая маркировка помогает машинам анализировать ваш контент, который помогает пользователям. Например:

• Знать, что ваши элементы , позволяет браузерам использовать разумные значения по умолчанию для того, как они должны выглядеть и вести себя. Это означает, что у вас меньше работы по настройке, и они, скорее всего, получат согласованные результаты в разных браузерах.
• Браузеры могут правильно применять ваши CSS (каскадные стили), описывая, как должен выглядеть каждый тип контента. Вы можете предлагать альтернативные стили, или пользователи могут использовать свои собственные; до тех пор, пока вы семантически обозначили свои элементы, правила, такие как "Я хочу, чтобы заголовки были огромными", будут полезны.
• Считыватели экрана для слепых могут помочь им заполнить форму более легко, если логические разделы разбиты на fieldsets с одним legend для каждого из них. Слепой пользователь может сказать: "О, этот раздел не применим ко мне, поэтому я могу пропустить вперед", как вы бы это сделали, взглянув на него.
• Мобильные телефоны могут переключаться на числовую клавиатуру, когда они видят ввод формы type="tel" (для телефонных номеров).

Ответ 2

Семантика в основном означает "Изучение смысла".

Обычно, когда люди говорят о семантическом правильности кода, они ссылаются на код, который явно описывает что-то.

В (x) HTML есть определенные теги, которые придают смысл содержанию, которое они содержат. Например:

Тег H1 описывает данные, которые он содержит в качестве заголовка уровня 1. Тег H2 описывает данные, которые он содержит в качестве заголовка уровня 2. Подразумеваемым значением этого является то, что каждый H2 под H1 каким-то образом связан (т.е. Заголовок и подзаголовок).

Когда вы кодируете семантическим способом, вы в основном даете смысл описываемым данным.

Рассмотрим следующие 2 семантического семантического VS не-семантического:

<h1>Heading</h1>
<h2>Subheading</h2>

VS не-семантический эквивалент:

<p><strong>Heading</strong></p>
<p><em>Subheading</em></p>

Иногда вы можете услышать людей в дебатах, в которых говорится: "Теперь вы просто говорите о семантике", и это обычно относится к акту о том же значении, что и другой человек, но использует разные слова.

Ответ 3

"Семантически правильное использование элементов означает, что вы используете их для того, для чего они предназначены для использования. Это означает, что вы используете таблицы для табличных данных, но не для макета, это означает, что вы используете списки для перечисления вещей, сильных и em для придания текста акценту и тому подобное".

От: http://www.codingforums.com/archive/index.php/t-53165.html

Ответ 4

HTML-элементы имеют смысл. "Семантически правильно" означает, что ваши элементы означают, что они должны.

Например, списки определений представлены <dl> списками в коде, ваши сокращения - <abbr>s и т.д.

Ответ 5

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

Например, вы используете списки для создания меню. Таким образом, программа чтения с экрана для людей с ограниченными возможностями будет знать, что эти элементы списка являются частью одного и того же уровня меню, поэтому он будет читать их последовательно, чтобы человек мог сделать выбор.

Ответ 6

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

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