http://wm-monitoring.ru/ ')) {alert('Спасибо за то что установили нашу кнопку! =)');} else {alert('Очень жаль! =(');}"> http://wm-monitoring.ru/

О семантике элементов HTML5

Опубликовано: 06.10.2017

видео О семантике элементов HTML5

HTML для начинающих - #11 - Семантические особенности HTML5

Ну, сейчас о семантике элементов html5 не сказал только ленивый. Вот и я хотела бы высказать своё веское мнение на этот счёт, особенно если учесть что месяц назад описание многих элементов было изменено.



Собственно что такое семантика? Это в переводе означает смысл. И теги хочется употреблять со смыслом, а не как попало. Например я помню много лет назад когда я только училась верстать, использовала таблицы и не использовала css - вёрстка одного макета (без контента) могла занимать от десяти килобайт. Сейчас вёрстка занимает один-два и количество элементов сводится к минимуму.


HTML5: суть, семантика и использование на практике

Итак, прежде всего хочу заметить, что многие нововведённые элементы html5 не поддерживаются одним из популярнейших браузеров (да-да IE8, я говорю о тебе). Приведу пример:

nav {display:block;color:red;background:blue;width:100px;} <nav> some links </nav>

Во всех браузерах кроме IE элемент nav будет выделен синим, а текст красным. В IE ( 43% всех браузеров ) мы увидим просто чёрный текст. Что мне уже говорит о несостоятельности этого элемента в практическом применении.


Курс по HTML5/CSS3. Формы. Часть 8

Прежде чем меня закидают тапками знатоки настоящей семантики я расскажу о смысле некоторых тегов и когда их нужно применять:

применение:

Как вы можете узнать из моей предыдущей заметки « Используйте тег menu для меню », я перешла на использование этого тега во всех проектах фирмы. Он поддерживается во всех браузерах, и на текущий момент представляет собой то же, что и обычный несортированный список (<ul>), как в спецификации HTML 4.01 , так и в html5 . Таким образом имеет смысл заменить на него обычные списки <ul id="menu"> используемые для разметки навигационного(!) меню. По крайней мере до появления поддержки html5-тегов в очередном IE.

Карта
rss