Источник: http://wa.artel.by/
Итак, многие из вас используют теги <CITE> или <ADRESS>? Можете не отвечать. Зачем они нужны? Они помогают правильно организовать логическую структуру страницы, а правильная структура сильно упрощает использование CSS. То есть преимущества два:
<H#> - заголовки
<EM> - выразительность
<STRONG> - ударение
<CITE> -
цитата
<ADDRESS> - адрес
<SAMP> -
пример
<CODE> - код
<VAR> -
переменная
Вот они все. А сейчас займемся каждым в отдельности.
<H#> - обозначает заголовки в теле документа. Бывает шести видов H1, H2, H3, H4, H5, H6, которые отличаются степенью значимости (попросту говоря, размером) заголовков. Самый большой и самый главный - H1. Самый маленький - H6.
Код: | Итог: |
<H1>СSS - вот чему надо
учиться!</H1> |
СSS - вот чему надо учиться!HTML надо чувствоватьJavaScript любитьHomeSite 4.5 знать в лицо |
<EM> - обозначает выразительность какого-либо слова в тексте. Частенько вместо этого тега используется тег <I>, однако это неправильно с точки зрения логики.
Код: | Итог: |
Кросс-браузерный код - <EM>главная</EM> цель
вебмастера. |
Кросс-браузерный код - главная цель вебмастера. |
<STRONG> - обозначает сильный акцент в тексте. Разница между <EM> только в степени выразительности.
Код: | Итог: |
СSS <STRONG>совершенно необходимы</STRONG>
всем. |
CSS совершенно необходимы всем |
<CITE> - обозначает ссылку на книгу или веб-сайт. Часто используют внизу страницы для обозначения владельца.
Код: | Итог: |
<CITE>Самоучитель сайтостроителя</CITE>, Минск,
1989 |
Самоучитель сайтостроителя, Минск, 1989 Сайт кривыми руками, Москва, 1999 |
<ADDRESS> - обозначает контактную информацию автора сайта или организации, которой принадлежит сайт.
Код: | Итог: |
Наш адрес: <P> |
Наш адрес: Г. Минск, ул. Сторожевская 8, офис 142а |
<SAMP> - пример. Обычно применяется для обозначения терминов или ключевых слов. В браузере отображается моноширинным шрифтом, например, Courier New. В общем-то похож на тег <CODE>.
Код: | Итог: |
Что такое <SAMP>CSS</SAMP> знает все большее число
людей |
Что такое CSS знает все большее число людей |
<CODE> - обозначает программный код. В браузере отображается моноширинным шрифтом. Часто используется вместе с тегом <PRE>, который лучше передает отступы и сруктуру.
Код: | Итог: |
<CODE> |
function Opn(){ |
<VAR> - обозначает переменную из компьютерной программы.
Код: | Итог: |
Переменная <VAR>width</VAR> содержит ширину нового
окна |
Переменная width содержит ширину нового окна |
Как вы заметили, большинство из этих тегов делают текст или наклонным, или жирным, или моноширинным. Почему бы вместо этого не использовать просто теги <B> или <I>? Ведь это гораздо проще. Так и делает подавляющее большинство HTML-кодеров, однако есть причины поступать по-другому, и это не только упрощение использования CSS. Логические теги позволяют браузерам обрабатывать страницу в манере, наиболее свойственной данному браузеру. Допустим текст в теге <EM> браузеры под Windows заменяют текстом , а браузеры под Unix - жирным. Кроме того, спустя полгода вы легко сможете определить, что вот <ADDRESS> в коде вашей странички обозначает адрес, тогда как, скажем, <SPAN class="adr"> далеко не так интуитивно, да и в CSS проще запутаться.
Так что осваивайте логические теги. Чем прозрачнее код, тем легче жизнь вебмастера.