Как создать свой сайт бесплатно? Как сделать сайт своими руками? Как заработать в Интернете? Создание сайтов на заказ.

Запрос должен быть не менее 4-х символов.

RSS-лента

Сегодня:        Добавить в Избранное       Написать Автору        Обмен валют        Оплата сервисов

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

Автор: Андрей Краснокутский

Дата: 2008-12-01

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

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

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

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

Правильное написание тегов в коде web-страницы

Рисунок 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.

 

Просмотров: 16697


Поделитесь этой информацией со своими друзьями!


Комментарии к этой статье (уроку):

Комментарии добавил(а): Любовь
Дата: 2010-03-03

Здравствуйте.Вроде бы всё понятно,но как знать какой тег парный,а какой одиночный?Или все можно делать парными?

Комментарии добавил(а): Евгений
Дата: 2010-03-12

Любовь, просто следуйте урокам и вскоре вы узнаете и выучите все парные тэги

Комментарии добавил(а): Dkflbvbh
Дата: 2010-05-03

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

Комментарии добавил(а): Пум-пум
Дата: 2011-03-12

Здрасьте! Спасибо за уроки, но я вот вконец обнаглею и заявлю: а нельзя ли сделать некий словарь тегов в txt, чтобы не собирать их по урокам? Так, ИМХО, будет удобнее ;-)

Комментарии добавил(а): Эд
Дата: 2011-05-05

согласен с пум-пум

Комментарии добавил(а): Светлана
Дата: 2011-10-29

Все вразумительно и понятно.

Комментарии добавил(а): Андрей
Дата: 2011-12-07

Я думаю что словарь тегов будет не лишним но лучше не опережать события и не бежать вперёд паровоза. Уроки отличные всё понятно и доступным языком написано так что лучше следовать урокам чтоб потом было проще.

Комментарии добавил(а): Елена
Дата: 2011-11-19

Добрый день, Андрей ! Спасибо за уроки. Поддерживаю просьбу пум-пум.

Комментарии добавил(а): Геннадий Григорьевич
Дата: 2011-12-27

Хорошо. Всё понятно. Спасибо.

Комментарии добавил(а): Юрий
Дата: 2012-02-25

Огромное спасибо! Все понятно... становится только интереснее))

Комментарии добавил(а): vladimir
Дата: 2012-03-03

Вот по поводу равноценности и последовательности в иерархии тегов мало информации.

Комментарии добавил(а): Ольга
Дата: 2012-03-21

почему у меня при написании <p align= center><em><strong><h1> КУКЛЫ ВСЕГО МИРА</h1></strong></em></p> написанное находится слева, а если я прописываю так: <strong><em><h1><p align= center> КУКЛЫ ВСЕГО МИРА</p></h1></em></strong> то получается по центру как надо..

Комментарии добавил(а): Антон
Дата: 2015-01-16

Спасибо, на ваших уроках создал сайт http://hdmix.net/

Добавить Ваш комментарий:

Введите сумму чисел с картинки:
Введите сумму чисел

GudzonPartner.com

Новости сайта


05.08.2014
Новый раздел! Платежные системы Интернета. Все о платежных системах и сервисах.

09.08.2013
Новинка! Обзор и Анализ реальных способов заработка. Как и Сколько можно заработать в Интернете? Цифры. Факты. Комментарии.

28.05.2013
Обновилась Партнерка сайта! Зарабатывайте вместе с нами! "Новые товары и рекламные материалы"

25.05.2013
Видео Курс! "Как создать свой Информационный Бизнес в Интернете" Зарабатывайте: от 30000 ++ рублей.

Почтовая рассылка! Бесплатные электронные книги из серии: "Секреты создания сайтов"


Почтовая рассылка

Новинка!
Как реально заработать
в Интернете?
"Обзор видов и способов заработка."

Специальный Отчет:

Специальный Отчет: Как и сколько можно реально заработать в Интернете? Рельные цифры, факты и анализ различных способ заработка в Интернете

В подарок всем подписчикам!

SmartResponder.ru
Ваш e-mail: *
Ваше имя: *

Полный список наших почтовых рассылок!

Домены

Сервис мгновенной регистрации Доменов

Google Adsense



Навигация

Уроки HTML

CSS уроки

Статьи

Инструменты

Шаблоны сайтов

Книги

Украшения

Сайт от А до Я

Заработать в Интернете

Обман в Интернете

Охрана труда

МОДУЛЬНЫЕ КАРТИНЫ

PHP УРОКИ

Услуги

Скрипты

Почтовая Рассылка

SEO

jQuery

Специальная оценка условий труда (СОУТ) - АРМ

Платежные системы Интернета

УРОКИ ФОТОШОП

Секретный раздел

Видео Курсы

Видео курс по созданию сайтов: Сайт от А до Я
С нами сделать сайт
сможет даже Ребёнок!
"Сайт от А до Я"
Узнать сейчас >>>


Хотите заработать?
2-х Уровневая
Партнерская программа!

Присоединяйтесь.


Последние заметки

Модульная картина: Роскошь красного бархата

Модульная картина абстракция: Энергия солнца

Модульная картина: Синие розы

Модульная картина: Водопад

Модульная картина: Орхидеи

Новости сайта

RSS Лента Новостей сайта www.LuksWeb.ru

Наши новости в Твиттере

Архив

2016 год:

2015 год:

2014 год:

2013 год:

2012 год:

2011 год:

2010 год:

2009 год:

2008 год:

Сайты друзей

Регистрация доменов

ООО "ПК "ЛюксСтрой"

Деревянные дома от СПК "Ванда"

Наши ссылки

Если Вам понравился
наш сайт, установите
Нашу ссылку, и
Получите подарки!!!

QR код сайта www.LuksWeb.ru

Наши Аттестаты


Проверить аттестат

 

Аттестован системой Z-PAYMENT
Проверено Z-PAYMENT