В основе разметки HTML-документов лежат теги. Что же такое тег?
Теги были придуманы еще в 70-е годы для того, чтобы люди могли добавлять в документы служебную информацию, для программ, которые эти документы обрабатывают.
Тег – это ключевое (служебное) слово, чаще всего на английском, которое обрамлялось в угловые скобочки (символы больше и меньше), чтобы программы не путали теги и обычные слова на английском.
Также тег может содержать различную служебную информацию, которая может быть полезна программе, обрабатывающей документ.
Пример текста с тегом:
href text-user»>http://javarush.com/about»
Кстати, парный тег, если он не содержит информации внутри, можно записать в сокращенном виде. Пример:
Это не одиночный тэг, а пустой парный тег. Это как бы и закрытый и открытый теги одновременно. От закрытого тега он отличается тем, что косая черта стоит в конце (перед второй треугольной скобочкой).
2.3 Дерево тегов
И еще важная информация про парные теги. В документе их может быть много и они могут быть вложенные. Что это значит? Это значит, что любой текст в HTML-документе может быть обрамлен (обернут) тегами, даже если он содержит другие теги. Пример:
ЭТОТ ТЕГ ВЗОРВЕТ ТВОИ ПРОСМОТРЫ НА YOUTUBE / Как оптимизировать ютуб видео?
Обычный текст href text-user»>http://javarush.com/about»> Ссылка на что-то интересное еще какой-то текст
Грубо говоря, в html-тексте может встретиться последовательность тегов:
Но не может быть:
Если открывающие тег
находится внутри пару -тегов, то и его парный закрывающий тег
тоже должен находиться внутри пары -тегов.
Таким образом все теги документа образуют некое дерево тегов. Сначала идет тег верхнего уровня, который обрамляет весь документ, обычно он называется , у него есть дочерние пары тегов, у них свои и т.д.
Собственно программа, которая обрабатывает документ с тегами, именно так его видит – как дерево тегов с каким-то текстом внутри.
2.4 Атрибуты
Информация про теги была бы не полной, если бы мы не рассказали про атрибуты. Одиночные теги и открывающие теги парных тегов могут иметь атрибуты. Эти атрибуты содержат полезную информацию о содержимом тега.
Тег может содержать несколько атрибутов, и они имеют такой общий вид:
name1 text-user»>value1″ name2 text-user»>value2″>
Каждый атрибут задан в виде пары имя и значение . Атрибутов может быть сколько угодно.
Но опытный программист сразу задаст вопрос: что делать если в качестве значения атрибута нужно использовать текст, содержащий символы «» или кавычки?
| Кавычка двойная | « | « |
| Амперсанд | ||
| Символ меньше | < | |
| Символ больше | > | > |
| Пробел | ||
| Одинарная кавычка | ‘ |
Источник: javarush.com
Не прописывайте теги в описании видео на YouTube
Тэг (тег) — что это в программировании (tag)
Тэг — это некое ключевое слово, которое что-то значит для какой-то программной системы (то есть это слово является не просто текстом, более того, тэги обычно не отображаются для пользователя являясь, как бы встроенными в текст командами).
Обычно тэги применяются в языках разметки (а-ля HTML).
То есть нужно чтобы отделять разные части документа друг от друга. Именно на основании HTML-тэгов (html — самый яркий пример их использования), веб-браузер понимает, какую часть страницы показывать пользователю, а какую, скажем, поисковому роботу.
Или какой фрагмент текста сделать более крупным шрифтом, а какой более мелким.
Одинарные тэги
В принципе можно тэг понимать как команду для какой-программы, например в html, для перевод строки в текст документа вставляют одинарный (такой тэг не открывает блока данных, а служит указанием сам по себе) html-тэг:
Двойные тэги
Но чаще тэг служит границей (началом или концом) какого либо блока, например в файлах php-скриптов можно писать одновременно и php-код и html разметку (например, как здесь). Чтобы отделить код от разметки используют открывающий php-тэг:
— в качестве же закрывающего используют тэг из двух символов:
— показывает, что блок с php-кодом закончился.
Многие тэги сгруппированы по парам, так, например, в HTML для выделения текста жирным используют тэг b:
просто текст, жирный текст
а для абзацы «окружают» тэгом пэ:
первый абзац
второй абзац
Тэги в PHP — есть ли они
В PHP самом по себе тэгов нет, а тэги:
служат, чтобы выделить php код из чего-то ещё, например, из html-файла.
С другой стороны, если подразумевать под тэгами некие слова-границы внутри текста, то «тэгами» в php можно считать, например, знаки многострочных комментариев:
/* это не код */
которые являются указанием интерпретатору на то, то текст внутри них не надо воспринимать как код и не надо исполнять. Обычно их называют знаками комментариев.
Источник: fkn.ktu10.com
Язык гипертекстовой разметки HTML
HTML -документ представляет собой текстовый файл с расширением *.html или *.htm .
Для удобства используются необязательные дополнительные отступы. Браузеры игнорируют символы конца строки и множественные пробелы в HTML -файлах.
Элементы и тэги
HTML состоит из элементов, которые определяют, каким образом данные должны быть отображены в браузере. Элемент состоит из открывающего и, опционально, закрывающего тэгов:
. some content .
Как видно из примера, вся информация о форматировании документа сосредоточена в его фрагментах, заключенных между знаками «» . Такой фрагмент (например, ) называется меткой (по-английски — tag , читается «тэг» ).
Тег – часть HTML, представляющая из себя текст, заключенный в угловые скобки <> .
В соответствии со стандартами XHTML все ключевые слова записываются символами нижнего регистра. Большинство тегов XHTML кодируются парами из открывающего и закрывающего тегов , называемых контейнерными тегами. Открывающий тег является самим ключевым словом, появляющимся между символами < и >; закрывающий тег имеет такой же формат, в котором перед ключевым словом стоит прямая косая черта ( / ). Эта пара контейнерных тегов охватывает данные, к которым применяется форматирование.
Смысл HTML-элемента состоит в применении форматирования к содержимому между начальным и конечным тэгами. Применяемое форматирование зависит от имени элемента.
Не все HTML-элементы имеют открывающий и закрывающий тэг, то есть не все теги являются контейнерными, а кодируются единственным тэгом. Такие пустые тэги кодируются специальным образом – они должны содержать символ наклонной черты ( / ) непосредственно перед закрывающей угловой скобкой.
Тэг должен открывать HTML-документ. Аналогично, тэг должен завершать HTML-документ. Документ может состоять из двух разделов — раздела заголовка (начинающийся тэгом ) и раздела содержательной части документа (начинающийся тэгом ). Для документов, описывающих фреймовые структуры, вместо раздела body используется раздел frameset (с тэгом frameset > ).
Параметры тэгов
Многие тэги, помимо имени, могут содержать или атрибуты (от англ, attribute ) или параметры — элементы, дающие дополнительную информацию о том, как браузер должен обработать текущий тэг.
Наборы допустимых параметров индивидуальны для каждого тэга. Общие правила записи параметров заключаются в следующем. После имени тэга могут следовать параметры, которые отделяются друг от друга пробелами. Порядок следования параметров тэга произволен.
Многие параметры требуют указания их значений, однако некоторые параметры не имеют значений или могут записываться без них, принимая значения по умолчанию. Если параметр требует значения, то оно указывается после названия параметра через знак равенства. Значение параметра может записываться в кавычках, так и без них. Единственным случаем, когда использование кавычек обязательно, является случай, когда в значении параметра имеются пробелы. В значениях параметров (в отличие от названий тэгов и самих параметров) иногда важен регистр записи.
Приведем пример записи тэга с параметрами:
Обработка ошибочных и неизвестных тэгов
Существуют общие правила интерпретации тэгов браузерами. В отличие от языков программирования, в которых ошибочные операторы приводят к выдаче соответствующих сообщений на этапе компиляции программы и требуют правки, в HTML не принято реагировать на неверную запись тэгов. Неверно записанный тэг или его параметр должен просто игнорироваться браузером.
Это общее правило для всех браузеров, под действие которого подпадают не только ошибочно записанные тэги, но и тэги, не распознаваемые данной версией браузера. Примером могут служить тэги, предложенные и реализованные для отдельного браузера и неизвестные для другого. Например, тэг-контейнер noframes > , который служит для предоставления альтернативной информации браузерам, не обеспечивающим поддержку фреймовых структур, такими браузерами не будет распознан.
Раздел документа head определяет его заголовок и не является обязательным тэгом. Задачей заголовка является представление необходимой информации для программы, интерпретирующей документ. Тэги, находящиеся внутри раздела head (кроме названия документа, описываемого с помощью тэга ), не отображаются на экране.
Пара меток . указывает на начало и конец заголовка документа. Помимо наименования документа (см. ), в этот раздел может включаться множество служебной информации.
Название документа
Тэг-контейнер является единственным обязательным тэгом заголовка и служит для того, чтобы дать документу название. Оно обычно показывается в заголовке окна браузера. Все, что находится между метками и , интерпретируется браузером как название документа. Рекомендуется название не длиннее 64 символов.
Связи между HTML-документами
Часто HTML-документы связаны между собой, то есть имеют ссылки друг на друга. Ссылки могут быть как абсолютные, так и относительные.
Абсолютные ссылки могут быть громоздкими и переставать работать, если перемещен младший по иерархии документ. Относительные ссылки легче вводить и обновлять, но и эта связь обрывается, если перемещен старший по иерархии документ. Оба вида связей могут нарушиться при переносе документа с одного компьютера на другой.
Для решения этой проблемы используются тэги и , которые включаются в заголовок для того, чтобы связь между документами не нарушалась.
Тэг служит для указания полного базового URL-адреса документа. С его помощью относительная ссылка продолжает работать, если документ переносится в другой каталог или даже на другой компьютер.
Тэг имеет один обязательный параметр href , после которого указывается полный URL-адрес документа. Пример:
Указание базового адреса
| Параметр | Назначение |
| href | Указывает на URL-адрес другого документа |
| Rel | Определяет отношение между текущим и другим документом |
| rev | Определяет отношение между другим документом и текущим (отношение, обратное REL ) |
| type | Указывает тип и параметры присоединенной таблицы стилей |
Первая строка указывает на связь с файлом оглавления документа ( toc .html — table of contents) с прямым отношением contents . Вторая строка описывает связь с URL-адресом автора документа (с обратным отношением made ).
Между документами может существовать множество различных отношений. Примеры других значений параметра rel : bookmark , copyright , glossary , help , home , index , toe , next , previous . Параметр rev может также принимать значения: author , editor , publisher , owner .
Тэг meta
В раздел заголовка может быть добавлен еще один тэг , позволяющий авторам документа определять информацию, не имеющую отношения к HTML. Эта информация используется браузером для действий, которые не предусмотрены текущей спецификацией HTML.
Этот тэг инструктирует браузер перезагружать страницу каждые 60 секунд, что может быть полезно, если данные на странице часто обновляются.
Спецификация HTML не определяет каких-либо конкретных имен свойств, записываемых в тэге . Однако есть несколько часто применяемых свойств, например, description , keywords , author , robots и др.:
Еще одно назначение тэга — это указание кодировки текста. Например, для текста на русском языке в кодировке Windows используется следующий тэг:
Тело документа
Все тэги, которые допустимо использовать в разделе документа HTML, могут иметь параметры class , id , lang , language , style и title . Использование этих параметров полезно, прежде всего, при стилевом оформлении документов.
В современном HTML, помимо тэгов языка и их содержимого, в исходном HTML-коде также записываются коды сценариев (JavaScript или VBScript ).
Источник: intuit.ru