Html язык теги: Теги по категориям | справочник HTML
| Тег | Описание | Chrome | Firefox | Opera | Safari | IExplorer | Edge |
|---|---|---|---|---|---|---|---|
| <acronym> | Не поддерживается в HTML5. Определяет акроним. Используйте вместо данного элемента <abbr>. | Да | Да | Да | Да | Да | Да |
| <abbr> | Определяет аббревиатуру или акроним. Маркировка сокращений является полезной информацией для браузеров, систем перевода и поисковиков. | Да | Да | Да | Да | Да | Да |
| <address> | Определяет контактную информацию (автор / владелец) документа или статьи. | Да | Да | Да | Да | Да | Да |
| <b> | Определяет жирное начертание текста. | Да | Да | Да | Да | Да | Да |
| <bdi> | Изолирует фрагмент текста, который отформатирован в другом направлении, то есть позволяет браузерам корректно обрабатывать двунаправленный текст. Этот элемент полезно использовать при отображении текста с разной направленностью. | Да | Да | Да | Да | Нет | Нет |
| <bdo> | Используется для переопределения текущего направления текста (устанавливает направление вывода текста и преимущественно предназначен для использования с языками, где чтение происходит справа налево, например — арабский). | Да | Да | Да | Да | Да | Да |
| <big> | Не поддерживается в HTML5. Шрифт, который отображается большего размера. Используйте CSS вместо данного элемента. | Да | Да | Да | Да | Да | Да |
| <blockquote> | Определяет блочную цитату (длинная цитата внутри документа). Текст внутри этого тега отображается как выровненный блок с отступами слева и справа | Да | Да | Да | Да | Да | Да |
| <center> | Не поддерживается в HTML5. Определяет текст, который выровнен по центру. Используйте CSS вместо данного элемента. | Да | Да | Да | Да | Да | Да |
| <cite> | Предназначен для выделения названия произведений (по умолчанию — курсивом). | Да | Да | Да | Да | Да | Да |
| <code> | Предназначен для выделения части компьютерного кода (по умолчанию представлен моноширинным шрифтом). | Да | Да | Да | Да | Да | Да |
| <del> | Перечёркнутый (удалённый) текст | Да | Да | Да | Да | Да | Да |
| <dfn> | Используется, когда в документе упоминается новый термин или слово (первое и поясняемое употребление). По умолчанию, оно выделяется курсивом. | Да | Да | Да | Да | Да | Да |
| <em> | Экспрессивно-эмоциональное выделение текста | Да | Да | Да | Да | Да | Да |
| <font> | Не поддерживается в HTML5. Определяет цвет, размер и шрифт для текста. Используйте CSS вместо данного элемента. | Да | Да | Да | Да | Да | Да |
| <i> | Курсивное начертание текста | Да | Да | Да | Да | Да | Да |
| <ins> | Подчёркнутый текст, вставленный в документ. | Да | Да | Да | Да | Да | Да |
| <kbd> | Вводимые пользователем нажатия клавиш или текст, набираемый на клавиатуре. | Да | Да | Да | Да | Да | Да |
| <mark> | Выделенный/подсвеченный текст. | 6.0 | 4.0 | 11.1 | 5.0 | 9.0 | 12.0 |
| <meter> | Предназначен для отображения скалярной величины в заданном диапазоне, или же для графического представления дробного числа. Для использования данного тега должно быть известно максимальное значение. | 8.0 | 6.0 | 11.0 | 6.0 | Нет | 13.0 |
| <pre> | Определяет предварительно отформатированный текст, т.е. текст, который был помещён внутрь тега отобразится со шрифтом фиксированной ширины, и сохранит как пробелы, так и разрывы строк | Да | Да | Да | Да | Да | Да |
| <progress> | Предоставляет обратную связь, сообщая о состоянии текущего процесса, отображает какая часть задачи выполнена. | 8.0 | 16.0 | 11.0 | 6.0 | 10.0 | 12.0 |
| <q> | Используется для выделения коротких цитат (строчная цитата). | Да | Да | Да | Да | Да | Да |
| <rp> | Определяет, что отображать браузеру, который не поддерживает тег <ruby> | 5.0 | 38.0 | 15.0 | 5.0 | 5.5 | 12.0 |
| <rt> | Помещает полезный текст фуриганы в составе элемента <ruby> | 5.0 | 38.0 | 15.0 | 5.0 | 5.5 | 12.0 |
| <ruby> | Используются для добавления фуриган (фонетические подсказки в японском языке, их также называют — руби или ёмигана). | 5.0 | 38.0 | 15.0 | 5.0 | 5.5 | 12.0 |
| <s> | Определяет текст, который больше не является правильным или актуальным. | Да | Да | Да | Да | Да | Да |
| <samp> | Результат вывода компьютерной программы или скрипта. | Да | Да | Да | Да | Да | Да |
| <small> | Шрифт, который отображается меньшим размером(мелкий/юридический шрифт). | Да | Да | Да | Да | Да | Да |
| <strike> | Не поддерживается в HTML5. Отображает перечеркнутый текст. Используйте вместо данного элемента тег <del> или тег <s> | Да | Да | Да | Да | Да | Да |
| <strong> | Текст, которому придают особое значение (важный текст). | Да | Да | Да | Да | Да | Да |
| <sub> | Текст с нижним индексом. | Да | Да | Да | Да | Да | Да |
| <sup> | Текст с верхним индексом. | Да | Да | Да | Да | Да | Да |
| <time> | Тег временной разметки (семантическая разметка). | 6.0 | 4.0 | 11.1 | 5.0 | 9.0 | 12.0 |
| <tt> | Не поддерживается в HTML5. Отображает шрифт моноширинным текстом. Используйте CSS вместо данного элемента. | Да | Да | Да | Да | Да | Да |
| <u> | Содержит в себе текст, который должен стилистически отличаться от обычного текста, например слова с орфографическими ошибками или текст на другом языке. | Да | Да | Да | Да | Да | Да |
| <var> | Математические/переменные величины. | Да | Да | Да | Да | Да | 12.0 |
| <wbr> | Предоставляет возможность указать браузеру, что при необходимости в этом месте можно сделать перенос строки (например, слишком длинное слово или URL). | 1.0 | 3.0 | 11.7 | 4.0 | Нет | Да |
HTML справочник | Теги HTML
HTML справочник — это список HTML тегов определенных в спецификации HTML 5. Список тегов редактируется по мере изменения спецификации (обновляется информация и о самих тегах и об их атрибутах).
Для удобства все HTML теги разбиты на категории, согласно их назначению. Если вам нужен како-то конкретный тег, то в левом меню теги отсортированы в алфавитном порядке. Чтобы посмотреть полное описание тега и его атрибутов перейдите по ссылке, нажав на интересующий вас тег.
Вставляемый контент
Интерактивные элементы
Комментарии
Корневой элемент
Метаданные документа
Метаданные — структурированная информация о веб-странице, размещаемая внутри HTML-документа в элементе head.
Разделы документа
Списки
Ссылки
Сценарии
Таблицы
Текст
Формы
Теги html
Если вы только собираетесь начать изучать HTML, то одна из первых вещей, которые следует запомнить – специальные термины. Два из них будут встречаться наиболее часто – это «тег» и «элемент».
Термины «HTML элемент» и «HTML тег» обычно используются как синонимы. Но в соответствии со спецификацией W3C элемент – это тег со всем его содержимым, включая открывающий и закрывающий теги. У некоторых элементов нет закрывающего тега, такие элементы называются одиночными или пустыми, но несмотря на то, что они не могут содержать в себе никакого контента, они все равно считаются полноценными элементами.
На страницах сайта понятия тега и элемента используются для обозначения одного и того же – структурной единицы языка HTML, которая применяется для разметки документа.
Если вы желаете узнать больше о создании веб страниц, тегах и их применении, то можете заглянуть в наш Самоучитель по HTML.
Что такое HTML-теги — шпаргалка по основным меткам
Тег — это специальное зарезервированное слово, заключённое в угловые скобки (например, <body>). Тег — основная составляющая HTML: им код начинается, им же заканчивается, внутри тегов заключается отображаемая на веб-странице информация. Записывать их рекомендуется в нижнем регистре, то есть обычными маленькими буквами: не <THEAD>, а <thead>.
Какими бывают теги?
Большинство HTML-тегов являются парными: есть открывающий (например, <html>) и закрывающий тег, который от открывающего отличает слеш (/) после первой угловой скобки (например, </html>). Всё, что находится внутри пары тегов, называется их содержимым.
<Открывающий_тег>Содержимое</Закрывающий_тег> <b>Помещённый внутри этих тегов текст становится жирным</b>
Бывают и непарные (одиночные) теги, которые называются метками. Их, в отличие от парных тегов, не нужно закрывать, потому что они не работают с содержимым, а выполняют какую-то функцию сами по себе. Пример одиночного тега — <br>. Он устанавливает перенос текста на следующую строку.
Если проводить параллели с русским языком, то можно сказать, что парные теги — это кавычки или скобки, влияющие на свойства заключённого в них текста (попробуйте не закрыть кавычки вовремя), а одиночные теги (метки) — это знаки препинания (восклицательный, вопросительный или точка).
Любой тег состоит из:
- Открывающей угловой скобки (<).
- Специального слова (имени тега). Например, hr, iframe, b.
- Закрывающей угловой скобки (>).
Основные HTML-теги
Так как теги — основа языка разметки, не удивительно, что их довольно много. Рассмотрим основные, самые важные теги.
- <!—…—> — одиночный тег, внутри которого размещается комментарий. Комментарий — это текст, который не обрабатывается браузером. Внутри тега можно писать, что угодно, даже другие теги — работать они не будут, на экране не отобразятся. Разработчики комментируют код либо чтобы другим веб-мастерам было проще в нём разобраться, либо чтобы спустя продолжительное время его быстро смогли понять они сами.
- <html>, <!DOCTYPE>, <head>, <body>, <title> — теги, которые должны присутствовать в любом приличном HTML-документе (подробнее см. «Как создать сайт в Блокноте»).
- <meta> — тег содержит вспомогательную информацию для браузеров и поисковиков. Внутри него можно прописать ключевые слова, описание страницы, кодировку документа, имя автора и т. д.
- <script> содержит ссылку на файл сценария или сам код.
- <style> — тег, задающий стиль документа и/или его элементов с помощью CSS. HTML-документ может содержать множество тегов <style>, определяющих разные стили разных частей страницы.
- <header> — полная противоположность <footer>, его дополняющая. Тег задаёт «шапку» (заголовок) раздела или всей страницы.
- <footer> хранит в себе «ноги» сайта или раздела. Внутри него можно разместить вспомогательную информацию, копирайт, контактные данные и т. д.
- <main> содержит основной контент страницы. Ни шапку, ни блок меню, ни «ноги» сайта, а то, ради чего страница создавалась. Например, на странице, которую вы сейчас читаете, внутри <main> должна располагаться как раз эта статья.
- <a> предназначен для создания ссылок. Ссылки — корень гипертекста, поэтому им посвящена отдельная статья.
- <img> нужен для добавления на веб-страницу картинок (к вашим услугам посвящённая этому действу статья).
- <blockquote>, <br>, <hi1>-<hi6>, <hr>, <i>, <p>, <s>, <strong>, <ins> и другие теги форматирования текста составляют большую группу HTML-тегов, о них рассказывает статья «Форматирование текста в HTML».
- <div> — блочный элемент. Текст внутри <div></div> форматируется с помощью CSS (каскадных таблиц стилей, которым посвящена вторая часть самоучителя).
- <span>. У вас есть абзац <p> или блок <div>. Текст в нём оформлен в едином стиле, но вы бы хотели, не нарушая структуры, сделать так, чтобы несколько слов имели другой размер шрифта или цвет. Именно для таких ситуаций и предназначен тег <span>.
- <ol>, <ul>, <li> — теги списков. Маркированные, нумерованные — работа этих тегов. Есть ещё списки определений, за которые отвечают теги <dd>, <dt> и <dl>, но подробно обо всей это шестёрке вы узнаете из статьи «Создание списков».
- <table>, <tbody>, <thead>, <td>, <th> и <tr> используются при создании таблиц и подробно рассматриваются в отдельной статье.
- <form> — тег, добавляющий странице интерактивности, то есть позволяющий пользователю взаимодействовать с веб-сайтом. Конечно, форме необходим обработчик, но зато с помощью тегов внутри <form></form> вы можете создать интерфейс. Флажки, кнопки, переключатели, поля ввода и другие объекты, которые требуют от вас активных действий — всё это элементы формы, код которых размещается внутри контейнера <form>.
- <button> — тег, создающий интерактивную кнопку. Чтобы при нажатии на неё что-нибудь произошло, кнопка должна находиться в форме (располагаться между тегами <form></form>).
- <input> создаёт элементы формы: переключатели, флажки, кнопки, всевозможные поля ввода. Вставляется в контейнер <form>. Но зачем нам тогда отдельно <button>, если есть универсальный <input>? <button> позволяет создать кнопку с расширенными параметрами. Например, на кнопке <button> можно разместить картинку. На элементе, созданном через <input>, такого сделать нельзя.
- <menu> и <command> — теги создания меню в HTML 5. <menu> — это контейнер, внутри которого помещаются элементы <command>, добавление которых и приводит к созданию пунктов меню. Довольно интересная парочка. Например, с её помощью вы можете создать собственное контекстное меню для страницы или отдельного её элемента.
- <textarea> — ещё один тег формы, создающий в ней большое поле, в которое можно вводить не одну строку текста, а целые абзацы.
Полезные ссылки:
| Тег | Описание |
|---|---|
| !, A | |
| <!—…—> | Добавляет комментарий в код документа |
| <!DOCTYPE> | Предназначен для указания типа текущего документа — DTD (document type definition, описание типа документа) |
| <a> | Предназначен для создания ссылок |
| <abbr> | Указывает, что текст является аббревиатурой |
| <acronym> | Указывает, что текст является акронимом |
| <address> | Предназначен для хранения контактной информации автора |
| <applet> | Используется для вставки на страницу апплетов — небольших программ на языке Java |
| <area> | Определяет активные области изображения, которые являются ссылками |
| <article> | Задаёт содержание сайта вроде новости, статьи, записи блога, форума и др. |
| <aside> | Представляет собой раздел, который имеет косвенное отношение к содержимому страницы |
| <audio> | Добавляет, воспроизводит и управляет настройками аудиозаписи на веб-странице |
| B | |
| <b> | Устанавливает жирное начертание шрифта |
| <base> | Определяет адрес или способ открытия всех ссылок странице по умолчанию |
| <basefont> | Задаёт шрифт, размер и цвет текста по умолчанию |
| <bdi> | Указывает фрагмент текста, который должен быть изолирован от изменения направления вывода текста |
| <bdo> | Устанавливает направление вывода текста: слева направо или справа налево |
| <bgsound> | Определяет музыкальный файл, который будет проигрываться на веб-странице |
| <big> | Увеличивает размер шрифта на единицу по сравнению с обычным текстом |
| <blockquote> | Предназначен для выделения длинных цитат внутри документа |
| <body> | Предназначен для хранения содержимого веб-страницы, отображаемого в окне браузера |
| <blink> | Устанавливает мигание текста |
| <br> | Устанавливает перевод строки в том месте, где он находится |
| <button> | Создаёт на веб-странице кнопку |
| C | |
| <canvas> | Создаёт область, в которой при помощи JavaScript можно рисовать и выводить изображения |
| <caption> | Создаёт заголовок к таблице |
| <center> | |
| <cite> | Представляет название произведения (книги, статьи, поэмы, песни и др.) |
| <code> | Предназначен для отображения текста программного код |
| <col> | Задаёт ширину и другие характеристики одной или нескольких колонок таблицы |
| <colgroup> | Группирует колонки таблицы для изменения их параметров |
| <command> | Создаёт команду в виде переключателя, флажка или обычной кнопки |
| <comment> | Добавляет комментарий в код документа |
| D | |
| <data> | Представляет содержимое в машиночитаемом виде, предназначенное для автоматизированных систем |
| <datalist> | Создаёт список вариантов, которые можно выбирать при наборе в текстовом поле |
| <dd> | Указывает термин в списке описаний |
| <del> | Используется для выделения текста, который был удалён в новой версии документа |
| <details> | спользуется для хранения информации, которую можно скрыть или показать по требованию пользователя |
| <dfn> | Выделяет термин в документе |
| <dialog> | Показывает диалоговое окно, в котором можно выводить сообщение или форму, например, для входа на сайт |
| <dir> | Создаёт список, содержащий названия директорий |
| <div> | Универсальный блочный элемент |
| <dl> | Создаёт список описаний |
| <dt> | Определяет термин в списке описаний |
| E, F | |
| <em> | Предназначен для акцентирования текста |
| <embed> | Используется для загрузки и отображения объектов |
| <fieldset> | Группирует элементы формы |
| <figcaption> | Содержит описание для элемента <figure> |
| <figure> | Используется для группирования любых элементов, например, изображений и подписей к ним |
| <font> | Изменяет характеристики шрифта, такие как размер, цвет и гарнитура |
| <footer> | Определяет «подвал» сайта или раздела |
| <form> | Устанавливает форму на веб-странице |
| <frame> | Определяет свойства отдельного фрейма, на которые делится окно браузера |
| <frameset> | Задаёт структуру фреймов на веб-странице |
| H | |
| <h2> | Заголовок первого уровня |
| <h3> | Заголовок второго уровня |
| <h4> | Заголовок третьего уровня |
| <h5> | Заголовок четветого уровня |
| <h5> | Заголовок пятого уровня |
| <h6> | Заголовок шестого уровня |
| <head> | Предназначен для хранения других элементов, цель которых — помочь браузеру в работе с данными |
| <header> | Определяет «шапку» сайта или раздела |
| <hgroup> | Используется для группирования заголовков веб-страницы или раздела |
| <hr> | Рисует горизонтальную линию |
| <html> | Является контейнером, который заключает в себе всё содержимое веб-страницы |
| I | |
| <i> | Устанавливает курсивное начертание шрифта |
| <iframe> | Создаёт встроенный фрейм на странице |
| <img> | Отображает на веб-странице изображение |
| <input> | Позволяет создавать разные элементы интерфейса |
| <ins> | Предназначен для выделения текста, который был добавлен в новую версию документа |
| K, L | |
| <kbd> | Используется для обозначения текста, который набирается на клавиатуре или для названия клавиш |
| <keygen> | Используется для генерации пары ключей — закрытого и открытого (для форм) |
| <label> | Устанавливает связь между определённой меткой и элементом формы |
| <legend> | Создаёт заголовок группы элементов формы |
| <li> | Определяет отдельный пункт списка |
| <link> | Устанавливает связь с внешним документом вроде файла со стилями |
| M | |
| <main> | Элемент main предназначен для основного содержимого документа |
| <map> | Служит контейнером для элементов <area>, которые определяют активные области для карт-изображений |
| <marquee> | Создаёт бегущую строку на странице |
| <mark> | Помечает текст как выделенный |
| <menu> | Отображает список меню |
| <menuitem> | Задаёт команду, которую пользователь может вызывать через контекстное меню |
| <meta> | Определяет данные, которые используются для хранения информации, предназначенной для браузеров и поисковых систем |
| <meter> | Используется для вывода значения в некотором известном диапазоне |
| N | |
| <nav> | Группирует ссылки навигации по сайту |
| <nobr> | Уведомляет браузер отображать текст без переносов |
| <noembed> | Предназначен для отображения информации на веб-странице, если браузер не поддерживает работу с плагинами |
| <noindex> | Запрещает поисковой системе Яндекс индексировать текст |
| <noframes> | Содержимое элемента отображается в браузере, когда он не поддерживает фреймы и не умеет их интерпретировать |
| <noscript> | Показывает своё содержимое, если браузер не поддерживает работу со скриптами |
| O | |
| <object> | Сообщает браузеру, как загружать и отображать объекты, которые исходно браузер не понимает |
| <ol> | Устанавливает нумерованный (упорядоченный) список |
| <optgroup> | Объединяет элементы <option> в одну группу |
| <option> | Определяет отдельные пункты списка, создаваемого с помощью <select> |
| <output> | Определяет область для вывода, преимущественно с помощью скриптов |
| P | |
| <p> | Определяет текстовый абзац |
| <param> | Передаёт значения параметров Java-апплетам или объектам веб-страницы |
| <picture> | Представляет собой контейнер для хранения нескольких элементов <source>, которые поддерживают элемент <img> |
| <plaintext> | Отображает содержимое контейнера «как есть» со всеми тегами |
| <pre> | Определяет блок предварительно форматированного текста |
| <progress> | Используется для отображения прогресса завершённости задачи |
| Q, R | |
| <q> | Используется для выделения в тексте цитат |
| <rp> | Используется для вывода текста в браузерах, которые не поддерживают элемент <ruby> |
| <rt> | Добавляет аннотацию сверху или снизу от текста, заключенного в контейнер <ruby> |
| <rtc> | В основном применяется в качестве описательной части или аннотации для иероглифов |
| <ruby> | Предназначен для добавления небольшой аннотации сверху или снизу от заданного текста |
| S | |
| <s> | Используется для содержимого, которое уже не является точным или актуальным |
| <samp> | Используется для отображения текста, который является результатом вывода компьютерной программы |
| <script> | Предназначен для описания скриптов |
| <section> | Задаёт раздел документа, может применяться для блока новостей, контактной информации, глав текста, вкладок в диалоговом окне и др. |
| <select> | Создаёт раскрывающийся список |
| <small> | Используется для сносок и комментариев, написанных обычно мелким текстом |
| <source> | Вставляет медийный файл для элементов <audio>, <video> и <picture> |
| <spacer> | Создаёт пустое пространство по вертикали или горизонтали |
| <span> | Универсальный строчный элемент |
| <strike> | Отображает текст как перечёркнутый |
| <strong> | Выделяет важный текст |
| <style> | Определяет стили элементов веб-страницы |
| <sub> | Отображает шрифт в виде нижнего индекса |
| <summary> | Указывает заголовок для <details>, по которому можно щёлкать для разворачивания/сворачивания информации |
| <sup> | Отображает шрифт в виде верхнего индекса |
| T | |
| <table> | Создаёт таблицу |
| <tbody> | Предназначен для хранения одной или нескольких строк таблицы |
| <td> | Предназначен для создания одной ячейки таблицы |
| <template> | Задаёт шаблон для фрагмента HTML, который может быть клонирован и вставлен в документ через скрипты |
| <textarea> | Создаёт поле для многострочного текста |
| <tfoot> | Предназначен для хранения одной или нескольких строк, которые представлены внизу таблицы |
| <th> | Создаёт одну ячейку таблицы, которая обозначается как заголовочная |
| <thead> | Предназначен для хранения одной или нескольких строк, которые представлены вверху таблицы |
| <time> | Помечает текст внутри элемента как дату, время или оба значения |
| <title> | Определяет заголовок документа |
| <tr> | Служит контейнером для создания строки таблицы |
| <track> | Позволяет авторам указать текстовую дорожку для медийных элементов (<video> и <audio>) |
| <tt> | Отображает текст моноширинным шрифтом |
| U, V, W, X | |
| <u> | Используется для разметки текста, который должен отличаться стилистически от обычного текста |
| <ul> | Устанавливает маркированный (неупорядоченный) список |
| <var> | Используется для выделения переменных из компьютерных программ |
| <video> | Добавляет, воспроизводит и управляет настройками видеоролика на веб-странице |
| <wbr> | Указывает браузеру место, где допускается делать перенос строки в тексте |
| <xmp> | Отображает содержимое контейнера «как есть» и шрифтом фиксированной ширины |
Что такое теги HTML и какие виды тегов существуют
Доброго времени суток, друзья! Сегодня у нас очередная статья, посвященная одной из категорий моего сайта «HTML-путеводитель для новичков». Наверное, нужно было начинать заполнять эту категорию с написания статьи, что такое HTML или же с этого поста, в котором будет подробно изъяснено, что такое теги html. Но так уж сложилось, что в ней я уже опубликовал несколько полезных материалов, к примеру, о том, как сделать линию средствами HTML или же, как сделать рамку. Ну да ладно, надеюсь, моя оплошность не вынудила вас искать информацию среди других источников.
Для того чтобы разобраться с тегами давайте для начала вспомним что такое HTML? И так HTML – это англоязычная аббревиатура, расшифровывающаяся как — язык разметки гипертекста. Это стандартный язык, интерпретирующийся всеми современными браузерами, отвечающий за структуру и содержание страницы. Именно с помощью HTML можно указать, как будет выглядеть текст, рисунок или анимация, отображающаяся на интернет странице, а также задать ей местоположение, размер и т.п. Представленный язык разметки включает в себя теги html, являющиеся его основой.
Теги – определенная именованная метка состоящая из символов латинского алфавита, заключенная в угловые скобки (к примеру <body>). Тег – основной элемент HTML документа. Их заполнение должно осуществляться в нижнем регистре, то есть вместо <TITLE> должно быть <title>.
Виды тегов html
Существует два типа тегов – одиночные и парные (контейнеры). Последние являются более распространенными. Все что включено между открывающимся <> и закрывающимся тегом </> называют содержимым контейнера. Как можно заметить внутри закрывающегося тега обязательно нужно ставить слеш, т.е. косую черту «/», находящуюся сразу же после первой угловой скобки. Действие тегов распространяется на заключенную между ними информацию.
Одиночные теги (метки) как можно догадаться состоят из одного html элемента – открывающегося тега (например <img>).
В независимости от вида каждый тег состоит из следующих элементов:
— Открывающаяся угловая скобка (<).
— Имя тега (p, body, br).
— Закрывающаяся угловая скобка (>).
Для расширения возможностей используемого тега используются различные атрибуты и значения атрибутов, разделяющиеся между собой с помощью пробела. В свою очередь атрибуты можно условно разделить на обязательные и необязательные.
Основные теги html
Стандартизированный язык разметки гипертекста включает в себя предостаточно используемых HTML-тегов. Давайте остановимся на самых важных из них.
Основные парные теги html
— <html> — сообщает браузеру о том, что перед ним находится HTML документ.
— <head> — содержит описание интернет-страницы и является некой емкостью для всех заголовочных элементов html-документа, цель которых — помогать браузерам и поисковым системам в работе с данными.
— <body> — определяет видимую часть документа.
— <title> — отвечает за отображение и название документа.
— <table>, <tbody>, <thead>, <td>, <th> и <tr> — теги, относящиеся к созданию таблиц.
— <p> — закрытие данного тега сообщает браузерам о том, что текст отображается с новой строки, то есть с нового абзаца.
— <h> — задает заголовок (h2…h6).
— <br> — тег устанавливающий перевод строки в том месте, где он находится.
— <b>, <u>, <i> — каждый из тегов по отдельности выделяющий текст жирным, подчеркнутым или курсивом.
— <ol>, <ul>, <dl> — теги отвечающее за создание нумерованного или маркированного списка, а также списка определений.
— <tt>, <kbd> — эффект для текста имитирующий стиль печатной машинки.
— <strong> — еще один HTML-тег выделяющий текст жирным. В отличии от тега <b> воспринимается поисковыми механизмами как особо выделенный.
— <marquee> — тег, используемый для создания бегущей строки.
— <font> — тег, который используется для форматирования текста, но работающий исключительно при использовании специальных атрибутов.
— <a> — весьма распространенный тег, отвечающий за создание гиперссылки.
— <cite> — цитирование.
— <code> — выводит в HTML документе примеры кода.
— <q> — отвечает за отображение текста заключенного в скобки.
— <blockqote> — создает отступы с обеих сторон текста.
Основные одиночные теги
— <meta> — тег содержащий метаинформацию, предназначенную для поисковых механизмов. Внутри него при помощи соответственных атрибутов можно прописать ключевые слова, управление процессом индексации, имя автора, кодировку документа и т.п.
— <img> — тег, отвечающий за отображение графических элементов (картинки). Используется вместе с обязательным атрибутом <img src=»/URL»>.
— <style> — указывает на таблицу стилей CSS. Данный тег задается в теге <head>. HTML документ может состоять из энного количества тегов <style>, задающих странице стилистику в независимости от расположения ее содержимого.
— <hr> — добавляет горизонтальную линию.
Нажав сочетание клавиш Ctrl+U можно заметить, что весь HTML-документ построен на использовании HTML тегов и атрибутов. Совсем не обязательно запоминать все существующие HTML теги. Для внесения корректировок на сайт достаточно запомнить те, что приведены выше.
Надеюсь, статья оказалась для вас полезной, и теперь вы знаете, какие существуют виды тегов и что это вообще такое.
Спасибо за внимание и до скорого на страницах Stimylrosta.
Обнаружили в тексте грамматическую ошибку? Пожалуйста, сообщите об этом администратору: выделите текст и нажмите сочетание горячих клавиш Ctrl+Enter
Не ленитесь, поделитесь!
Понравилась статья? Угостите админа кофе.
Правила применения тегов | htmlbook.ru
Для тегов любого типа действуют определенные правила их использования. Причем,
некоторые правила обязательны для выполнения, а другие являются рекомендациями,
т.е. их можно выполнять, а можно и нет.
Атрибуты тегов и кавычки
Согласно спецификации HTML все значения атрибутов тегов следует указывать
в двойных («пример») или одинарных кавычках (‘пример’). Отсутствие
кавычек не приведет к ошибкам, браузеры во многих случаях достаточно корректно обрабатывают код
и без кавычек, за исключением текста, содержащего пробелы (пример 3.2).
Пример 3.2. Использование кавычек в атрибутах тегов
HTML 4.01IECrOpSaFx
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<title>Кавычки в атрибуте alt</title>
</head>
<body>
<p><img src="images/arena.png" alt="Вид заголовка"></p>
<p><img src="images/arena.png" alt=Вид заголовка></p>
</body>
</html>В данном примере строка 8 написана правильно, со всеми кавычками, а в строке
9 у атрибута alt кавычки отсутствуют. Из-за этого браузер в качестве значения
alt возьмет только первое слово («Вид»), а слово «заголовка» будет
воспринято как ошибочное значение. Поэтому всегда приучайтесь указывать значения атрибутов
тегов в кавычках.
Теги можно писать как прописными, так и строчными символами
Любые теги, а также их атрибуты нечувствительны к регистру, поэтому
вы вольны выбирать сами, как писать — <BR>, <Br> или <br>.
В любом случае рекомендуется придерживаться выбранной формы записи на протяжении
всех страниц сайта. Заметим также, что текст, полностью набранный прописными
символами, читается хуже, чем текст со строчными символами или смешанный.
Переносы строк
Внутри тега между его атрибутами допустимо ставить перенос строк. В примере 3.3
показана одна и та же строка, но оформленная разными способами.
Пример 3.3. Переносы строк в коде тега
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<title>Кавычки в атрибуте alt</title>
</head>
<body>
<p><img src="images/arena.png" alt="Вид заголовка в IE"></p>
<p><img src="images/arena.png"
alt="Вид заголовка в браузере IE"
></p>
</body>
</html>В данном примере первый тег <img> набран в одну строку, включая все
его атрибуты, а второй тег <img> разбит на несколько строк.
Хотя ошибки при переносе текста в подобном случае и не возникнет, рекомендуем
писать теги в одну строку, иначе ухудшается восприятие кода и его становится
сложнее править.
Неизвестные теги и атрибуты
Если какой-либо тег или его атрибут был написан неверно, то браузер проигнорирует
подобный тег и будет отображать текст так, словно тега и не было. Опять же,
следует избегать неизвестных тегов, поскольку код HTML не пройдет валидацию.
Порядок тегов
Существует определенная иерархия вложенности тегов. Например, тег <title> должен
находиться внутри контейнера <head> и нигде иначе. Чтобы не возникло
ошибки, следите за тем, чтобы теги располагались в коде правильно.
Если теги между собой равноценны в иерархии связи, то их последовательность
не имеет значения. Так, можно поменять местами теги <title> и <meta>,
на конечном результате это никак не скажется.
Закрывайте все теги
Существует три состояния закрывающего тега: обязателен, не требуется или не
обязателен. Обязательный закрывающий тег должен присутствовать всегда, иначе
это приведет к ошибке при отображении документа. Для некоторых тегов вроде <br> закрывающего
тега нет в принципе. Необязательный закрывающий тег говорит о том, что разработчик
может его как добавить, так и опустить, к ошибке это не приведет. Однако рекомендуем
закрывать все подобные теги, включая необязательные, это дисциплинирует, создает
более стройный и строгий код, который легко модифицировать.
Что такое теги и для чего они нужны? — Знакомство с HTML — codebra
Что такое парные теги?
Продолжим наше ознакомление с искусством верстки на HTML. На очереди – парные теги. И вообще, что за слово такое ругательное? Теги? Итак, тег, умные люди, в частности отцы паутины, называют «дескриптор», но я его так никогда не называл, и не буду называть на моем сайте, можно же просто – «тег». Тег – это элемент языка разметки текста (HTML). Кратко говоря: «Тег – элемент HTML», все, что внутри тега, называют содержанием элемента. Логично, не так ли? Я говорю проще: «внутри тега», умные слова только на конференциях нужно использовать, а не в быту. Итак, подобрались к парным тегам, включаем логику, парный, хм… значит, есть начальный тег и конечный тег, но их так не называют, кроме Википедии, конечно. Правильно так: «Открывающий и Закрывающий тег». Даже с большой буквы написал, в знак уважения. Теперь, например: <p>…</p>, есть открывающий, есть закрывающий тег, значит парный тег. Тег <h2>…</h2> тоже парный, кстати, знакомлю, это заголовок первого уровня, то есть простой текст, по отношению к нему, будет меньше. Для большего понимания проведем аналогию: тег – это одежда, а его содержимое – это человек. Облачив человека в одежду, он преобразуется. Также, если обернуть содержимое (текст, например) в тег, он поменяет свой внешний вид. С парными тегами кончено.
Что такое одинарные теги?
Несложно догадаться, что у одинарного тега нет закрывающего, пример: <br>, <hr>, <img>. Думаю, кто-то видел теги такого плана: <br/>, ну и так далее. Это «Старый стиль». Да, когда был HTML4, нужно было закрывать одинарный тег именно так, но с появлением HTML5 многое изменилось, и не только это конечно. Не настаиваю на написание закрывающей косой черты и в системе проверки это учтено, но давайте быть новаторами и не тормозить процесс! Те три тега «перенос строки», «разделительная линия», «изображение» соответственно.
И в продолжении
Старайтесь учить сразу эти теги. Отрабатывайте их в заданиях и придумывайте свои задания, для себя. Читайте литературу и тематические сайты. А теперь приступите к заданию. В нем немного нужно подумать. Даю подсказку, после слова «это» напишите какой-то тег, тот который в задании.
О парных тегах
Умение быстро и четко манипулировать тегами, это хороший старт в изучении. Вы практически всегда будете работать с этими тегами верстая сайт. В уроке пятом (парные теги), вы познакомитесь ближе с парными тегами.
Правильно структурировать информацию, тоже хорошее дело, ведь поисковые системы (Yandex, Google), любят, когда заголовки помещены в теги заголовка первого уровня – это информация официальная, ее озвучил глава Google. На поисковую выдачу влияет так же использование тегов «маркированный список» и «нумерованный список». На поисковую выдачу так же влияет использование атрибутов title, alt. Да это только малая часть, на самом деле, есть 200 официальных пунктов от Google, которые влияют на выдачу в поисковике. Возможно, обо всех их я напишу.
Языковые теги в HTML и XML
Терминология
В этой статье мы называем значение языкового атрибута, например, fr-CA , языковым тегом. Части fr и CA называются вложенными тегами при описании как части тега. Когда они описаны как члены списка языков или стран ISO, fr и CA называются кодами.
Языковые теги используются для обозначения языка текста или других элементов в документах HTML и XML.Используйте атрибут lang , чтобы указать языковые теги в HTML, и атрибут xml: lang для XML
В обоих случаях язык
информация наследуется элементами внутри того, где было сделано объявление, если один из этих элементов не объявляет другой язык (таким же образом).
RFC — это то, что IETF называет его спецификациями. Каждый RFC имеет уникальный номер. К сожалению, при чтении RFC 1766 или RFC 3066 невозможно сказать, что эти спецификации устарели и заменены другими спецификациями.
Синтаксис языковых тегов определяется стандартом BCP 47 стандарта IETF . BCP означает «Best Current».
Практика »и является постоянным названием для серии RFC , номера которых меняются по мере обновления. В
последний RFC, описывающий синтаксис языковых тегов: RFC 5646, Теги для идентификации
Языки и устаревшие RFC 4646, 3066 и 1766.
Раньше вы находили вложенные теги, просматривая списки кодов в различных стандартах ISO, но
теперь вы можете найти все вложенные теги в Реестре языковых вложенных тегов IANA .Ниже мы опишем новый реестр.
Примечание! Если вам нужны пошаговые инструкции по выбору языкового тега, прочтите Выбор языкового тега . Ниже приводится более подробный обзор синтаксиса и концепций языковых тегов, как описано в BCP 47.
Большинство языковых тегов состоят из двух- или трехбуквенного языкового субтега. Часто после этого следует двухбуквенный или трехзначный регион.
подтег. RFC 5646 также позволяет при необходимости использовать ряд дополнительных вложенных тегов.Они будут кратко объяснены в следующем разделе и будут включать
расширенный язык, сценарий, вариант, расширение и вложенные теги для частного использования.
Золотое правило при создании языковых тегов — сделать тег как можно короче. Избегайте региона, сценария и т. Д.
вложенные теги, кроме тех, где они добавляют полезную отличительную информацию. Например, используйте ja для японского языка, а не ja-JP , если только
есть особая причина, по которой вам нужно сказать, что это японский , как говорят в Японии, а не где-либо еще .
Примеры:
| Код | Язык | Субтеги |
|---|---|---|
и | Английский | язык |
мас | Масаи | язык |
fr-CA | Французский используется в Канаде | язык + регион |
es-419 | Испанский, используемый в Латинской Америке | язык + регион |
Ж-Ханс | Китайский язык, написанный упрощенным шрифтом | язык + сценарий |
HTML и XML также предоставляют средства для предотвращения наследования языка с использованием пустой строки, т.е. xml: lang = "". По сути, это говорит: я не хочу связывать какой-либо язык с этой информацией.
В оставшейся части этой статьи представлены дополнительные сведения о том, как создавать языковые теги.
Некоторые из ключевых различий между RFC 5646 и более ранними спецификациями, такими как RFC 3066:
- есть только одно место для поиска действительных вложенных тегов, новый IANA
реестр - имеют фиксированное положение и длину, что упрощает сопоставление языковых тегов
- , есть больше гибкости в отношении потенциальных компонентов языкового тега.
Подтеги
RFC 3066 по существу позволял вам составлять языковые теги, которые были либо языковыми
код сам по себе, код языка плюс код страны или одно из небольшого числа специально зарегистрированных значений в реестре языковых тегов IANA.
RFC 5646 обслуживает больше типов вложенных тегов и позволяет объединять их в
различные способы. Хотя может показаться, что это значительно усложняет жизнь, в целом выбор языковых тегов останется простым делом.
— однако, если вам понадобится дополнительная мощность, она будет вам доступна.Фактически, для большинства людей RFC 5646 должен упростить жизнь в
несколькими способами — во-первых, есть только одно место, где вам нужно искать действительные вложенные теги.
Несмотря на то, что RFC 5646 предоставляет некоторые дополнительные возможности для определения общих языковых вариаций, он включает все
теги, которые ранее были действительными. Если вы использовали RFC 1766, RFC 3066 или RFC 4646, вам не нужно вносить никаких изменений в свои теги.
В приведенном ниже списке показаны различные типы доступных вложенных тегов.Мы рассмотрим их и то, как они используются в
следующие разделы.
язык-расширенный-сценарий-регион-вариант-расширение-частное использование
Записи в реестре следуют определенным соглашениям в отношении верхнего и нижнего регистра букв. Например, языковые теги в нижнем регистре,
Подтеги алфавитных областей пишутся прописными буквами, а теги скриптов начинаются с заглавной буквы. Это всего лишь условность! Когда вы используете эти подтэги, вы
свободны делать что угодно, если только вы не ограничены правилами системы, с которой работаете.Для разметки языков HTML и XML регистр значения не имеет.
Использование реестра вложенных тегов
Как упоминалось выше, вы раньше находили вложенные теги, просматривая списки кодов в различных стандартах ISO, но теперь вы можете найти все
вложенные теги в одном месте. Реестр IANA сначала выглядит немного сложным,
по сравнению со списками кодов ISO, но им достаточно легко пользоваться, если вы понимаете его структуру.
Реестр — это длинный текстовый файл. Чтобы найти языковой подтэг, найдите на странице название этого языка на английском языке.Если мы ищем
для французского языка мы находим запись, которая выглядит так:
%% Тип: язык Подтег: fr Описание: Французский Добавлен: 2005-10-16 Сценарий подавления: Latn %%
Обратите внимание, что тип этой записи — , язык . То, что вы ищете, — это код с надписью Subtag , который указывает значение от .
Таким же образом можно найти и другие теги. Например, чтобы создать тег fr-CA (французский, используемый в Канаде), вы затем выполните поиск Canada и убедитесь, что вы нашли тег типа region .
Однако есть несколько дополнительных моментов, которые следует учитывать при выборе субтегов. Например, вам следует избегать вложенных тегов, которые описаны в реестре как избыточные или устаревшие, и вам необходимо использовать вариантные вложенные теги в сочетании с некоторыми другими предписанными вложенными тегами. Для получения дополнительной информации о выборе вложенных тегов прочтите Выбор языкового тега .
Существует также неофициальный удобный инструмент для поиска
реестр.
В следующих разделах вы найдете более подробную информацию о конкретных вложенных тегах.
Подтег основного языка
Все языковые теги должны начинаться с вложенного тега основного языка.
Примеры простых языковых тегов:
-
en(английский) -
ast(Астурийский язык — двухбуквенный код для Астурии отсутствует в списках ISO)
Эти коды получены из языковых кодов ISO 639 и постоянно обновляются.
Поскольку RFC 3066 не предоставил список допустимых вложенных тегов
и просто рекомендовал пользователям ISO 639, иногда возникала путаница в том, как помечать языки, когда списки кодов ISO содержали как двухбуквенные, так и
трехбуквенные коды (а иногда и более одного трехбуквенного кода).Теперь все допустимые вложенные теги перечислены в едином реестре IANA, который принимает только одно значение из списков ISO для каждого языка. Если
доступен двухбуквенный код ISO, он будет в реестре. В противном случае реестр будет содержать один трехбуквенный код. Это должно сделать
все проще.
Когда был опубликован RFC 5646, более 7000 новых трехбуквенных кодов ISO 639-3 были добавлены в реестр подтегов.
Это пример подтега основного языка для испанского, es , в реестре:
%% Тип: язык Подтег: es Описание: Испанский Описание: кастильский Добавлен: 2005-10-16 Сценарий подавления: Latn %%
Хотя коды нечувствительны к регистру, они обычно пишутся в нижнем регистре, но это просто соглашение.
Подтег расширенного языка
Мы будем называть вложенные теги расширенного языка дополнительными тегами. Субтег extlang всегда должен предшествовать конкретному вложенному тегу основного языка, в языковом теге может быть только один, и он стоит перед любыми другими вложенными тегами.
Примеры языковых тегов, включая вложенные теги extlang:
-
zh-yue(кантонский китайский) -
ar-afb(арабский залив)
Комбинации «язык + дополнительный язык» предназначены для использования в устаревших формах языковых тегов, однако для каждой комбинации «язык + дополнительный язык» доступен отдельный языковой вложенный тег.По возможности следует использовать этот языковой подтэг, а не комбинацию язык + дополнительный язык. Например, используйте yue вместо zh-yue для кантонского диалекта и afb вместо ar-afb для арабского языка Персидского залива, если можете.
Вложенные теги Extlang всегда состоят из трех букв. Каждая запись extlang в реестре содержит поле Prefix , в котором указывается язык, который должен предшествовать вложенному тегу extlang. Записи также включают поле Preferred-Value , которое указывает тег эквивалентного языка.
Это пример кода extlang для арабского залива, afb , в реестре:
%% Тип: extlang Подтег: afb Описание: Персидский залив Добавлен: 2009-07-29 Предпочтительное значение: afb Префикс: ar Макроязык: ar %%
Макроязыки Вложенные теги основного языка, используемые с вложенным тегом extlang, известны как макроязыки и охватывают ряд языков с более конкретными вложенными тегами основного языка. Подтег макроязыка может использоваться сам по себе, но, если нет какого-либо соглашения о его значении в контексте, в котором он используется, он не обязательно будет достаточно точным.
Например, zh означает китайский, но оно охватывает многие китайские диалекты, часто взаимно непонятные. Когда zh используется отдельно, оно обычно используется для обозначения преобладающего языка в охватываемом диапазоне, хотя это явно не указано в BCP 47. Например, условно zh считается преобладающим языком мандаринского языка. китайского. Там, где требуется абсолютная ясность, вы можете использовать cmn вместо этого, если это не нарушает совместимость, однако, если вы используете zh для представления языка, который является , а не мандарин, например, китайский Hakka, вам лучше выключить, используя явный код (в этом случае hak ).
С другой стороны, zh-Hans использует zh в общем смысле. Это полезный способ описания письма на упрощенном китайском, поскольку китайский язык обычно пишется одинаково, независимо от диалекта читателя.
Подтег скрипта
Примеры языковых тегов, включая вложенные теги скрипта:
-
zh-Hans(упрощенный китайский) -
аз-латн(азербайджанский, написано латиницей — так как азербайджанский также может быть написан с использованием арабского письма)
Подтег скрипта впервые был представлен в RFC 4646.Подтеги взяты из списка кодов сценариев ISO 15924 и постоянно обновляются.
В языковом теге может присутствовать только один вложенный тег скрипта, и он должен следовать сразу за языком или любым дополнительным вложенным тегом. Это всегда четыре буквы
длинный.
Вы должны использовать теги сценария только в том случае, если они необходимы для различения, которое вам нужно. Как соавтор RFC 4646, Аддисон
Филлипс пишет: «Практически для любого контента, который сегодня не использует тег скрипта, лучше всего не использовать его в будущем».
Если вы специально хотите указать, что контент не написан, для этого есть вложенный тег. Например, вы можете использовать en-Zxxx , чтобы прояснить, что аудиозапись на английском языке не является письменным содержанием.
На самом деле, во многих записях языковых вложенных тегов в реестре настоятельно не рекомендуется использовать теги сценариев, включая поле Подавить сценарий . В приведенном выше примере для испанского языка есть такое поле, которое указывает, что испанский язык обычно пишется с использованием латинского алфавита, и поэтому вложенный тег Latn обычно не должен использоваться с es .
В этом примере показана запись реестра для кириллицы, Cyrl , используемая для таких языков, как русский:
%% Тип: скрипт Подтег: Cyrl Описание: кириллица Добавлен: 2005-10-16 %%
Хотя для обычного использования языковых тегов вам вряд ли понадобится указывать сценарий, есть одна или две ситуации.
которые взывали об этом в течение некоторого времени. Один из таких примеров — китайский. Есть много китайских диалектов, часто взаимно непонятных, но
все эти диалекты написаны с использованием упрощенного или традиционного китайского алфавита.Люди обычно хотят пометить китайский текст как
Упрощенное или традиционное, но до недавнего времени это было невозможно. Люди должны были согнуть что-то вроде zh-CN (что означает китайский язык, как говорят в Китае)
означает упрощенный китайский, даже в Сингапуре, и zh-TW (то есть китайский, как говорят на Тайване) для традиционного китайского. (Другие люди, однако, используют zh-HK для традиционного китайского языка.) Доступность zh-Hans и zh-Hant для китайского языка, написанного упрощенным и традиционным шрифтами, должна улучшиться
согласованность и точность, и уже широко используются, хотя, конечно, вам может потребоваться и дальше использовать старые языковые теги в некоторых случаях для согласованности.
Подтег региона
Примеры языковых тегов, включая вложенные теги регионов, включают:
-
en-GB(британский английский) -
es-005(южноамериканский испанский) -
zh-Hant-HK(традиционный китайский, используемый в Гонконге)
Подтег региона в RFC 3066 взял свои значения из кодов стран ISO 3166. Эти двухбуквенные коды по-прежнему доступны в новом
реестр, но в реестре также перечислены 3-значные UN M.49 кодов регионов. Преимущество этих кодов в том, что они могут представлять не только страны.
Например, группы локализации в течение некоторого времени хотели маркировать свои тщательно подготовленные переводы как латиноамериканские испанские, а не как
Испанский любой конкретной страны. С RFC 5646 это возможно; соответствующий языковой тег — es-419 .
В языковом теге может присутствовать только один региональный вложенный тег, и он должен появляться после языкового вложенного тега и любых дополнительных тегов и тегов скрипта.Это двухбуквенный буквенный или трехзначный цифровой код. У вас может быть код языка сразу после кода региона, как и вы
используется для языковых тегов, таких как en-US .
Еще раз, вы должны использовать субтэги регионов только в том случае, если они необходимы для различения, которое вам нужно. Если вам не нужно
Подчеркните, что вы говорите об итальянском , как говорят в Италии , вы должны использовать , для итальянского, а не it-IT .В
то же самое касается любой другой возможной комбинации.
Эти примеры из реестра показывают коды для Австрии, AT , и Северной Африки, 015 :
%% Тип: регион Подтег: AT Описание: Австрия Добавлен: 2005-10-16 %% Тип: регион Подтег: 015 Описание: Северная Африка Добавлен: 2005-10-16 %%
Подтеги вариантов
Вложенные теги вариантов — это значения, используемые для обозначения диалектов или вариантов сценария, которые еще не охвачены комбинациями языка, сценария и
подтег региона.В
Вложенные теги вариантов должны появляться после вложенных тегов языка, сценария или региона, но вложенные теги сценария и региона не должны предшествовать им.
Маловероятно, что вам понадобится использовать дополнительные теги, если вы не работаете в специализированной области.
Следующие примеры могут помочь вам понять, что делают эти вложенные теги.
-
sl-nedis(диалект словенского языка Надиза) -
sl-rozaj(резианский диалект словенского) -
sl-IT-nedis(специфический вариант словенского диалекта Надиза, на котором говорят в Италии) -
de-CH-1901(вариант немецкой орфографии, датируемый реформой 1901 года, в Швейцарии)
В этом примере из реестра показан код словенского диалекта Надиза, nedis :
%% Тип: вариант Подтег: недис Описание: диалект натисоне Описание: диалект Надиза Добавлен: 2005-10-16 Префикс: sl %%
В реестре эти вложенные теги привязаны к определенному языку (и, возможно, дополнительным вложенным тегам между этим вложенным тегом и вложенным тегом основного языка) с помощью поля «Префикс».Пример nedis , показанный выше, должен
можно использовать только со словенским.
Если вам нужно выразить конкретный диалектный или скриптовый нюанс, который в настоящее время недоступен, вам следует предложить вариантный вложенный тег или вложенные теги для включения в
реестр, используя процедуру регистрации, описанную в RFC 5646.
Расширения и подтэги частного использования
Если вы чувствуете, что вам действительно нужно использовать эти подтэги, вам следует прочитать спецификацию, а не эту статью.
Вложенные теги расширений и частного использования вводятся однобуквенным тегом или «singleton». Организация может предложить синглтон для расширения. Его предполагаемое использование должно быть описано в RFC (спецификация IETF). Синглтон будет добавлен в реестр, если он успешно пройдет проверку. Синглтон x зарезервирован для частного использования. После сингла допускается несколько вложенных тегов; однако, как и все вложенные теги, каждый из них должен состоять из 8 или менее символов.
Подтеги расширений позволяют расширять языковые теги.Например, подтег и расширения был зарегистрирован Консорциумом Unicode для добавления информации о языке или поведении локали. Многие идентификаторы локали требуют дополнительных «настроек» или опций для определенных значений в пределах языка, культуры, региона или других вариантов. Это расширение предоставляет механизм для использования этих дополнительных настроек в языковых тегах для общего обмена.
Например, следующее указывает, что порядок сортировки телефонной книги должен использоваться приложением, что отсортированные данные в документе сортируются в соответствии с этим порядком сортировки и т. Д.
Расширение u- определено в RFC 6067, который указывает на Common Locale Data Repository (CLDR) Консорциума Unicode для получения подробной информации о вложенных тегах, которые следуют за ним. Это не определено BCP 47.
Подтеги частного использования не появляются в реестре подтегов, а выбираются и поддерживаются по частному соглашению между сторонами.
Поскольку эти вложенные теги имеют смысл только в рамках частных соглашений и не могут использоваться совместно через Интернет, их следует использовать с большой осторожностью и по возможности избегать.
Следующий пример вложенного тега для частного использования может идентифицировать определенный тип английского языка (США), но только внутри закрытого сообщества. Снаружи
это частное соглашение, на его значение нельзя полагаться.
Устаревшие и избыточные подтэги
Унаследованные теги — это особые случаи, предназначенные для обратной совместимости. Это вложенные теги, которые были зарегистрированы до RFC 4646, которые не могут быть полностью составлены из вложенных тегов в текущем реестре или не соответствуют синтаксису, определенному в настоящее время для языковых тегов.
Избыточные теги — это языковые теги, состоящие из последовательности вложенных тегов и зарегистрированные до RFC 4646, которые теперь могут быть сформированы путем объединения отдельных вложенных тегов из текущего реестра. Первоначальные регистрации остаются в реестре в основном «из исторического любопытства».
Многие устаревшие теги были заменены вложенными тегами или комбинациями вложенных тегов в реестре. Такие устаревшие теги теперь не рекомендуются и обычно содержат поле Preferred-Value , которое указывает, как вы должны вместо этого представлять этот язык.Например, следующий пример устаревшего тега указывает, что вы должны использовать языковой вложенный тег jbo вместо art-lojban .
%% Тип: дедушкин Метка: арт-ложбан Описание: ложбан Добавлен: 11.11.2001 Не рекомендуется: 02.09.2003 Предпочтительное значение: jbo %%
.
Языковые теги в HTML и XML
Терминология
В этой статье мы называем значение языкового атрибута, например, fr-CA , языковым тегом. Части fr и CA называются вложенными тегами при описании как части тега. Когда они описаны как члены списка языков или стран ISO, fr и CA называются кодами.
Языковые теги используются для обозначения языка текста или других элементов в документах HTML и XML.Используйте атрибут lang , чтобы указать языковые теги в HTML, и атрибут xml: lang для XML
В обоих случаях язык
информация наследуется элементами внутри того, где было сделано объявление, если один из этих элементов не объявляет другой язык (таким же образом).
RFC — это то, что IETF называет его спецификациями. Каждый RFC имеет уникальный номер. К сожалению, при чтении RFC 1766 или RFC 3066 невозможно сказать, что эти спецификации устарели и заменены другими спецификациями.
Синтаксис языковых тегов определяется стандартом BCP 47 стандарта IETF . BCP означает «Best Current».
Практика »и является постоянным названием для серии RFC , номера которых меняются по мере обновления. В
последний RFC, описывающий синтаксис языковых тегов: RFC 5646, Теги для идентификации
Языки и устаревшие RFC 4646, 3066 и 1766.
Раньше вы находили вложенные теги, просматривая списки кодов в различных стандартах ISO, но
теперь вы можете найти все вложенные теги в Реестре языковых вложенных тегов IANA .Ниже мы опишем новый реестр.
Примечание! Если вам нужны пошаговые инструкции по выбору языкового тега, прочтите Выбор языкового тега . Ниже приводится более подробный обзор синтаксиса и концепций языковых тегов, как описано в BCP 47.
Большинство языковых тегов состоят из двух- или трехбуквенного языкового субтега. Часто после этого следует двухбуквенный или трехзначный регион.
подтег. RFC 5646 также позволяет при необходимости использовать ряд дополнительных вложенных тегов.Они будут кратко объяснены в следующем разделе и будут включать
расширенный язык, сценарий, вариант, расширение и вложенные теги для частного использования.
Золотое правило при создании языковых тегов — сделать тег как можно короче. Избегайте региона, сценария и т. Д.
вложенные теги, кроме тех, где они добавляют полезную отличительную информацию. Например, используйте ja для японского языка, а не ja-JP , если только
есть особая причина, по которой вам нужно сказать, что это японский , как говорят в Японии, а не где-либо еще .
Примеры:
| Код | Язык | Субтеги |
|---|---|---|
и | Английский | язык |
мас | Масаи | язык |
fr-CA | Французский используется в Канаде | язык + регион |
es-419 | Испанский, используемый в Латинской Америке | язык + регион |
Ж-Ханс | Китайский язык, написанный упрощенным шрифтом | язык + сценарий |
HTML и XML также предоставляют средства для предотвращения наследования языка с использованием пустой строки, т.е. xml: lang = "". По сути, это говорит: я не хочу связывать какой-либо язык с этой информацией.
В оставшейся части этой статьи представлены дополнительные сведения о том, как создавать языковые теги.
Некоторые из ключевых различий между RFC 5646 и более ранними спецификациями, такими как RFC 3066:
- есть только одно место для поиска действительных вложенных тегов, новый IANA
реестр - имеют фиксированное положение и длину, что упрощает сопоставление языковых тегов
- , есть больше гибкости в отношении потенциальных компонентов языкового тега.
Подтеги
RFC 3066 по существу позволял вам составлять языковые теги, которые были либо языковыми
код сам по себе, код языка плюс код страны или одно из небольшого числа специально зарегистрированных значений в реестре языковых тегов IANA.
RFC 5646 обслуживает больше типов вложенных тегов и позволяет объединять их в
различные способы. Хотя может показаться, что это значительно усложняет жизнь, в целом выбор языковых тегов останется простым делом.
— однако, если вам понадобится дополнительная мощность, она будет вам доступна.Фактически, для большинства людей RFC 5646 должен упростить жизнь в
несколькими способами — во-первых, есть только одно место, где вам нужно искать действительные вложенные теги.
Несмотря на то, что RFC 5646 предоставляет некоторые дополнительные возможности для определения общих языковых вариаций, он включает все
теги, которые ранее были действительными. Если вы использовали RFC 1766, RFC 3066 или RFC 4646, вам не нужно вносить никаких изменений в свои теги.
В приведенном ниже списке показаны различные типы доступных вложенных тегов.Мы рассмотрим их и то, как они используются в
следующие разделы.
язык-расширенный-сценарий-регион-вариант-расширение-частное использование
Записи в реестре следуют определенным соглашениям в отношении верхнего и нижнего регистра букв. Например, языковые теги в нижнем регистре,
Подтеги алфавитных областей пишутся прописными буквами, а теги скриптов начинаются с заглавной буквы. Это всего лишь условность! Когда вы используете эти подтэги, вы
свободны делать что угодно, если только вы не ограничены правилами системы, с которой работаете.Для разметки языков HTML и XML регистр значения не имеет.
Использование реестра вложенных тегов
Как упоминалось выше, вы раньше находили вложенные теги, просматривая списки кодов в различных стандартах ISO, но теперь вы можете найти все
вложенные теги в одном месте. Реестр IANA сначала выглядит немного сложным,
по сравнению со списками кодов ISO, но им достаточно легко пользоваться, если вы понимаете его структуру.
Реестр — это длинный текстовый файл. Чтобы найти языковой подтэг, найдите на странице название этого языка на английском языке.Если мы ищем
для французского языка мы находим запись, которая выглядит так:
%% Тип: язык Подтег: fr Описание: Французский Добавлен: 2005-10-16 Сценарий подавления: Latn %%
Обратите внимание, что тип этой записи — , язык . То, что вы ищете, — это код с надписью Subtag , который указывает значение от .
Таким же образом можно найти и другие теги. Например, чтобы создать тег fr-CA (французский, используемый в Канаде), вы затем выполните поиск Canada и убедитесь, что вы нашли тег типа region .
Однако есть несколько дополнительных моментов, которые следует учитывать при выборе субтегов. Например, вам следует избегать вложенных тегов, которые описаны в реестре как избыточные или устаревшие, и вам необходимо использовать вариантные вложенные теги в сочетании с некоторыми другими предписанными вложенными тегами. Для получения дополнительной информации о выборе вложенных тегов прочтите Выбор языкового тега .
Существует также неофициальный удобный инструмент для поиска
реестр.
В следующих разделах вы найдете более подробную информацию о конкретных вложенных тегах.
Подтег основного языка
Все языковые теги должны начинаться с вложенного тега основного языка.
Примеры простых языковых тегов:
-
en(английский) -
ast(Астурийский язык — двухбуквенный код для Астурии отсутствует в списках ISO)
Эти коды получены из языковых кодов ISO 639 и постоянно обновляются.
Поскольку RFC 3066 не предоставил список допустимых вложенных тегов
и просто рекомендовал пользователям ISO 639, иногда возникала путаница в том, как помечать языки, когда списки кодов ISO содержали как двухбуквенные, так и
трехбуквенные коды (а иногда и более одного трехбуквенного кода).Теперь все допустимые вложенные теги перечислены в едином реестре IANA, который принимает только одно значение из списков ISO для каждого языка. Если
доступен двухбуквенный код ISO, он будет в реестре. В противном случае реестр будет содержать один трехбуквенный код. Это должно сделать
все проще.
Когда был опубликован RFC 5646, более 7000 новых трехбуквенных кодов ISO 639-3 были добавлены в реестр подтегов.
Это пример подтега основного языка для испанского, es , в реестре:
%% Тип: язык Подтег: es Описание: Испанский Описание: кастильский Добавлен: 2005-10-16 Сценарий подавления: Latn %%
Хотя коды нечувствительны к регистру, они обычно пишутся в нижнем регистре, но это просто соглашение.
Подтег расширенного языка
Мы будем называть вложенные теги расширенного языка дополнительными тегами. Субтег extlang всегда должен предшествовать конкретному вложенному тегу основного языка, в языковом теге может быть только один, и он стоит перед любыми другими вложенными тегами.
Примеры языковых тегов, включая вложенные теги extlang:
-
zh-yue(кантонский китайский) -
ar-afb(арабский залив)
Комбинации «язык + дополнительный язык» предназначены для использования в устаревших формах языковых тегов, однако для каждой комбинации «язык + дополнительный язык» доступен отдельный языковой вложенный тег.По возможности следует использовать этот языковой подтэг, а не комбинацию язык + дополнительный язык. Например, используйте yue вместо zh-yue для кантонского диалекта и afb вместо ar-afb для арабского языка Персидского залива, если можете.
Вложенные теги Extlang всегда состоят из трех букв. Каждая запись extlang в реестре содержит поле Prefix , в котором указывается язык, который должен предшествовать вложенному тегу extlang. Записи также включают поле Preferred-Value , которое указывает тег эквивалентного языка.
Это пример кода extlang для арабского залива, afb , в реестре:
%% Тип: extlang Подтег: afb Описание: Персидский залив Добавлен: 2009-07-29 Предпочтительное значение: afb Префикс: ar Макроязык: ar %%
Макроязыки Вложенные теги основного языка, используемые с вложенным тегом extlang, известны как макроязыки и охватывают ряд языков с более конкретными вложенными тегами основного языка. Подтег макроязыка может использоваться сам по себе, но, если нет какого-либо соглашения о его значении в контексте, в котором он используется, он не обязательно будет достаточно точным.
Например, zh означает китайский, но оно охватывает многие китайские диалекты, часто взаимно непонятные. Когда zh используется отдельно, оно обычно используется для обозначения преобладающего языка в охватываемом диапазоне, хотя это явно не указано в BCP 47. Например, условно zh считается преобладающим языком мандаринского языка. китайского. Там, где требуется абсолютная ясность, вы можете использовать cmn вместо этого, если это не нарушает совместимость, однако, если вы используете zh для представления языка, который является , а не мандарин, например, китайский Hakka, вам лучше выключить, используя явный код (в этом случае hak ).
С другой стороны, zh-Hans использует zh в общем смысле. Это полезный способ описания письма на упрощенном китайском, поскольку китайский язык обычно пишется одинаково, независимо от диалекта читателя.
Подтег скрипта
Примеры языковых тегов, включая вложенные теги скрипта:
-
zh-Hans(упрощенный китайский) -
аз-латн(азербайджанский, написано латиницей — так как азербайджанский также может быть написан с использованием арабского письма)
Подтег скрипта впервые был представлен в RFC 4646.Подтеги взяты из списка кодов сценариев ISO 15924 и постоянно обновляются.
В языковом теге может присутствовать только один вложенный тег скрипта, и он должен следовать сразу за языком или любым дополнительным вложенным тегом. Это всегда четыре буквы
длинный.
Вы должны использовать теги сценария только в том случае, если они необходимы для различения, которое вам нужно. Как соавтор RFC 4646, Аддисон
Филлипс пишет: «Практически для любого контента, который сегодня не использует тег скрипта, лучше всего не использовать его в будущем».
Если вы специально хотите указать, что контент не написан, для этого есть вложенный тег. Например, вы можете использовать en-Zxxx , чтобы прояснить, что аудиозапись на английском языке не является письменным содержанием.
На самом деле, во многих записях языковых вложенных тегов в реестре настоятельно не рекомендуется использовать теги сценариев, включая поле Подавить сценарий . В приведенном выше примере для испанского языка есть такое поле, которое указывает, что испанский язык обычно пишется с использованием латинского алфавита, и поэтому вложенный тег Latn обычно не должен использоваться с es .
В этом примере показана запись реестра для кириллицы, Cyrl , используемая для таких языков, как русский:
%% Тип: скрипт Подтег: Cyrl Описание: кириллица Добавлен: 2005-10-16 %%
Хотя для обычного использования языковых тегов вам вряд ли понадобится указывать сценарий, есть одна или две ситуации.
которые взывали об этом в течение некоторого времени. Один из таких примеров — китайский. Есть много китайских диалектов, часто взаимно непонятных, но
все эти диалекты написаны с использованием упрощенного или традиционного китайского алфавита.Люди обычно хотят пометить китайский текст как
Упрощенное или традиционное, но до недавнего времени это было невозможно. Люди должны были согнуть что-то вроде zh-CN (что означает китайский язык, как говорят в Китае)
означает упрощенный китайский, даже в Сингапуре, и zh-TW (то есть китайский, как говорят на Тайване) для традиционного китайского. (Другие люди, однако, используют zh-HK для традиционного китайского языка.) Доступность zh-Hans и zh-Hant для китайского языка, написанного упрощенным и традиционным шрифтами, должна улучшиться
согласованность и точность, и уже широко используются, хотя, конечно, вам может потребоваться и дальше использовать старые языковые теги в некоторых случаях для согласованности.
Подтег региона
Примеры языковых тегов, включая вложенные теги регионов, включают:
-
en-GB(британский английский) -
es-005(южноамериканский испанский) -
zh-Hant-HK(традиционный китайский, используемый в Гонконге)
Подтег региона в RFC 3066 взял свои значения из кодов стран ISO 3166. Эти двухбуквенные коды по-прежнему доступны в новом
реестр, но в реестре также перечислены 3-значные UN M.49 кодов регионов. Преимущество этих кодов в том, что они могут представлять не только страны.
Например, группы локализации в течение некоторого времени хотели маркировать свои тщательно подготовленные переводы как латиноамериканские испанские, а не как
Испанский любой конкретной страны. С RFC 5646 это возможно; соответствующий языковой тег — es-419 .
В языковом теге может присутствовать только один региональный вложенный тег, и он должен появляться после языкового вложенного тега и любых дополнительных тегов и тегов скрипта.Это двухбуквенный буквенный или трехзначный цифровой код. У вас может быть код языка сразу после кода региона, как и вы
используется для языковых тегов, таких как en-US .
Еще раз, вы должны использовать субтэги регионов только в том случае, если они необходимы для различения, которое вам нужно. Если вам не нужно
Подчеркните, что вы говорите об итальянском , как говорят в Италии , вы должны использовать , для итальянского, а не it-IT .В
то же самое касается любой другой возможной комбинации.
Эти примеры из реестра показывают коды для Австрии, AT , и Северной Африки, 015 :
%% Тип: регион Подтег: AT Описание: Австрия Добавлен: 2005-10-16 %% Тип: регион Подтег: 015 Описание: Северная Африка Добавлен: 2005-10-16 %%
Подтеги вариантов
Вложенные теги вариантов — это значения, используемые для обозначения диалектов или вариантов сценария, которые еще не охвачены комбинациями языка, сценария и
подтег региона.В
Вложенные теги вариантов должны появляться после вложенных тегов языка, сценария или региона, но вложенные теги сценария и региона не должны предшествовать им.
Маловероятно, что вам понадобится использовать дополнительные теги, если вы не работаете в специализированной области.
Следующие примеры могут помочь вам понять, что делают эти вложенные теги.
-
sl-nedis(диалект словенского языка Надиза) -
sl-rozaj(резианский диалект словенского) -
sl-IT-nedis(специфический вариант словенского диалекта Надиза, на котором говорят в Италии) -
de-CH-1901(вариант немецкой орфографии, датируемый реформой 1901 года, в Швейцарии)
В этом примере из реестра показан код словенского диалекта Надиза, nedis :
%% Тип: вариант Подтег: недис Описание: диалект натисоне Описание: диалект Надиза Добавлен: 2005-10-16 Префикс: sl %%
В реестре эти вложенные теги привязаны к определенному языку (и, возможно, дополнительным вложенным тегам между этим вложенным тегом и вложенным тегом основного языка) с помощью поля «Префикс».Пример nedis , показанный выше, должен
можно использовать только со словенским.
Если вам нужно выразить конкретный диалектный или скриптовый нюанс, который в настоящее время недоступен, вам следует предложить вариантный вложенный тег или вложенные теги для включения в
реестр, используя процедуру регистрации, описанную в RFC 5646.
Расширения и подтэги частного использования
Если вы чувствуете, что вам действительно нужно использовать эти подтэги, вам следует прочитать спецификацию, а не эту статью.
Вложенные теги расширений и частного использования вводятся однобуквенным тегом или «singleton». Организация может предложить синглтон для расширения. Его предполагаемое использование должно быть описано в RFC (спецификация IETF). Синглтон будет добавлен в реестр, если он успешно пройдет проверку. Синглтон x зарезервирован для частного использования. После сингла допускается несколько вложенных тегов; однако, как и все вложенные теги, каждый из них должен состоять из 8 или менее символов.
Подтеги расширений позволяют расширять языковые теги.Например, подтег и расширения был зарегистрирован Консорциумом Unicode для добавления информации о языке или поведении локали. Многие идентификаторы локали требуют дополнительных «настроек» или опций для определенных значений в пределах языка, культуры, региона или других вариантов. Это расширение предоставляет механизм для использования этих дополнительных настроек в языковых тегах для общего обмена.
Например, следующее указывает, что порядок сортировки телефонной книги должен использоваться приложением, что отсортированные данные в документе сортируются в соответствии с этим порядком сортировки и т. Д.
Расширение u- определено в RFC 6067, который указывает на Common Locale Data Repository (CLDR) Консорциума Unicode для получения подробной информации о вложенных тегах, которые следуют за ним. Это не определено BCP 47.
Подтеги частного использования не появляются в реестре подтегов, а выбираются и поддерживаются по частному соглашению между сторонами.
Поскольку эти вложенные теги имеют смысл только в рамках частных соглашений и не могут использоваться совместно через Интернет, их следует использовать с большой осторожностью и по возможности избегать.
Следующий пример вложенного тега для частного использования может идентифицировать определенный тип английского языка (США), но только внутри закрытого сообщества. Снаружи
это частное соглашение, на его значение нельзя полагаться.
Устаревшие и избыточные подтэги
Унаследованные теги — это особые случаи, предназначенные для обратной совместимости. Это вложенные теги, которые были зарегистрированы до RFC 4646, которые не могут быть полностью составлены из вложенных тегов в текущем реестре или не соответствуют синтаксису, определенному в настоящее время для языковых тегов.
Избыточные теги — это языковые теги, состоящие из последовательности вложенных тегов и зарегистрированные до RFC 4646, которые теперь могут быть сформированы путем объединения отдельных вложенных тегов из текущего реестра. Первоначальные регистрации остаются в реестре в основном «из исторического любопытства».
Многие устаревшие теги были заменены вложенными тегами или комбинациями вложенных тегов в реестре. Такие устаревшие теги теперь не рекомендуются и обычно содержат поле Preferred-Value , которое указывает, как вы должны вместо этого представлять этот язык.Например, следующий пример устаревшего тега указывает, что вы должны использовать языковой вложенный тег jbo вместо art-lojban .
%% Тип: дедушкин Метка: арт-ложбан Описание: ложбан Добавлен: 11.11.2001 Не рекомендуется: 02.09.2003 Предпочтительное значение: jbo %%
.
HTML метатег
Пример
Описывать метаданные в документе HTML:
Попробуй сам »
Дополнительные примеры «Попробуйте сами» ниже.
Определение и использование
Тег определяет метаданные о
HTML-документ. Метаданные — это данные (информация) о данных.
Теги всегда находятся внутри элемента
и обычно используются для указания набора символов, описания страницы,
ключевые слова, автор документа и настройки области просмотра.
Метаданные не будут отображаться на странице, но их можно проанализировать на компьютере.
Метаданные используются браузерами (как отображать контент или перезагружать страницу),
поисковые системы (ключевые слова) и другие веб-службы.
Существует метод, позволяющий веб-дизайнерам контролировать область просмотра.
(видимая пользователем область веб-страницы) с помощью тега (см. «Настройка
Пример «Окно просмотра» ниже).
Поддержка браузера
| Элемент | |||||
|---|---|---|---|---|---|
| <мета | Есть | Есть | Есть | Есть | Есть |
Атрибуты
| Атрибут | Значение | Описание |
|---|---|---|
| кодировка | набор символов | Задает кодировку символов для документа HTML. |
| содержание | текст | Задает значение, связанное с атрибутом http-Equiv или name. |
| http-экв | политика безопасности содержимого тип содержимого по умолчанию обновить | Предоставляет HTTP-заголовок для информации / значения атрибута содержимого |
| наименование | имя-приложения автор описание генератор ключевые слова окно просмотра | Задает имя метаданных |
Глобальные атрибуты
Тег также поддерживает глобальные атрибуты в HTML.
Другие примеры
Определите ключевые слова для поисковых систем:
Определите описание вашей веб-страницы:
Определите автора страницы:
Обновлять документ каждые 30 секунд:
Настройка области просмотра, чтобы ваш сайт выглядел хорошо на всех устройствах:
Настройка области просмотра
Область просмотра — это видимая пользователем область веб-страницы. Это зависит от устройства
— на мобильном телефоне он будет меньше, чем на экране компьютера.
Вы должны включить следующий элемент на все свои веб-страницы:
Это дает браузеру инструкции о том, как
для управления размерами и масштабированием страницы.
Часть width = device-width устанавливает ширину страницы в соответствии с шириной экрана устройства (которая будет варьироваться в зависимости от устройства).
Часть initial-scale = 1.0 устанавливает начальный уровень масштабирования при первой загрузке страницы браузером.
Вот пример веб-страницы без метатега области просмотра и той же веб-страницы с метатегом области просмотра :
Совет: Если вы просматриваете эту страницу с помощью телефона или планшета, вы можете щелкнуть две ссылки ниже, чтобы увидеть разницу.
Подробнее о вьюпорте можно прочитать в нашем «Отзывчивом веб-дизайне — Учебное пособие по вьюпорту».
Связанные страницы
Учебное пособие по HTML: заголовок HTML
Ссылка
HTML DOM:
Мета-объект
Настройки CSS по умолчанию
Нет.
.
HTML тег ссылки
Пример
Ссылка на внешнюю таблицу стилей:
Попробуй сам »
Определение и использование
Тег определяет
связь между текущим документом и внешним
ресурс.
Тег чаще всего используется для ссылки на внешние таблицы стилей.
Элемент — пустой элемент, он содержит только атрибуты.
Поддержка браузера
При использовании для таблиц стилей тег поддерживается во всех основных браузерах. Никакой реальной поддержки ни для чего другого.
| Элемент | |||||
|---|---|---|---|---|---|
| <ссылка> | Есть | Есть | Есть | Есть | Есть |
Атрибуты
| Атрибут | Значение | Описание |
|---|---|---|
| перекрестное происхождение | анонимный учетные данные | Определяет, как элемент обрабатывает запросы из разных источников. |
| href | URL | Определяет расположение связанного документа |
| hreflang | language_code | Задает язык текста в связанном документе |
| СМИ | media_query | Указывает, на каком устройстве будет отображаться связанный документ |
| ссылка на политику | no-referrer no-referrer-when-downgrade origin origin-when-cross-origin unsafe-url | Указывает, какой реферер использовать при выборке ресурса |
| отн. | альтернативный автор dns-prefetch справка значок лицензия следующие pingback предварительное подключение предварительная загрузка предварительная загрузка предварительная загрузка предыдущая поиск таблица стилей | Обязательно.Определяет связь между текущим документом и связанным документом |
| размеры | Высота x Ширина любая | Задает размер связанного ресурса. Только для rel = «icon» |
| название | Определяет предпочтительную или альтернативную таблицу стилей | |
| тип | media_type | Задает тип носителя для связанного документа |
Глобальные атрибуты
Тег также поддерживает глобальные атрибуты в HTML.
Атрибуты событий
Тег также поддерживает атрибуты событий в HTML.
Связанные страницы
Учебное пособие по HTML: стили HTML
Ссылка на HTML DOM: объект ссылки
Настройки CSS по умолчанию
Большинство браузеров отображают элемент со следующими значениями по умолчанию:
ссылка {
дисплей: нет;
}
.