Тегофеншуй
Семантическая верстка на сегодняшний день это рекомендация к которой пора начинать прислушиваться. И пора начинать приучать себя к «правильному» коду.
Семантический HTML поднимает уровень качества кода на новую ступень, делая код более доступным и понятным.
Чтобы лучше понять что такое семантическая верстка и зачем она нужна, начни со статьи «Семантический HTML код — рекомендация с большими выгодами».
-
HTML5 разметка меню
добавлено 30.01.2013
Несколько доводов почему в HTML5 разметке стоит отказаться от списков для верстки навигаций.
-
rel=alternate для многоязычных сайтов
добавлено 18.09.2012
О разметке для мультиязычных сайтов.
-
Семантическая страничная разбивка
добавлено 18.09.2012
Как лучше сверстать страничную разбивку с точки зрения SEO.
-
Микроданные. Знакомство.
добавлено 12.06.2012
Микроданные (microdata) — часть HTML5, которая помогает сделать код более семантичным.
-
Не все то ссылки, что подчеркнуто
добавлено 13.02.2010
Активные элементы — это те элементы, при клике на которые что-нибудь произойдет. В дизайне они очень часто бывают похожи на ссылки. Но это внешнее сходство не должно вводить в заблуждение! Давайте разберем, как распознавать и правильно оформлять такие элементы.
-
Секции и структура документа в HTML5
добавлено 03.03.2011
В данной статье пойдет речь о способах построения семантической структуры документа.
-
Структурная разметка с HTML5. Часть 1.
добавлено 22.09.2010
О выгодах, которые должны принести семантические теги HTML5 и первые «путаницы» с ними.
-
Структурная разметка с HTML5. Часть 2.
добавлено 02.03.2011
О семантических тегах <header>, <footer> и <nav>.
-
Показываем фокус клавиатуры
добавлено 23.01.2011
Показ фокуса — это критически важный шаг в обеспечении доступности для зрячих пользователей, которые полагаются на клавиатуру при работе в веб.
-
Непонятый многими. Тег address.
добавлено 25.03.2010
Тег address относится к малоизведанным тегам. Давай разбираться зачем же этот тег увидел свет.
-
img vs background-image
добавлено 17.08.2010
На первый взгляд img и background-image очень походи и делают одно и тоже — отображают изображения. Но на самом деле они очень разные и делают свое дело тоже по разному.
-
Таблицы в HTML. Как и где использовать.
добавлено 14.08.2010
Таблица не такой простой элемент как может показаться изначально. Копнем глубже.
-
HTML формы. Взгляд через призму семантики.
добавлено 06.08.2010
Формы верстают по разному: таблицами, блоками, списками или смешано. Но какой из этих способов будет правильным с точки зрения семантической верстки?
-
Когда и где использовать список определений (dl)
добавлено 26.07.2010
Есть несколько мнений о применении списка определений (dl). Пора в этом разобраться.
-
Теги представления на базе HTML 4.01
добавлено 19.02.2010
Теги и атрибуты представления не несут никакой логической нагрузки. При семантической верстке использование этих тегов и атрибутов следует избегать.
-
Семантические теги на базе HTML 4.01
добавлено 19.02.2010
Перечень HTML тегов и атрибутов, которые соотвествуют букве семантики.
-
Семантический HTML код — рекомендация с большими выгодами
добавлено 18.02.2010
Семантический HTML код — это верстка с правильным использованием HTML тегов, использованием их по назначению, так как их задумывали разработчики языка HTML и веб стандартов. Но зачем и кому это нужно?
-
Ссылка с возможностями блока
добавлено 15.02.2010
Как сделать ссылку, которая будет учитывать ширину, высоту и внутренние отступы.
-
Не забивай гвозди шуруповертом — <br /> должен быть в тему
добавлено 12.02.2010
Все или почти все используют в верстке тег <br />. Много ли из нас, поставив в коде <br /> задумывается: а действительно ли нужен он тут? Давай разбираться.
-
Как правильно сверстать меню
добавлено 10.02.2010
Меню может быть очень разнообразным и сверстать его можно очень по разному: таблицами, блоками, просто сылками. В профессиональных кругах почему-то считается, что навигация должна быть на основе неупорядоченных списков (ul). Разберемся почему.
-
Грамотное применение спецсимволов
добавлено 06.02.2010
Спецсимволы (символьные мнемоники, ссылки на символы) — это различные символы, математические операторы, знаки пунктуации, стрелки, разного рода значки, которые на HTML странице задаются с помощью специальных кодов. Все это было придумано, чтобы обеспечить максимальную кроссбраузерность при отображении документа. Знание правил грамотного применения этих символов выгодно отличает толкового верстальщика от зеленого новичка.
-
Заголовки в HTML
добавлено 22.01.2010
У тебя в распоряжении 6 различных тегов для вставки заголовков (h1-h6). А вот как эти заголовки правильно использовать — одна из самых спорных тем.