Встроенная семантика в HTML

Теги: html, верстка

Мой перевод статьи Built in Semantics in HTML

Это неполный список. Я не стал упоминать семантику таблиц, их элементов и аттрибутов, так как они относятся только к одному виду разметки (табличные данные), и отличаются от разметки в более глобальном смысле этого слова. Это не в коем случае не означает, что табличная разметка не «семантична» (если используется по назначению). Кроме того, из списка исключена разметка форм. И снова: конечно же, такая разметка семантична, но только тогда, когда используется по назначению. Также я исключил из списка все устаревшие элементы, независимо от того, являются ли они семантичными или презентационными. Кроме того, в список не вошли «встраиваемые» или «заменяющие» контент элементы (такие как object, img). Здесь я основывался на том, что эти элементы не так много значат в создании контента, и его «переноса».

Элементы

a

Каждый элемент A определяет ссылку

abbr

Отображает аббревиатуру

acronym

Отображает акроним

address

Элемент ADDRESS может быть использован авторами для предоставления контактной информации для документа, или значительной его части(например, формы)

blockquote

BLOCKQUOTE - это большая цитата (блочный элемент)

cite

Содержит цитату или ссылку на источники

code

Отображает фрагмент исполняемого кода

dfn

Указывает на то, что к включенному термину прилагается определение

div, span

Элементы DIV и SPAN, в сочетании с аттрибутами id и class, образуют общий механизм придания структурности документу

dl, dd, dt

Списки определений, созданные с использованием элемента DL, обычно содержат серию терминов/определений (хотя списки определений могут найти и другие применения). Термин задается внутри элемента DT. Пояснение к термину дается внутри элемента DD, который по структуре представляет собой блок

del, ins

Элементы INS и DEL используются для подсветки частей документа в различных его версиях

em

Акцентирующий элемент(обычно отображается курсивом)

h1 .. h6

Элементы заголовков

kbd

Отображает текст, который пользователю следует ввести с клавиатуры

ul, ol, li

Элементы упорядоченного и неупорядоченного списка, которые реально не определены в спецификации. «Списки могут содержать: Неупорядоченную информацию. Упорядоченную информацию. Определения.»

p

Элемент P используется для оформления параграфов

q

Q предназначен для коротких цитат (строковый элемент), которые не требуют переноса строки.

samp

Используется для отображения примеров исходных кодов программ, скриптов, и т.д.

strong

Отображает участок контента, на который следует обратить повышенное внимание(обычно отображается жирным шрифтом)

var

Указывает переменную или аргумент программы

Аттрибуты

alt

Для браузеров, не способных отображать картинки, формы или апплеты, этот аттрибут определяет альтернативный текст

class

Этот аттрибут определяет имя класса или набор имен классов элемента… Для широкого использования браузерами

cite

Значение этого аттрибута - URI, содержащий источник документа или сообщения. Этот аттрибут используется для указания источника информации, из которого взята эта цитата.

datetime

Значение этого аттрибута указывает дату и время, когда было внесено изменение

id

Аттрибут id присваивает уникальный идентификатор элементу … Для широкого использования браузерами

lang

Этот элемент указывает на языковую принадлежность значения и текстового содержимого элемента

longdesc

Этот аттрибут определяет ссылку на описании к картинке

rel

Этот аттрибут описывает отношение текущего документа к документу, на который указывает параметр href данной ссылки.

rev

Этот аттрибут используется для описания обратной ссылки из значения параметра href к текущему элементу.

title

Аттрибут определяет поясненяющую информацию об элементе, в котором он указан.

PS. Если есть чем дополнить/поправить перевод, жду ваших комментариев. Вступление автора из перевода исключено умышленно.

Статьи схожей тематики:

FCKeditor и настройка диалогов

Верстка и прогресс

CSS-reset vs разум

Именование элементов id и class в html

Раскладка в CSS: float