Объединение CSS и XHTML
Я упомянул, что документы HTML и XHTML имеют схожую структуру, и этот момент следует повторить. Кстати, именно в этом состоит проблема со старыми веб-страницами: слишком часто мы забываем, что документы имеют внутреннюю структуру, которая совершенно отличается от визуальной. В погоне за созданием вебстраниц, выглядящих наилучшим образом, мы забываем, что страницы должны содержать информацию об их структуре.
Эта структура является неотъемлемой частью взаимоотношений между XHTML и CSS; без структуры подобная взаимосвязь вообще невозможна. Чтобы лучше понять это, давайте рассмотрим пример XHTML-документа и разберем его по частям:
<html>
<head>
<title>Eric's World of Waffles</title>
<link rel="stylesheet" type="text/css" href="sheet1.css" media="all" />
<style type="text/css">
@import url(sheet2.css);
h1 {color: maroon;}
body {background: yellow;}
/* Вот мои стили! Вау! */
</style>
</head>
<h1>Waffles!</h1>
<p style="color: gray;">The most wonderful of all breakfast foods is
the wafflea ridged and cratered slab of homecooked, fluffy goodness
that makes every child's heart soar with joy. And they're so easy to make!
Just a simple wafflemaker and some batter, and you're ready for a morning
of aromatic ecstasy!
</p>
</html>
Комментарии:
Нету комментариев для вывода...