На главную

Библиотека Интернет Индустрии I2R.ru

Rambler's Top100

Малобюджетные сайты...

Продвижение веб-сайта...

Контент и авторское право...

Забобрить эту страницу! Забобрить! Блог Библиотека Сайтостроительства на toodoo
  Поиск:   
Рассылки для занятых...»
I2R » Сайтостроительство » HTML/DHTML

Логические теги

Давайте учиться писать правильный код. Павильный код характеризуется двумя основными параметрами: логичностью и оптимальностью. Что важнее, вопрос интересный, но искать на него ответ мы не будем. Логичность кода складывается из хорошей организации и корректного использования тегов. Вот именно о корректности и будем говорить.

Итак, многие из вас используют теги <CITE> или <ADRESS>? Можете не отвечать. Зачем они нужны? Они помогают правильно организовать логическую структуру страницы, а правильная структура сильно упрощает использование CSS. То есть преимущества два:

  1. улучшение логичности кода, что ведет к упрощению редактирования
  2. упрощение использования CSS
Cогласитесь, это не так уж и мало. Итак мы сегодня будем говорить о так называемых логических тегах. Для начала просто перечислим их:

<H#> - заголовки
<EM> - выразительность
<STRONG> - ударение
<CITE> - цитата
<ADDRESS> - адрес
<SAMP> - пример
<CODE> - код
<VAR> - переменная

Вот они все. А сейчас займемся каждым в отдельности.

<H#> - обозначает заголовки в теле документа. Бывает шести видов H1, H2, H3, H4, H5, H6, которые отличаются степенью значимости (попросту говоря, размером) заголовков. Самый большой и самый главный - H1. Самый маленький - H6.

Код: Итог:
<H1>СSS - вот чему надо учиться!</H1>
<H2>HTML надо чувствовать</H2>
<H3>JavaScript любить</H3>
<H4>HomeSite 4.5 знать в лицо</H4>

СSS - вот чему надо учиться!

HTML надо чувствовать

JavaScript любить

HomeSite 4.5 знать в лицо

<EM> - обозначает выразительность какого-либо слова в тексте. Частенько вместо этого тега используется тег <I>, однако это неправильно с точки зрения логики.

Код: Итог:
Кросс-браузерный код - <EM>главная</EM> цель вебмастера. Кросс-браузерный код - главная цель вебмастера.

<STRONG> - обозначает сильный акцент в тексте. Разница между <EM> только в степени выразительности.

Код: Итог:
СSS <STRONG>совершенно необходимы</STRONG> всем. CSS совершенно необходимы всем

<CITE> - обозначает ссылку на книгу или веб-сайт. Часто используют внизу страницы для обозначения владельца.

Код: Итог:
<CITE>Самоучитель сайтостроителя</CITE>, Минск, 1989
<CITE>Сайт кривыми руками</CITE>, Москва, 1999
Самоучитель сайтостроителя, Минск, 1989
Сайт кривыми руками, Москва, 1999

<ADDRESS> - обозначает контактную информацию автора сайта или организации, которой принадлежит сайт.

Код: Итог:
Наш адрес: <P>
<ADDRESS>
г. Минск, ул. Сторожевская 8, офис 142а
</ADDRESS>
Наш адрес:
Г. Минск, ул. Сторожевская 8, офис 142а

<SAMP> - пример. Обычно применяется для обозначения терминов или ключевых слов. В браузере отображается моноширинным шрифтом, например, Courier New. В общем-то похож на тег <CODE>.

Код: Итог:
Что такое <SAMP>CSS</SAMP> знает все большее число людей
Что такое CSS знает все большее число людей

<CODE> - обозначает программный код. В браузере отображается моноширинным шрифтом. Часто используется вместе с тегом <PRE>, который лучше передает отступы и сруктуру.

Код: Итог:
<CODE>
function Opn(){<BR>
newWindow=window.open(' ','NW','width','toolbar=0');<BR>
}<BR>
</CODE>
function Opn(){
newWindow=window.open(' ','NW','width','toolbar=0');
}

<VAR> - обозначает переменную из компьютерной программы.

Код: Итог:
Переменная <VAR>width</VAR> содержит ширину нового окна Переменная width содержит ширину нового окна

Как вы заметили, большинство из этих тегов делают текст или наклонным, или жирным, или моноширинным. Почему бы вместо этого не использовать просто теги <B> или <I>? Ведь это гораздо проще. Так и делает подавляющее большинство HTML-кодеров, однако есть причины поступать по-другому, и это не только упрощение использования CSS. Логические теги позволяют браузерам обрабатывать страницу в манере, наиболее свойственной данному браузеру. Допустим текст в теге <EM> браузеры под Windows заменяют текстом , а браузеры под Unix - жирным. Кроме того, спустя полгода вы легко сможете определить, что вот <ADDRESS> в коде вашей странички обозначает адрес, тогда как, скажем, <SPAN class="adr"> далеко не так интуитивно, да и в CSS проще запутаться.

Так что осваивайте логические теги. Чем прозрачнее код, тем легче жизнь вебмастера.

Михаил Дубаков
Web-анатомия

Спонсор раздела

Рассылки Subscribe.ru:

Библиотека сайтостроительства - новости, статьи, обзоры
Дискуссионный лист для web-разработчиков
Подписка на MailList.Ru
Автор: NunDesign
Другие разделы
Оптимизация сайтов
Web-студии
» Новое в разделе
Web-дизайн
Web-программирование
Интернет-реклама
Раскрутка сайта
Web-графика
Flash
Adobe Photoshop
Рассылка
Инструменты вебмастера
Контент для сайта
HTML/DHTML
Управление web-проектами
CSS
I2R-Журналы
I2R Business
I2R Web Creation
I2R Computer
рассылки библиотеки +
И2Р Программы
Всё о Windows
Программирование
Софт
Мир Linux
Галерея Попова
Каталог I2R
Партнеры
Amicus Studio
NunDesign
Горящие путевки, идеи путешествийMegaTIS.Ru

2000-2008 г.   
Все авторские права соблюдены.
Rambler's Top100