Изучаем HTML 5-Б. Лоусон, Р. Шарп - 2011

Печать

зовать для выделения отдельных фрагментов страницы, — это семантически нейтральный <div> (определенный в HTML 4 как «универсальный механизм для оформления структуры документов»).

Представим себе «умный» браузер, в котором с помощью специального сочетания клавиш можно быстро переходить к панели навигации страницы. Вопрос в следующем:как он узнает, куда переходить? Одни разработчики используют <div class = "menu">,другие — class="nav",class = "navigation" , с las s= " 1 inks " ИЛИ всевозможные ИХ эквиваленты на разных языках. Данные из приведенных выше таблиц Opera МАМА наводят на мысль о том, что menu, nav, sidebar И navigation МОЖНО было бы считать СИНОНИМаМИ.

В HTML5 есть новые элементы, которые однозначно задают структурные элементы страницы. Используя некоторые из них, попробуем переписать нашу разметку.

<header>

<hl>My interesting life</hl> </header> <nav>

<h2>Menu</h2> <ul>

<li><a href="last-week.html">Last -i week</ax/li> <li><a href="archive.html" -i >Archives</ax/li> </ul> </nav> <article>

<h2>Yesterday</h2>

<p>Today I drank coffee for breakfast. -i 14 hours later, I went to bed.</p> </article> <article>

<h2>Tuesday</h2>

<p>Ran out of coffee, so had orange juice -i for breakfast.

It was from concentrate. </p> </article> <footer>

<pxsmall>This is copyright by Bruce -i Sharp. Contact me to

-i negotiate the movie rights. </smallx/p> </footer>