HTML- ориентиры используются для категоризации и группировки контента на веб-странице для лучшей доступности и SEO . [1]
HTML5 включает добавление следующих элементов секционирования контента, которые наследуют роли ориентиров по умолчанию: [2]
Атрибут roleиспользуется для определения роли элемента на странице. Когда были введены элементы секционирования, атрибут roleстал меньше использоваться для обозначения ориентиров. Это связано с тем, что роли применялись по умолчанию к большинству элементов секционирования, поэтому они были более широко использованы и приняты из-за своей простоты. [5]
Атрибут roleиспользуется не только для назначения ролей разделам контента. Атрибут также может использоваться для назначения ролей многим другим элементам, хотя в настоящее время он используется реже из-за новых семантических элементов HTML . [6]
< div role = "banner" > < h1 > Привет, мир! </ h1 > </ div >Приведенный выше код аналогичен следующей более широко распространенной версии: [7]
< заголовок > < h1 > Привет, мир! </ h1 > </ заголовок >После добавления секционных элементов в HTML5 возникла путаница относительно того, нужны ли атрибуты роли для секционных элементов. На самом деле, давать секционным элементам атрибут роли излишне. [8]
Кроме того, не следует пытаться изменять стандартные роли секционных элементов. [9]
Роль mainэлемента <main>бесполезна, так как он уже наследует эту роль как свою роль ориентира по умолчанию:
< main role = "main" > < p > Привет, мир! </ p > </ main >Применение formроли к <header>семантически неправильно, поскольку оно переопределяет <header>роль по умолчанию banner:
< header role = "form" > <!--Здесь немного HTML-кода--> </ header >