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

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

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

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

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

• img vs background-image

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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