Давайте обсуждать сайт Zen Garden! - Классика блочной верстки!

S
На сайте с 14.05.2009
Offline
93
724

Начал досконально изучать этот сайт, на первый взгляд вроде бы все понятно, но зачем каждый абзац заключен в теги <span></span>? Кое-где нашел этому не совсем развернутое объяснение. Это делается для расширения возможности применения стилей css. Но ведь каждому абзацу присвоен свой класс.

Таким образом, с помощью класса и дива, в котором этот абзац находится, можно применить стиль только к этому абзацу.

Что скажите по этому поводу?

Zen Garden

Вот часть кода главной странички:

<div id="container">

<div id="intro">

<div id="pageHeader">

<h1><span>css Zen Garden</span></h1>

<h2><span>The Beauty of <acronym title="Cascading Style Sheets">CSS</acronym> Design</span></h2>

</div>

<div id="quickSummary">

<p class="p1"><span>A demonstration of what can be accomplished visually through <acronym title="Cascading Style Sheets">CSS</acronym>-based design. Select any style sheet from the list to load it into this page.</span></p>

<p class="p2"><span>Download the sample <a href="/zengarden-sample.html" title="This page's source HTML code, not to be modified.">html file</a> and <a href="/zengarden-sample.css" title="This page's sample CSS, the file you may modify.">css file</a></span></p>

</div>

<div id="preamble">

<h3><span>The Road to Enlightenment</span></h3>

<p class="p1"><span>Littering a dark and dreary road lay the past relics of browser-specific tags, incompatible <acronym title="Document Object Model">DOM</acronym>s, and broken <acronym title="Cascading Style Sheets">CSS</acronym> support.</span></p>

<p class="p2"><span>Today, we must clear the mind of past practices. Web enlightenment has been achieved thanks to the tireless efforts of folk like the <acronym title="World Wide Web Consortium">W3C</acronym>, <acronym title="Web Standards Project">WaSP</acronym> and the major browser creators.</span></p>

<p class="p3"><span>The css Zen Garden invites you to relax and meditate on the important lessons of the masters. Begin to see with clarity. Learn to use the (yet to be) time-honored techniques in new and invigorating fashion. Become one with the web.</span></p>

</div>

</div>

И еще один вопрос. Что делать если нужно отредактировать отдельное слово в одном из абзацев? Тоже заключать его в <span></span> и присваивать id?

J
На сайте с 04.07.2009
Offline
0
#1
sportmaster:
Начал досконально изучать этот сайт, на первый взгляд вроде бы все понятно, но зачем каждый абзац заключен в теги <span></span>?

Очень интересная тема🚬

Мне кажется, что этого делать не нужно. Ставьте спаны там, где это необходимо.

Что касается второго вопроса, то я так и делаю. Ставлю <span id="best"> и описываю стиль.

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий