Логические тэги
Давайте учиться писать правильный код. Нет, я вовсе не утверждаю, что вы ничего не смыслите в HTML, читайте дальше.
Итак, многие из вас используют тэги или ? Можете не отвечать, я и сам их не использую, однако вот прямо сейчас и начну. Зачем? А затем, что они очень помогают правильно организовать логическую структуру страницы, а правильная сильно упрощает использование CSS. А это, согласитесь, уже предпосылка. Итак мы сегодня будем говорить о так называемых логических тэгах. Для начала просто перечислим их:
- заголовки
- выразительность
- ударение
- цитата
- адрес
- пример
- переменная
Вот они все. А сейчас займемся каждым в отдельности.
- обозначает заголовки в теле документа. Бывает шести видов H1, H2, H3, H4, H5, EM, которые отличаются степенью значимости (попросту говоря, размером) заголовков. Самый большой и самый главный - H1. Самый маленький - H6.
Пример:
Код:
СSS - вот чему надо учиться!
HTML надо чувствовать
JavaScript любить
HomeSite 4.5 знать в лицо
Итог:
СSS - вот чему надо учиться!
HTML надо чувствовать
JavaScript любить
HomeSite 4.5 знать в лицо
- обозначает выразительность какого-либо слова в тексте. Частенько вместо этого тэга используется тэг , однако это неправильно с точки зрения логики.
Пример:
Код:
Кросс-браузерный код - главная цель вебмастера.
Итог:
Кросс-браузерный код - главная цель вебмастера.
- обозначает сильный акцент в тексте. Разница между только в степени выразительности.
Пример:
Код:
СSS совершенно необходимы всем.
Итог:
CSS совершенно необходимы всем
- обозначает ссылку на книгу или веб-сайт. Часто используют внизу страницы для обозначения владельца.
Пример:
Код:
Самоучитель сайтостроителя>/CITE>, Минск, 1989
Сайт кривыми руками, Москва, 1999
Итог:
Самоучитель сайтостроителя, Минск, 1989
Сайт кривыми руками, Москва, 1999
- обозначает контактную информацию автора сайта или организации, которой принадлежит сайт.
Пример:
Код:
Наш адрес:
г. Минск, ул. Кропоткина 44, офис 1104
Итог:
Наш адрес:
Г. Минск, ул. Кропоткина 44, офис 1104
- пример. Обычно применяется для обозначения терминов или ключевых слов. В браузере отображается моноширинным шрифтом, например, Courier New. В общем-то похож на тэг .
Пример:
Код:
Что такое CSS знает все большее число людей
Итог:
Что такое CSS знает все большее число людей
- обозначает программный код. В браузере отображается моноширинным шрифтом. Часто используется вместе с тэгом , который лучше передает отступы и структуру.
Пример:
Код:
function Opn(){
newWindow=window.open(' ','NW','width','toolbar=0');
}
Итог:
function Opn(){
newWindow=window.open(' ','NW','width','toolbar=0');
}
- обозначает переменную из компьютерной программы.
Пример:
Код:
Переменная width содержит ширину нового окна
Итог:
Переменная width содержит ширину нового окна
Как вы заметили, большинство из этих тэгов делают текст или наклонным, или жирным, или моноширинным. Почему бы вместо этого не использовать просто тэги или ? Ведь это гораздо проще. Так и делает подавляющее большинство вебмастеров, однако есть причины поступать по-другому, и это не только упрощение использования CSS. Логические тэги позволяют браузерам обрабатывать страницу в манере, наиболее свойственной данному браузеру. Допустим текст в тэге браузеры под Windows заменяют курсивом, а браузеры под Unix - жирным. Кроме того, спустя полгода вы легко сможете определить, что вот в коде вашей странички обозначает адрес, тогда как, скажем, далеко не так интуитивно, да и в CSS проще запутаться.
Так что осваивайте логические тэги. Чем прозрачнее код, тем легче жизнь вебмастера.
Дополнительно на данную тему:
Оценка XHTML
Как поставить ссылку
Неизвестное о формах
Работа с фоном. Теория
Работа с фоном. Фоновый цвет на практике
Перенос и разбиение слов в HTML
Немного слов о кодировках
Основы HTML
Фрэймы
Быстрее ветра - быстрый html
|
