Главная
Блог разработчиков phpBB
 
+ 17 предустановленных модов
+ SEO-оптимизация форума
+ авторизация через соц. сети
+ защита от спама

Правила написания тегов (читай кода).

Viktor | 24.02.2014 | нет комментариев

Теперь, когда Вы уже знаете несколько тегов, самое время поговорить о правилах написания кода. Что это значит?

При написании HTML – кода , для его корректного отображения необходимо придерживаться некоторых правил, а именно:

Парные теги, называемые по-другому контейнеры, состоят из двух частей — открывающий и закрывающий тег. Открывающий тег обозначается, как и одиночный — <тег>, а в закрывающем, используется слэш — </тег>. Допускается вкладывать в контейнер другие теги, однако следует соблюдать их порядок. Так, на рис. 6.1 демонстрируется, как можно добавлять один контейнер внутрь другого.

Рисунок 6.1.

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

Рисунок 6.2.

На рисунке 6.2 показано, как нельзя располагать теги в коде страницы (или как то иначе).

Если связать открывающий и закрывающий тег между собой скобкой, как показано на рис. 6.1, то несколько скобок обозначающих разные контейнеры, не должны пересекаться между собой (рис. 6.2). Любое пересечение условных скобок (рис. 6.2) говорит о том, что правильная последовательность тегов нарушена.

Замечание. Не все контейнеры требуют обязательно закрывающего тега, иногда его можно и опустить. Тем не менее, закрывайте все требуемые теги, так вы приучитесь сводить к нулю возможные ошибки.

Эти же правила вложенности распостраняются и на теги содержащие атрибуты и значения, любой контейнер должен открыться, а затем закрыться, не зависимо вложен в него другой контейнер или же нет.

Параметры тегов и кавычки

Согласно спецификации HTML все значения параметров тегов следует указывать в двойных (“пример”) или одинарных кавычках (‘пример’). Отсутствие кавычек не приведет к ошибкам, браузеры во многих случаях достаточно корректно обрабатывают код и без кавычек, и все же всегда приучайтесь указывать параметры тегов в кавычках.

Неизвестные теги и параметры

Если какой-либо тег или его параметр был написан неверно, то браузер проигнорирует подобный тег и будет отображать текст так, словно тега и не было. Опять же, следует избегать неизвестных тегов, поскольку код HTML не пройдет валидацию. Что такое валидация – об этом мы поговорим позднее.

Порядок тегов

Существует определенная иерархия вложенности тегов. Например, тег должен находиться внутри контейнера и нигде иначе. Чтобы не возникло ошибки, следите за тем, чтобы теги располагались в коде правильно.

Если теги между собой равноценны в иерархии связи, то их последовательность не имеет значения. Так, можно поменять местами теги <title> и <meta>, на конечный результат это никак не скажется.

Закрывайте все теги

Существует три состояния закрывающего тега: обязателен, не требуется или не обязателен. Обязательный закрывающий тег должен присутствовать всегда, иначе это приведет к ошибке при отображении документа. Для некоторых тегов вроде <br> закрывающего тега нет в принципе. Необязательный закрывающий тег говорит о том, что разработчик может его как добавить, так и опустить, к ошибке это не приведет. Однако рекомендуем закрывать все подобные теги, включая необязательные, это дисциплинирует, создает более стройный и строгий код, который легко модифицировать.

АВТОРСКИЕ ПРАВА
Источник: luksweb.ru
При перепечатке ссылка на источник обязательна
Оставить комментарий

Ваш email не будет опубликован. Обязательные поля помечены (обязательно)

Вы можете использовать это HTMLтеги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Форум phpBB, русская поддержка форума phpBB
Рейтинг@Mail.ru 2008 - 2014 © BB3x.ru - русская поддержка форума phpBB