Валидность HTML5

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

видео Валидность HTML5

Курс HTML5 и CSS3.Табличная верстка (фрагмент онлайн-урока)

Уже не для кого не новость что командой W3C рекомендуется HTML5 как стандарт для разметки веб-страниц. Конечно по названию тега HTML5 можно догадаться для чего он предназначен. Но не все так просто. Для правильного использования тегов HTML5 нужно знать их предназначение. В этой статье демонстрация валидной страницы HTML5 с микроразметкой schema.org.



Оглавление: Валидная страница HTML5 Заключение

Валидная страница HTML5

<dialog>

Начнем с самого простого тега html он должен информировать на каком языке содержание веб-страницы и может иметь класс. С появлением микроразметки в html документа можно добавить атрибут, который будет говорить поисковой системе к какому типу относится веб-сайт.


Теги. Курс HTML5/CSS3 (фрагмент онлайн-урока от УЦ Бейсик)

<html lang="ru" class="" itemscope itemtype="http://schema.org/WebPage"> <meta itemprop="description" content="Валидная семантическая страница HTML5 с микроразметкой schema.org" /> <meta itemprop="keywords" content="Валидная, страница, HTML5, теги, микроразметка, schema.org" />

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


Жизненный цикл сайта (фрагм. онлайн-урока от УЦ Бейсик).HTML5/CSS3

<body class="post-123">

Для старых технологий, которые не поддерживают новые семантические теги в них Я добавил роли WAI-ARIA .

Шапка веб-страницы имеет важное значение для сайта, внутри тега header должно быть название и описание. Тегов header может быть больше чем один и может содержать не только название и описание, а еще логотип сайта, меню, поиск, карту, версия для печати и т.д.

<header itemscope itemtype="http://schema.org/Blog"> <figure role="banner"> <img src="logo.png" alt="" height="50" width="50"> </figure> <h1 itemprop="headline"> <a href="#" title="" rel="home" itemprop="url">Валидная страница HTML5</a> </h1> <h2 itemprop="description">Валидная семантическая страница HTML5 с микроразметкой schema.org</h2> </header>

Здесь важно отметить один момент, многие веб-разработчики название сайта заключают в тег h1, если на странице будет еще один тег h1 — это плохо для SEO. В этом случае лучше название сайта обвернуть тегом p.

rss