У дома Безопасност Фигурният таг дефинира. Елементите figure и figcaption са уеб стандарти. но сега не говорим за това. Истинската грешка е прекомерното използване на елемента. трябва да се използва само когато се позовавате на него в документ. Малко вероятно е да се позовавате на вашите

Фигурният таг дефинира. Елементите figure и figcaption са уеб стандарти. но сега не говорим за това. Истинската грешка е прекомерното използване на елемента. трябва да се използва само когато се позовавате на него в документ. Малко вероятно е да се позовавате на вашите

И като отговарях на въпроси от потребители, видях много уебсайтове с HTML5 маркиране. В тази статия ще ви покажа някои от грешките в маркирането и лошите практики, на които съм се натъквал много, и ще ви обясня как да ги избягвате.

Не използвайте етикета
като обвивка за декорация

Един от най-честите проблеми, които забелязах, е баналната замяна
"ov върху структурните елементи на HTML5, особено върху
"s. Тоест, когато нещо в XHTML или HTML4 изглежда така:
Пренаписано така:

Това е просто грешно:
не е обвивка. Този елемент означава семантичния блок на вашето съдържание, използван за изграждане на „контур на документа“ и трябва да съдържа заглавие. Ако имате нужда от елемент, който да увиете, опитайте да го направите (Крок Камен има какво да предложи). Ако това не реши проблема с нуждата от допълнителни опаковки, използвайте доброто старо
"с. С появата на HTML5
„Ти не си мъртъв и те са идеалното решение в този случай.

С всичко казано, би било хубаво да маркирате примера по-горе, като използвате HTML5 по следния начин:

Моята супер супер страница

Ако не сте сигурни кой елемент да използвате, тогава ви съветвам да използвате нашата блок-схема за избор на елементи ( прибл. преводач: вижте най-долу на записа).

Използвайте
и
само при нужда

Няма смисъл да пишете код, ако не е необходимо, нали? Уви, често виждам как
и
където не са необходими. Можете да прочетете за елементите
и
По-подробно ще очертая накратко основните моменти:
  • елемент
    представлява група от уводни или помощни средства за навигация и обикновено съдържа заглавие на раздел
  • елемент
    групира набор от елементи

    -

    , представляващ заглавието на раздела, в случай че се състои от няколко нива (подзаглавия, алтернативни заглавия и т.н.)
Излишни елементи
Сигурен съм, че знаете отлично, че елементът
може да се използва многократно в един документ. Така че това често е така:

Най-добрата ми публикация в блога

Ако твоят

съдържа само един заглавен елемент, той не е необходим. В този случай елементът
вече гарантира, че заглавието ще бъде включено в "очертанието на документа" (очертанието на документа) и то веднъж
не съдържа множество елементи (както е дефинирано), може безопасно да се премахне. Само това е достатъчно:

Най-добрата ми публикация в блога

Злоупотреба
И отново за заглавките: често виждам неправилно използване на елемента
. Не трябва да се използва
заедно с
, ако:
  • Има само един хедър
  • добър сам по себе си (т.е. без
    ).
Първи случай:

Най-добрата ми публикация в блога

от Рич Кларк

В този случай просто премахнете hgroup.

Най-добрата ми публикация в блога

от Рич Кларк

Вторият случай е друг пример за използване на елемент ненужно.

Моята компания

Основан през 1893 г

Ако единственото дете

"и този
защо ти трябва
? Ако нямате допълнителни елементи в
"e (т.е. сестра на
), просто премахнете
.

Моята компания

Основан през 1893 г

Не рамкирайте всички връзки

HTML5 въведе 30 нови елемента, за да ни даде възможност да създаваме структурирано и смислено маркиране. Но не трябва да се злоупотребява с нови семантични елементи. За съжаление точно това се случва с
2022 bar812.ru. Само за комплекса. Програми. Желязо. Интернет. Windows