Урок 6. Правила написания тегов (читай кода).
Автор: Андрей Краснокутский
Дата: 2008-12-01 Правила написания корректного кода.
Теперь, когда Вы уже знаете несколько тегов, самое время поговорить о правилах написания кода. Что это значит?
При написании HTML - кода, для его корректного отображения необходимо придерживаться некоторых правил, а именно:
Все парные теги, называемые по-другому контейнеры, состоят из двух частей — открывающий тег и закрывающий тег. Открывающий тег обозначается, как и одиночный — <тег>, а в закрывающем теге обязательно используется слэш — </тег>. Допускается вкладывать в контейнер другие теги, однако следует соблюдать их порядок. На рис. 6.1 демонстрируется, как можно добавлять один контейнер внутрь другого контейнера.

Рисунок 6.1
Здесь действие кусивного начертания (теги <em> </em>) распостраняется на весь обзац ограниченный тегами <p> </p>. А действие жирного тега <strong> </strong> распостраняется, только на слова: Форматируемый текст.

Рисунок 6.2
На рисунке 6.2 показано, как нельзя располагать теги в коде web-страницы (или как то иначе).
Если связать открывающий и закрывающий тег между собой скобкой (как показано на рис. 6.1), то несколько скобок обозначающих разные контейнеры, не должны пересекаться между собой (рис. 6.2). Любое пересечение условных скобок (рис. 6.2) говорит о том, что правильная последовательность тегов нарушена.
Замечание. Не все контейнеры требуют обязательно закрывающего тега, иногда его можно и опустить. Тем не менее, закрывайте все требуемые теги, так вы приучитесь сводить к нулю возможные ошибки.
Эти же правила вложенности распостраняются и на теги содержащие атрибуты и значения, любой контейнер должен открыться, а затем закрыться, не зависимо вложен в него другой контейнер или же нет.
Параметры тегов и кавычки
Согласно спецификации HTML все значения параметров тегов следует указывать в двойных ("пример") или одинарных кавычках ('пример'). Отсутствие кавычек не приведет к ошибкам, современные браузеры во многих случаях достаточно корректно обрабатывают web-код и без кавычек, и все же всегда приучайтесь указывать параметры тегов в кавычках.
Неизвестные теги и параметры
Если какой-либо тег или его параметр был написан неверно, то браузер проигнорирует подобный тег и будет отображать текст так, словно тега и не было. Опять же, следует избегать неизвестных тегов, поскольку код HTML не пройдет валидацию. Что такое валидация – об этом мы поговорим позднее.
Порядок написания тегов
Существует определенная иерархия вложенности тегов. Например, тег должен находиться внутри контейнера и нигде иначе. Чтобы не возникло ошибки, следите за тем, чтобы теги располагались в коде правильно.
Если теги между собой равноценны в иерархии связи, то их последовательность не имеет значения. Например, можно поменять местами теги <title> и <meta>, на конечный результат это никак не скажется.
Закрывайте все теги
Существует три состояния закрывающего тега: обязателен, не требуется или не обязателен.
Обязательный закрывающий тег должен присутствовать всегда, иначе это приведет к ошибке при отображении html-документа. Для некоторых тегов вроде <br> закрывающего тега нет в принципе.
Необязательный закрывающий тег говорит о том, что разработчик может его как добавить, так и опустить, к ошибке это не приведет. Однако рекомендуем закрывать все подобные теги, включая необязательные, это дисциплинирует, создает более стройный и строгий код, который легко модифицировать.
Всего Вам доброго.
Обновлено: 05.10.2014 г.
Читайте также:
Как обналичить деньги заработанные в Google AdSense?
Что такое QR-код? Для чего нужен QR-код?
Как добавить на сайт кнопки социальных сетей?
Создание своей группы в социальных сетях.
Платежная система Z-Payment.
Просмотров: 24023
Здравствуйте.Вроде бы всё понятно,но как знать какой тег парный,а какой одиночный?Или все можно делать парными?
Любовь, просто следуйте урокам и вскоре вы узнаете и выучите все парные тэги
У меня на рабочем столе почти год что-то странное. Сам собой бегает курсор, появляются и исчезают картинки, исчезает только что принятая, но непрочитанная почта. Это случилось и с предыдущими материалами. Я даже не знаю, что такое теги(коды) и для чего они.
Здрасьте! Спасибо за уроки, но я вот вконец обнаглею и заявлю: а нельзя ли сделать некий словарь тегов в txt, чтобы не собирать их по урокам? Так, ИМХО, будет удобнее ;-)
Все вразумительно и понятно.
Я думаю что словарь тегов будет не лишним но лучше не опережать события и не бежать вперёд паровоза. Уроки отличные всё понятно и доступным языком написано так что лучше следовать урокам чтоб потом было проще.
Добрый день, Андрей !
Спасибо за уроки. Поддерживаю просьбу пум-пум.
Хорошо. Всё понятно. Спасибо.
Огромное спасибо! Все понятно... становится только интереснее))
Вот по поводу равноценности и последовательности в иерархии тегов мало информации.
почему у меня при написании
<p align= center><em><strong><h1> КУКЛЫ ВСЕГО МИРА</h1></strong></em></p> написанное находится слева,
а если я прописываю так:
<strong><em><h1><p align= center> КУКЛЫ ВСЕГО МИРА</p></h1></em></strong> то получается по центру как надо..
Спасибо, на ваших уроках создал сайт http://hdmix.net/
Приглашаю всех вступить в сообщество вебмастеров CIBERF
|