Код страницы третьего уровня (/tech/xhtml.html)

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
? "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" lang="ru" xml:lang="ru">

<head>
<title>Расширяемый язык разметки гипертекста XHTML - Технологии -
Сайт о сайтах</title>
<style type="text/css">
<!--
@import url(/style.css);
-->
</style>
</head>

<body>
<div id="carrier">
<h1 id="header"><a href="/index.html">Сайт о сайтах</a></h1>
<div id="menucarrier">
<div id="menu">
<p><a href="/concept/index.html">Концепции</a></p>
<p><a href="index.html" class="current">Технологии</a></p>
<p><a href="/nuances/index.html">Нюансы</a></p>
<p><a href="/about/index.html">О&nbsp;проекте</a></p>
<p><a href="/map/index.html">Карта сайта</a></p>
</div>
</div>
<div id="text">
...
</div>
<div id="footer">
...
</div>
</div>
</body>

</html>
Обратите внимание на очевидные различия в описаниях элементов <title>...</title>, а также блоков с идентификаторами header («шапка» страниц) и menu (меню навигации) в вышеприведенных листингах.
Итак, все кнопки навигационного меню на главной странице идентичны друг другу и описываются следующим образом:
<p><a href="/tech/index.html">Технологии</a></p>
Неактивная кнопка меню навигации на странице второго уровня, соответствующая названию текущего раздела, имеет следующее описание:
<p><span>Технологии</span></p>
Та же кнопка на странице третьего уровня описывается так:
<p><a href="index.html" class="current">Технологии</a></p>
Фрагмент листа стилей (файл /style.css), ответственный за внешний вид «шапки» и кнопок навигационного меню в экранной версии представления страниц, приведен в листинге 3.11 со всеми необходимыми комментариями.


© 2008-2018 ОптимизацияВебСайтов.ру


Любое использование текстового и графического контента сайта без активной ссылки на источник не доскается.