Главная/ Материалы с тегом «семантический HTML»

Материалы с тегом «семантический HTML»

  • HTML формы. Взгляд через призму семантики.

    Формы верстают по разному: таблицами, блоками, списками или смешано. Но какой из этих способов будет правильным с точки зрения семантической верстки?

  • HTML5 разметка меню

    Несколько доводов почему в HTML5 разметке стоит отказаться от списков для верстки навигаций.

  • img vs background-image

    На первый взгляд img и background-image очень походи и делают одно и тоже — отображают изображения. Но на самом деле они очень разные и делают свое дело тоже по разному.

  • rel=alternate для многоязычных сайтов

    О разметке для мультиязычных сайтов.

  • Грамотное применение спецсимволов

    Спецсимволы (символьные мнемоники, ссылки на символы) — это различные символы, математические операторы, знаки пунктуации, стрелки, разного рода значки, которые на HTML странице задаются с помощью специальных кодов. Знание правил грамотного применения этих символов выгодно отличает толкового верстальщика от зеленого новичка.

  • Заголовки в HTML

    У тебя в распоряжении 6 различных тегов для вставки заголовков (h1-h6). А вот как эти заголовки правильно использовать — одна из самых спорных тем.

  • Как правильно сверстать меню

    Меню может быть очень разнообразным и сверстать его можно очень по разному: таблицами, блоками, просто сылками. В профессиональных кругах почему-то считается, что навигация должна быть на основе неупорядоченных списков (ul). Разберемся почему.

  • Когда и где использовать список определений (dl)

    Есть несколько мнений о применении списка определений (dl). Пора в этом разобраться.

  • Микроданные. Знакомство.

    Микроданные (microdata) — часть HTML5, которая помогает сделать код более семантичным.

  • Не все то ссылки, что подчеркнуто

    Активные элементы — это те элементы, при клике на которые что-нибудь произойдет. В дизайне они очень часто бывают похожи на ссылки. Но это внешнее сходство не должно вводить в заблуждение! Давайте разберем, как распознавать и правильно оформлять такие элементы.