Xiper

Архивы Тегофеншуй - Xiper

Семантическая верстка на сегодняшний день это рекомендация к которой пора начинать прислушиваться. И пора начинать приучать себя к "правильному" коду.

Семантический HTML поднимает уровень качества кода на новую ступень, делая код более доступным и понятным.

Чтобы лучше понять что такое семантическая верстка и зачем она нужна, начни со статьи «Семантический HTML код — рекомендация с большими выгодами».

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

    добавлено

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

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

    добавлено

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

  • Страничная разбивка

    добавлено

    Как лучше сверстать страничную разбивку с точки зрения SEO.

  • Знакомство

    добавлено

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

  • Секции и структура документа в HTML5

    добавлено

    В данной статье пойдет речь о способах построения семантической структуры документа.

  • Структурная разметка с HTML5. Часть 2.

    добавлено

    О семантических тегах <header>, <footer> и <nav>.

  • Показываем фокус клавиатуры

    добавлено

    Показ фокуса — это критически важный шаг в обеспечении доступности для зрячих пользователей, которые полагаются на клавиатуру при работе в веб.

  • Структурная разметка с HTML5. Часть 1.

    добавлено

    О выгодах, которые должны принести семантические теги HTML5 и первые «путаницы» с ними.

  • img vs backround-image

    добавлено

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

  • Таблицы в HTML

    добавлено

    Таблица не такой простой элемент как может показаться изначально. Копнем глубже.

  • HTML формы

    добавлено

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

  • Список определений

    добавлено

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

  • Непонятый многими. Тег address.

    добавлено

    непонятый многими тег addressТег address относится к малоизведанным тегам. Давай разбираться зачем же этот тег увидел свет.

  • Семантические теги на базе HTML 4.01

    добавлено

    Перечень HTML тегов и атрибутов, которые соотвествуют букве семантики.

  • Теги представления на базе HTML 4.01

    добавлено

    Теги и атрибуты представления не несут никакой логической нагрузки. При семантической верстке использование этих тегов и атрибутов следует избегать.