Избегаем популярных ошибок в HTML5

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

Разбирая сайты для Галереи HTML5 и отвечая на вопросы читателей на сайте Доктор HTML5 , я вынужден просматривать целую кучу страниц на HTML5 и, конечно же, их исходный код. В этой статье я расскажу вам об ошибках и сомнительной разметке, которые мне частенько приходится видеть, и объясню, как их избежать.

Не используйте <section> как обёртку для оформления

Одна из самых распространённых проблем, которую я часто вижу в разметке сайтов — это произвольная замена элементов <div> структурными элементами из HTML5, особенно замена оформительской обёртки на <section>. В XHTML или HTML4 я бы увидел что-нибудь такое:

<!-- Не копируйте этот код! Он неправильный! --> <div id="wrapper"> <div id="header">   <h1>Моя супер-пупер страница</h1> <!-- Содержимое шапки --> </div> <div id="main"> <!-- Содержимое страницы --> </div> <div id="secondary"> <!-- Вторичное содержимое --> </div> <div id="footer"> <!-- Содержимое подвала --> </div> </div>

Вместо этого я вижу следующее:

<!-- Не копируйте этот код! Он неправильный! --> <section id="wrapper"> <header>   <h1>Моя супер-пупер страница</h1> <!-- Содержимое шапки --> </header> <div id="main"> <!-- Содержимое страницы --> </div> <section id="secondary"> <!-- Вторичное содержимое --> </section> <footer> <!-- Содержимое подвала --> </footer> </section>

Честно говоря, это неправильно: <section> — это не обёртка. Элемент <section> определяет смысловую секцию содержимого для создания структуры документа . Он должен содержать заголовок. Если вы ищете элемент для того чтобы обернуть в него всю страницу (в стиле HTML или XHTML), подумайте, не применить ли стили непосредственно к элементу <body>, как описано у Крока Кеймена . Если же вам всё ещё нужна дополнительная обёртка, используйте <div>. Раз уж Доктор Майк объясняет, что <div> не мёртв , а вам не удаётся найти ничего более удачного, пожалуй, этот элемент будет самым подходящим для создания оформительской обёртки.

IRC (Internet Relay Chat)
    Рейтинг антивирусов для "Андроида", описание лучших
    Сегодня пользователи мобильных девайсов на основе Android-систем все чаще сталкиваются с необходимостью установки антивирусного и антишпионского программного обеспечения на свои устройства. И таких программных

    Как добавить файл в исключения антивируса Avast: пошаговая инструкция
    Avast (Аваст) — популярный антивирус благодаря функциональной бесплатной версии. Однако любые программы небезгрешны, и Avast порой совершает ошибки, удаляя или добавляя в свой чёрный список «чистые»,

    Выбор антивируса для Windows 10: учитываем результаты тестов
    После релиза Windows 10 у своевременно обновивших систему пользователей возник ряд вопросов по поводу безопасности компьютера. На форумах широко обсуждалась проблема, какой антивирус лучше для Windows

    Вирус не дает установить антивирус
    Хочу поделиться личным опытом. В офисе есть один ноутбук, работает вроде как без капризов с единственной странностью: не запускается антивирус. Вернее, запустится и тут же пропадет, не оседая в трее.

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

    Microsoft Security Essentials
    Новый бесплатный антивирус от Microsoft предоставляет вам высокое качество защиты от вирусов и шпионских программ, в том числе троянов, интернет-червей и других вредоносных программ. Security Essentials

    Kaspersky Free 2018
    Kaspersky Free — бесплатный антивирус на 1 год, который защитит от 99% угроз уже после установки на операционную систему Windows. Скачать Касперский Фри антивирус бесплатно для ПК с официального

    Выбираем легкий антивирус для слабого компьютера или ноутбука
    Самый легкий антивирус для слабого компьютера – это актуальная тема на сегодняшний день, ведь далеко не все пользователи имеют мощные ПК, которые способы «тянуть» емкие приложения. Однако он нужен

    Как определить самый быстрый антивирус для компьютера
    С развитием информационных технологий, компьютер и ноутбук стал атрибутом повседневной жизни человека. Благодаря устройствам и интернету, пользователи могут получать полезную информацию, общаться с друзьями

    Лучшие антивирусы для Linux
    Немецкая лаборатория AV-Test определила лучшие антивирусы для Linux: 16 антивирусных решений были протестированы на противодействие вредоносным программам для Windows и Linux Перевод Comss.ru

rss