CSS-верстка. Много ли нас таких? - [2] :: Web-программирование

2All
Да что вы заладили как .... таблицы или дивы.
Таблицам таблицебо, а дивам диваво.
Между прочем это даже не относится к теме этого топика.
Дело не в конкретных тегах, а в том что CSS позволяет (в нынешнем виде - с горем по полам) осуществить семантическую разметку документа.
Т.е. с помощью языка разметки можно организовать содержание в доступном для понимания машин (поисковых например) виде.
Т.е. машина понимает где заголовок, где подзаголовок, где соответствующий ему текст, какая из иллюстраций соответствует данному разделу, где задаётся какой-либо термин а где его описание (кстати абсолютно не заменим для этого, презираемая тут многими, группа тегов DL, DT и DD http://pyramidin.narod.ru/html401/lists.html#edef-DL ) т.д.
И при разметке такого рода нет места тегам типа <font><b> или <i>. Т.к разметка документа должна описывать только логическую структуру документа. Машине не интересно как документ выглядит. Её (так-же как и некоторых людей) интересует содержание.
А вот за его (документа) оформление и отвечает CSS, который описывает как какой элемент документа должен выглядеть. И кстати это описание может быть разным для разных устройств. Один дизайн для экрана компа, другой для принтера, третий для мобильных устройств.
Т.е. мораль такова в X/HTML документе должны буть только теги необходимые для логической и семантической разбивки документа. И ни какого оформления (это только сбивает с толку поисковые машины). Всё (в идеале) оформление в CSS.

Код:

<html>
<head>
<title>Пример разметки документа</title>
</head>
<body>
<h1>Пример оптимальной разметки</h1>
<p>
<h2>Создание правильных заголовков</h2>
Заголовки задаются только с помощью тегов <Hn>.
Ля, ля, ля ....
</p>
<dl>
<dt>Ламер</dl>
<dd>Тот, кто не желает ни чему учиться</dd>
<dt>Хакер</dl>
<dd>Тот, кто способен самостоятельно разобраться, как устроенны некоторые вещи.</dd>
</dl>
</body>
</html>

Добавлено:
И вот ещё пример с сайта http://opera.com (По их коду можно учиться разметке)

Код:

<h3>XHTML 1.0 and XHTML Modularization</h3>

<p>
There are two "modes" of XHTML support, one where
the document has the <code>text/html</code> content type and the other
where it has one of <code>text/xml</code>, <code>application/xml</code>
or <code>application/xhtml+xml</code>. In the first case the document
is handled as any other <acronym>HTML</acronym> document (giving de
facto support for XHTML 1.0, XHTML
Basic and XHTML 1.1). In the second case
XHTML will be treated as <acronym>XML</acronym>
with predetermined functionality for <acronym>HTML</acronym> elements
nd attributes. In "<acronym>XML</acronym> mode" Opera has the
following additional exception:
</p>

<h3><acronym>XHTML 1.1</acronym> support</h3>
<p>Opera version 7 supports <a href="http://www.w3.org/TR/xhtml11/">XHTML 1.1</a> with these exceptions:</p>

<ul>
<li>Event attributes are not supported for the <code class="element">option</code> element</li>
<li>The table cell attributes <code class="attribute">char</code> and <code class="attribute">charoff</code> are not supported.</li>
<li>The <code class="attribute">lang</code> attribute is not supported.</li>
<li>Ruby annotations are not supported.</li>
<li>The bidirectional override element <code class="element">bdo</code> and the <code class="attribute">dir</code> attribute were added in Opera 7.2. </li>
<li>Support for the <code class="element">script</code> element was added in Opera 7.5.</li>
</ul>

Добавлено:
Семантический веб

Добавлено:
В первую очередь надо думать о содержании.
Если его нет, то и ни какое оформление не поможет.

Добавлено:
http://www.yandex.ru/yandsearch?rpt=rad&text=%D1%E5%EC%E0%ED%F2%E8%F7%E5%F1%EA%E8%E9+%E2%E5%E1

Модерирует : Cheery
Версия для печати • Подписаться • Добавить в закладки
Страницы: 1 2 3 4 5