|
|
|
|
Урок 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-код? Как добавить на сайт кнопки социальных сетей? Создание своей группы в социальных сетях.
Просмотров: 20905 Поделитесь этой информацией со своими друзьями! Комментарии к этой статье (уроку): Комментарии добавил(а): Любовь Здравствуйте.Вроде бы всё понятно,но как знать какой тег парный,а какой одиночный?Или все можно делать парными? Комментарии добавил(а): Евгений Любовь, просто следуйте урокам и вскоре вы узнаете и выучите все парные тэги Комментарии добавил(а): Dkflbvbh У меня на рабочем столе почти год что-то странное. Сам собой бегает курсор, появляются и исчезают картинки, исчезает только что принятая, но непрочитанная почта. Это случилось и с предыдущими материалами. Я даже не знаю, что такое теги(коды) и для чего они. Комментарии добавил(а): Пум-пум Здрасьте! Спасибо за уроки, но я вот вконец обнаглею и заявлю: а нельзя ли сделать некий словарь тегов в txt, чтобы не собирать их по урокам? Так, ИМХО, будет удобнее ;-) Комментарии добавил(а): Эд согласен с пум-пум Комментарии добавил(а): Светлана Все вразумительно и понятно. Комментарии добавил(а): Андрей Я думаю что словарь тегов будет не лишним но лучше не опережать события и не бежать вперёд паровоза. Уроки отличные всё понятно и доступным языком написано так что лучше следовать урокам чтоб потом было проще. Комментарии добавил(а): Елена Добрый день, Андрей ! Спасибо за уроки. Поддерживаю просьбу пум-пум. Комментарии добавил(а): Геннадий Григорьевич Хорошо. Всё понятно. Спасибо. Комментарии добавил(а): Юрий Огромное спасибо! Все понятно... становится только интереснее)) Комментарии добавил(а): vladimir Вот по поводу равноценности и последовательности в иерархии тегов мало информации. Комментарии добавил(а): Ольга почему у меня при написании <p align= center><em><strong><h1> КУКЛЫ ВСЕГО МИРА</h1></strong></em></p> написанное находится слева, а если я прописываю так: <strong><em><h1><p align= center> КУКЛЫ ВСЕГО МИРА</p></h1></em></strong> то получается по центру как надо.. Комментарии добавил(а): Антон Спасибо, на ваших уроках создал сайт http://hdmix.net/ Комментарии добавил(а): letlef Приглашаю всех вступить в сообщество вебмастеров CIBERF Добавить Ваш комментарий: |
Новости сайта Почтовая рассылка Новинка! Как реально заработатьв Интернете? "Обзор видов и способов заработка."
Специальный Отчет:  В подарок всем подписчикам! Полный список наших почтовых рассылок! Домены 
Google Adsense |
Навигация
Видео Курсы
Последние заметки
Новости сайта
Архив 2016 год: 2015 год: 2014 год: 2013 год: 2012 год: 2011 год: 2010 год: 2009 год: 2008 год: Сайты друзей Наши ссылки
Если Вам понравился  Наши Аттестаты
|
|
Разрешается полное или частичное копирование материалов сайта с обязательным |