Содержание

Введение в HTML (язык разметки гипертекста)

Язык разметки HTML

HTML — это язык для описания структуры веб-страниц. Страницы, созданные с его помощью, могут быть просмотрены только при помощи специальных программ (браузеров), установленных на компьютерах пользователей.

  • Аббревиатура HTML расшифровывается как Hyper Text Markup Language (язык разметки гипертекста).
  • Запомните, он не является языком программирования, это язык разметки.
  • HTML использует теги разметки, чтобы описать структуру веб-страницы.

Теги

HTML теги — это ключевые слова или символы, заключенные в угловые скобки, например <body>, <p>, <h3> и т.д. Теги бывают двух видов: парные и одиночные (их также называют пустыми). Парные теги состоят из открывающего и закрывающего тега, например: <p>текст</p>. Символ «/» после угловой скобки указывает на то, что тег закрывающий. Одиночные теги состоят только из открывающего тега, например: <br>. Теги не чувствительны к регистру, поэтому могут быть написаны как прописными, так и строчными буквами: <P> означает то же самое, что и <p>. Теги определяют, где начинается и где заканчивается, HTML-элемент.

С помощью тегов браузер распознает структуру и значение вашего текста, например, они сообщают браузеру, какая часть текста является заголовком, где начинается новый абзац, что нужно подчеркнуть и где расположить изображение (картинку). Получив эту информацию, браузер использует встроенные в него по умолчанию правила о том, как отображать каждый из этих элементов.

Примечание: в нашем HTML справочнике вы можете посмотреть стили, применяемые по умолчанию, для любого интересующего вас тега.

Без использования HTML тегов браузер выведет просто сплошной поток текста, без отступов, заголовков, абзацев и т.д. Чтобы стало понятнее, рассмотрим это подробнее на примерах.

Так выглядит страница, в которой используются теги для разметки:


<!doctype html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Летнее меню</title>
  </head>
  <body>
    <h2>Напитки в нашем кафе</h2>

    <h4>Мультифрукт - 100р.</h4>
    <p>Фруктовый напиток, содержащий апельсиновый и ананасовый соки.</p>

    <h4>Молочный коктейль - 150р.</h4>
    <p>Сливочное мороженое, перемешанное с мякотью фруктов.</p>
  </body>
</html>

То же самое, но без использования тегов:


Напитки в нашем кафе

Мультифрукт - 100р.
Фруктовый напиток, содержащий апельсиновый и ананасовый соки.

Молочный коктейль - 150р.
Сливочное мороженое, перемешанное с мякотью фруктов.

С этой темой смотрят:

HTML-разметка

<<Назад  |  Содержание  |  Далее>>

 

HTML (HyperText Markup Language) не является языком программирования, он является языком форматирования, т.е. придания внешнего вида web-странице, при ее присмотре в браузере. Для разметки документа используются теги. Теги заключаются в угловые скобки, и, за редким исключением, являются парными, т.е. существует открывающий и закрывающий тег. Например, чтобы отметить начало нового абзаца в документе ставится тег <p> (от paragraph). Тогда в конце абзаца обязательно должен ставиться закрывающий тег

</p>.

При расстановке тегов соблюдается правило: закрываются теги в порядке обратном их появлению. Например, если слово в тексте должно быть выделено жирностью (тег <b> от bold) и одновременно курсивом (тег <i> от italic), то это может быть сделано одним из следующих способов: <b><i>слово</i></b>, или <i><b>слово</b></i>.

Ниже приводится текст некоторого html-документа и результат его отображения в браузере:

 

<html>

<body bgcolor=#ffffff  text=#0000cc>

<h2>Доброе время суток, уважаемый посетитель!</h2>

<p><img src=»pic1.gif» align=»left»>Надеюсь, вы попали как раз туда, куда хотели. </p>

<p>Здесь вы найдете <a href=»verse.html»>стихи</a> , <a href=»song.html»>песни</a> и <a href=»scen.html»>сценарии</a> для организации любых праздников.

</p>

<p>А теперь специальный подарок к <font color=#ff0000><b>1 сентября</b></font></p>

<p>Он к «пятерочкам» привык — <br>

       Русский пять и пение. <br>

       Мне всегда его дневник <br>

       Портит настроение. </p>

</body>

Рис. 74. Отображение приведенной в примере html-страницы в окне браузера.

В приведенном примере использованы следующие теги:

<html> … </html> — указывает на то, что заключенный между этими тегами текст должен восприниматься как html.

<body> … </body> — тело html-документа. Параметр bgcolor (background color) задает цвет фона, text – цвет текста. Цвета задаются в шестнадцатеричной системе счисления по модели RGB. Например,

#ffffff означает, R=#ff, G=#ff, B=#ff, т.е. по максимуму каждого из трех цветов. Мы знаем, что смешение трех основных цветов в системе RGB в равных долях с максимальной интенсивностью дает чистый белый цвет.

<h2> … </h2> — заголовок первого уровня, задает определенное для данного стиля форматирование: размер шрифта, отступы до и после заголовка, выравнивание и т.п.

<p> … </p> — абзац текста.

<img src=»pic1.gif» align=»left»> — непарный тег img (от image), управляющий вставкой в гипертекстовый документ графических иллюстраций. В данном случае, вставляется графический файл с именем pic1.gif, находящийся в том же каталоге, что и данный html-документ. Если вы обратите внимание на URL-документа, отображенный на рисунке в строке “адрес”, то сможете определить, что данный документ был сохранен под именем “index.html” в папке “Мои документы” на диске C. Параметр align управляет выравниванием иллюстрации относительно текста html-страницы. В данном случае значение параметра

= “left”, задает выравнивание по левому краю и разрешает обтекание текстом.

<a href=»verse.html»> … </a> — тег вставки гиперссылки. При активации данной ссылки в окне браузера загрузится уже другой документ, который в данном случае также должен быть сохранен в той же папке и должен именоваться verse.html.

<font color=#ff0000> … </font> — выделение цветом. В данном случае цвет будет красным (R=#ff, G=#00, B=#00).

<b> … </b> — выделение жирностью.

<br> — непарный тег – принудительный разрыв строки (break) внутри текущего абзаца.

Существуют свои теги и для форматирования таблиц, и для организации списков. Освоить язык гипертекстовой разметки достаточно просто, и достаточно просто, при желании, создать и опубликовать в сети Интернет собственный web-сайт.

<<Назад  |  Содержание  |  Далее>>

Что такое HTML? Основы языка разметки гипертекста

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

HTML не является языком программирования, то есть он не имеет возможности создавать динамические функции. Вместо этого он позволяет организовывать и форматировать документы, аналогично Microsoft Word.

При работе с HTML мы используем простые структуры кода (теги и атрибуты), чтобы разметить страницу веб-сайта. Например, мы можем создать абзац, поместив прилагаемый текст в исходный тег <p> и закрывающий </p>.

<p> Вот как вы добавляете абзац в HTML. </p>
<br><p> У вас может быть более одного! </p></br>

В целом, HTML — это язык разметки, который очень прост в освоении даже для начинающих в создании сайтов. Вот что вы узнаете, прочитав эту статью.

Нужен недорогой, но надёжный хостинг для учебного или небольшого коммерческого проекта? Ознакомьтесь с тарифами общего хостинга. Скидки до 85%!

История HTML

HTML был изобретён Тимом Бернерсом-Ли, физиком из исследовательского института ЦЕРН в Швейцарии. Он придумал идею интернет-гипертекстовой системы.

Hypertext означает текст, содержащий ссылки на другие тексты, которые зрители могут получить немедленно. Он опубликовал первую версию HTML в 1991 году, состоящую из 18 тегов HTML. С тех пор каждая новая версия языка HTML появилась с разметкой новых тегов и атрибутов (модификаторов тегов).

Согласно Справочнику HTML Element Reference от Mozilla Developer Network, в настоящее время существует 140 тегов HTML, хотя некоторые из них уже устарели (не поддерживаются современными браузерами).

Из-за быстрого роста популярности HTML теперь считается официальным веб-стандартом. Спецификации HTML поддерживаются и разрабатываются консорциумом World Wide Web (W3C). Вы можете проверить последнее состояние языка в любое время на веб-сайте W3C (англ).

Самым большим обновлением языка стало внедрение HTML5 в 2014 году. Было добавлено несколько новых семантических тегов к разметке, которые показывают смысл их собственного контента, например <article>, <header> и <footer>.

Как работает HTML?

HTML-документы — это файлы, которые заканчиваются расширением .html или .htm. Вы можете просматривать его с помощью любого веб-браузера (например, Google Chrome, Safari или Mozilla Firefox). Браузер читает HTML-файл и отображает его содержимое, чтобы пользователи интернета могли его просматривать.

Обычно средний веб-сайт включает несколько разных HTML-страниц (англ). Например: домашние страницы, обычные страницы, страницы контактов будут иметь отдельные HTML-документы.

Каждая HTML-страница состоит из набора тегов (также называемых элементами), которые вы можете назвать строительными блоками веб-страниц. Они создают иерархию, которая структурирует контент по разделам, параграфам, заголовкам и другим блокам контента.

Большинство элементов HTML имеют открытие и закрытие, в которых используется синтаксис <tag> </tag>.

Ниже вы можете увидеть пример кода, с помощью которого можно структурировать элементы HTML:

<div>
    <h2> Основная рубрика </h2>
    <h3> Броский подзаголовок </h3>
    <p> Пункт 1 </p>
    <img src = "/" alt = "Изображение">
    <p> Пункт второй с гиперссылкой <a href="https://example.com"> </a> </p>
</div>
  • Самый главный элемент — это простое разделение (<div> </div>), которое вы можете использовать для разметки больших разделов контента.
  • Он содержит заголовок (<h2> </h2>), подзаголовок (<h3> </h3>), два абзаца (<p> </p>) и изображение (<img>).
  • Второй абзац содержит ссылку (<a> </a>) с атрибутом href, который содержит целевой URL.
  • Тег изображения также имеет два атрибута: src для пути изображения и alt для описания изображения.

Обзор наиболее используемых HTML-тегов

HTML-теги имеют два основных типа: блок-уровень и встроенные теги.

  1. Элементы уровня блока занимают всё свободное пространство и всегда запускают новую строку в документе. Заголовки и параграфы — отличный пример блочных тегов.
  2. Встроенные элементы занимают столько места, сколько им нужно, и не запускают новую строку на странице. Они обычно служат для форматирования внутреннего содержимого элементов уровня блока. Ссылки и подчеркнутые строки — хорошие примеры встроенных тегов.

Теги блочного уровня

Три тега уровня блока, которые каждый HTML-документ должен содержать: <html>, <head> и <body>.

  1. Тег <html> </html> — это элемент самого высокого уровня, который охватывает каждую HTML-страницу.
  2. Тег <head> </head> содержит метаинформацию, такую ​​как заголовок страницы и кодировка.
  3. Наконец, тег <body> </body> содержит всё содержимое, отображаемое на странице.
 <html>
    <head>
      <!-- META INFORMATION -->
    </head>
    <body>
      <!-- PAGE CONTENT -->
    </body>
 </html>
  • Заголовки имеют 6 уровней в HTML. Они варьируются от <h2> </h2> до <h6> </h6>, где h2 — заголовок наивысшего уровня, а h6 — самый низкий. Абзацы прилагаются <p> </p>, в то время как в блочных комментариях используется тег <blockquote> </blockquote>.
  • Разделы — это более крупные секции контента, которые обычно содержат несколько абзацев, изображений, иногда блок-записей и других меньших элементов. Мы можем пометить их, используя тег <div> </div>. Элемент div может содержать ещё один тег div внутри него.
  • Вы можете также использовать теги <ol> </ol> для упорядоченных списков и <ul> </ul> для неупорядоченных. Отдельные элементы списка должны быть заключены в тег <li> </li>. Например, вот как выглядит основной неупорядоченный список в HTML:
 <ul>
    <li>Элемент списка 1</li>
    <li>Элемент списка 2</li>
    <li>Элемент списка 3</li>
 </ul>

Встроенные теги

Для форматирования текста используются многие встроенные теги. Например, тег <strong> </strong> визуализирует выделенный элемент жирным шрифтом, тогда как теги <em> </em> отображают его курсивом.

Гиперссылки также являются встроенными элементами, для которых требуются теги <a> </a> и атрибуты href для указания адресата ссылки:

<a href="https://example.com/">Нажми сюда!</a>

Изображения также являются встроенными элементами. Вы можете добавить один с помощью <img> без закрывающего тега. Но вам также нужно будет использовать атрибут src для указания пути изображения, например:

<img src="/images/example.jpg" alt="Пример изображения">

Если вы хотите узнать больше тегов HTML, попробуйте проверить наш полный HTML-лист (англ) (который также доступен для загрузки).

Эволюция HTML. Что отличает HTML и HTML5?

Начиная с первых дней, HTML прошёл невероятную эволюцию. W3C постоянно публикует новые версии и обновления, в то время как исторические вехи также получают выделенные имена.

HTML4 (в наши дни обычно называемый «HTML») был опубликован в 1999 году, а последняя крупная версия вышла в 2014 году. HTML5 — это обновление, которое ввело множество новых функций для языка.

Одной из наиболее ожидаемых особенностей HTML5 является поддержка встраивания аудио и видео. Вместо использования Flash-плеера мы можем просто вставлять видео и аудио-файлы на наши веб-страницы с помощью новых тегов <audio> </audio> и <video> </video>. Он также включает встроенную поддержку масштабируемой векторной графики (SVG) и MathML для математических и научных формул.

HTML5 также ввёл несколько семантических улучшений. Новые семантические теги информируют браузеры о значении контента, что приносит пользу как читателям, так и поисковым системам.

Наиболее популярными семантическими тегами являются <article> </article>, <section> </section>, <aside> </aside>, <header> </header> и <footer> </footer>. Чтобы найти уникальные отличия, попробуйте проверить наше подробное сравнение HTML и HTML5.

Плюсы и минусы HTML

Как и большинство вещей, HTML имеет как сильные стороны так и слабые.

Плюсы:

  • Широко используемый язык с большим количеством ресурсов и огромным сообществом.
  • Выполняется изначально в каждом веб-браузере.
  • Поставляется с плоской кривой обучения.
  • В открытом доступе и совершенно бесплатный.
  • Чистая и последовательная разметка.
  • Официальные веб-стандарты поддерживаются консорциумом World Wide Web (W3C).
  • Легко интегрируется с базовыми языками, такими как PHP и Node.js.

Минусы:

  • В основном используется для статических веб-страниц. Для динамической функциональности вам может потребоваться использовать JavaScript или бэкэнд-язык, такой как PHP.
  • Это не позволяет пользователю реализовать логику. В результате все веб-страницы нужно создавать отдельно, даже если они используют одни и те же элементы, например. заголовки и колонтитулы.
  • Некоторые браузеры принимают новые функции медленно.
  • Иногда поведение браузера трудно предсказать (например, старые браузеры не всегда создают новые теги).

Как связаны HTML, CSS и JavaScript?

Хотя HTML является мощным языком, недостаточно создать профессиональный и полностью отзывчивый веб-сайт. Мы можем использовать его только для добавления текстовых элементов и создания структуры содержимого.

Однако HTML отлично работает с двумя другими интерфейсами: CSS (каскадные таблицы стилей) и JavaScript. Вместе они могут обеспечить богатый пользовательский интерфейс и реализовать расширенные функции.

  • CSS отвечает за стили, такие как фон, цвета, макеты, интервал и анимация.
  • JavaScript позволяет добавлять динамические функции, такие как ползунки, всплывающие окна и фотогалереи.

Подумайте об HTML как о человеке, тогда CSS будет его одеждой а JavaScript — движениями и манерами.

Итак … Что такое HTML?

HTML является основным языком разметки в интернете. Он запускается изначально в каждом браузере и поддерживается консорциумом World Wide Web.

Вы можете использовать его для создания структуры контента веб-сайтов и веб-приложений. Это самый низкий уровень технологий frontend, который служит основой для стилизации, которую вы можете добавить с помощью CSS и функциональности, которую вы можете реализовать с помощью JavaScript.

Анна долгое время работала в сфере социальных сетей и меседжеров, но сейчас активно увлеклась созданием и сопровождением сайтов. Она любит узнавать что-то новое и постоянно находится в поиске новинок и обновлений, чтобы делиться ими с миром. Ещё Анна увлекается изучением иностранных языков. Сейчас её увлёк язык программирования!

Значение, Определение, Предложения . Что такое html разметка

Другие результаты
Моментальная статья — это HTML-документ, в котором используется стандартная разметка.
Объекты бывают двух видов: резидентные (представлены разметкой HTML на веб-странице) или созданные с помощью API Object.
Использование неизолированного HTML упрощает чтение разметки.
Да, вообще-то я говорю о HTML, языке разметки.
В марте 1996 года компания Macromedia приобрела программное обеспечение iBand, производители закулисье создания HTML-разметки инструмент и сервер приложений.
Пользовательское приложение, часто веб-браузер, выводит содержимое страницы в соответствии с его инструкциями по разметке HTML на дисплей терминала.
Он / она изучает базовый HTML и продвинутую разметку wiki.
Пациент изучает продвинутый HTML и мастерскую разметку wiki.
Разметка HTML для таблиц изначально предназначалась для отображения табличных данных.
Поэтому CSV редко подходит для документов, созданных с использованием HTML, XML или других технологий разметки или обработки текстов.
Веб-страницы написаны на гипертекстовом языке разметки HTML.
Многие языки разметки, такие как HTML, MXML, XAML, XSLT или другие языки разметки пользовательского интерфейса, часто являются декларативными.
Редактор HTML — это программа для редактирования HTML, разметки веб-страницы.
Хотя разметкой HTML на веб-странице можно управлять с помощью любого текстового редактора, специализированные HTML-редакторы могут предложить удобство и дополнительную функциональность.
Просто поставьте явный HTML … вокруг элементов списка wiki-разметки.
Большинство Вики-программ использует специальный синтаксис, известный как разметка Вики, для форматирования текста пользователями, вместо того чтобы требовать от них ввода в HTML.
Пользовательское приложение, часто веб-браузер, выводит содержимое страницы в соответствии с его инструкциями по разметке HTML на дисплей терминала.
Он / она изучает базовый HTML и продвинутую разметку wiki.
Пациент изучает продвинутый HTML и мастерскую разметку wiki.
MediaWiki выводит математические уравнения, используя комбинацию HTML-разметки и вариант LaTeX.
Тем более что сейчас мы пытаемся использовать вики-разметку вместо HTML, так что даже опытные веб-пользователи могут легко запутаться.
Для предотвращения ошибок большинство крупных публикаций setext создаются с использованием языка разметки, такого как HTML или SGML, а затем преобразуются.
Язык разметки MediaWiki поддерживает множество HTML-тегов, в том числе и такие.
Оригинальный дизайн языка HTML включал презентационную разметку, такую как тег.
Однако этот тип тегов презентационной разметки был признан устаревшим в текущих рекомендациях HTML и XHTML и является незаконным в HTML5.
Затем серверное программное обеспечение преобразует входные данные в общий язык разметки документа, например HTML.
Языки веб-разметки, такие как XML и HTML, специально обрабатывают пробелы, включая пробелы, для удобства программистов.
Альтернативой является использование явного HTML,, и разметки.
Что такое визуальный плавающий объект в языках разметки, например HTML?
В отличие от разметки wiki, nowiki не удаляет значения символьных сущностей, будь то HTML или специальные символы MediaWiki.

Способ разметки — CSS | MDN

CSS способ разметки (или раскладки, или англ. layout) — это алгоритм определения позиции и размеров блоков, основанный на способе, которым они взаимодействуют с родственными блоками. Существует несколько типов разметки:

  • Обычная (Normal Flow) — все элементы являются частью обычного потока до тех пор, пока вы не переопределите это каким-либо образом. Обычный layout включает в себя блочную раскладку, созданную для расположения отдельных блоков, таких как параграфы, и линейную, для строчных элементов;
  • Табличная, спроектированная для расположения таблиц;
  • Float layout — для возможности обозначить элементы плавающими. Такой элемент начинает позиционироваться слева или справа относительно содержимого обычного потока, элементы которого начинают обтекать него;
  • Позиционированная — для позиционирования элементов без особого взаимодействия с другими элементами;
  • Множественные столбцы — для расположения контента колонками, как в газетах;
  • Флексбокс (CSS Flexible Box Layout) — для расположения сложных страниц, которые плавно могут изменять свой размер; 
  • Сеточная — для расположения элементов относительно фиксированной сетки.

Примечание: не все CSS-свойства применимы ко всем способам разметки. Большинство из них применяются к одному или двум из них и не действуют, если применяются на элементе, участвующем в другом режиме разметки.

  • Ключевые концепции CSS: Синтаксис CSS, @-правила, комментарии, специфичность и наследование, блочная модель, режимы компоновки и модели визуального форматирования, схлопывание отступов (en-US), начальные, вычисленные, решённые, указанные, используемые и действительные значения. Синтаксис определения значений (en-US), сокращённые свойства и замещаемые элементы.

Язык гипертекстовой разметки HTML — это… Что такое Язык гипертекстовой разметки HTML?

Язык гипертекстовой разметки HTML
Язык гипертекстовой разметки HTML
Язык гипертекстовой разметки HTML — язык разметки исходного текста веб-документа, включающий специальные символы (теги), которые позволяют веб-браузеру сконструировать из текста дизайн.
HTML предоставляет возможности форматирования и обработки форм, управления шрифтами, отображения информации в табличном виде, гипертекстовые связи и поддержку Java-апплетов.

По-английски: HyperText Markup Language

Синонимы английские:  HTML

Финансовый словарь Финам.

.

  • Язык высокого уровня
  • Язык гипертекстовой разметки WML

Смотреть что такое «Язык гипертекстовой разметки HTML» в других словарях:

  • Язык гипертекстовой разметки WML — язык, предназначенный для отображения информации на маленьком экране мобильного телефона в соответствии с протоколом WAP. Для разработки приложений WML позволяет использовать языки XML и HTML. По английски: Wireless markup language Синонимы… …   Финансовый словарь

  • ЯЗЫК ГИПЕРТЕКСТОВОЙ РАЗМЕТКИ — См. HTML Словарь бизнес терминов. Академик.ру. 2001 …   Словарь бизнес-терминов

  • язык гипертекстовой разметки документов — Используется для создания Web страниц. [Домарев В.В. Безопасность информационных технологий. Системный подход.] Тематики защита информации EN HTML …   Справочник технического переводчика

  • HTML — (англ. сокр. HyperText Markup Language язык гипертекстовой разметки) На этом языке браузеру сообщается, какой именно текст и другие элементы (картинки, таблицы, формы) и каким образом нужно отображать на странице. На языке HTML не программируют,… …   Словарь бизнес-терминов

  • HTML — Язык гипертекстовой разметки …   Краткий толковый словарь по полиграфии

  • Кодировки символов в HTML —     HTML HTML и HTML5 Динамически …   Википедия

  • Элементы HTML — Эта статья или раздел нуждается в переработке. Пожалуйста, улучшите статью в соответствии с правилами написания статей. Эта статья посвящена в основном элемен …   Википедия

  • Сайт — Главная страница сайта Wikipedia.org Сайт (от англ. website …   Википедия

  • Веб-сайт — Запрос «сайт» перенаправляется сюда; см. также другие значения. Веб сайт (от англ. website: web  «паутина», «сеть» и site  «место», букв. «место в сети») или просто сайт  в компьютерной сети объединённая под одним адресом (доменным …   Википедия

  • Object Linking and Embedding — OLE (англ. Object Linking and Embedding, произносится как oh lay [олэй]) технология связывания и внедрения объектов в другие документы и объекты, разработанная корпорацией Майкрософт. В 1996 году Microsoft переименовала технологию в ActiveX …   Википедия

Краткий курс HTML 5. Разметка веб-страницы — Exlab

11. Разметка веб-страницы

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

HTML 4 и более ранние версии языка применялись в первую очередь для визуального оформления документа. Для создания каркаса страницы было достаточно всего двух тегов: блочного <div> и строчного <span>, которые сами по себе не влияют на отображение текста (кроме стандартных «блочных» свойств <div>), но позволяют использовать глобальные атрибуты class и id. А уже с их помощью задать стили отображения в CSS — не проблема. Тем более, что многие теги стандарта HTML 4 поддерживали целый набор атрибутов для визуального оформления.

Вместе с появлением HTML 5 изменилась сама идеология составления документа. Большинство атрибутов визуального оформления теперь не поддерживаются, а теги предназначены только для логической разметки, что привело к необходимости разнообразить список элементов и обновить их значение.

Но сначала следует упомянуть, что теги <div> и <span> по-прежнему поддерживаются и могут быть применены в целях стилевого оформления или для удобства скриптования, когда лексическая разметка не имеет значения. Кроме того, поддерживается и знакомый многим тег <style>, позволяющий определять стили CSS непосредственно в документе. Как и прежде, элемент <style> располагается внутри <head> и содержит в себе прямые инструкции на языке CSS. Он поддерживает атрибуты type и media, описанные ранее в главе «Ссылки», с той лишь разницей, что здесь type может принимать только значение text/css. В HTML 5 добавлен еще и атрибут scoped="scoped". Элемент <style> с таким атрибутом может располагаться в любом месте документа, а находящиеся в нем инструкции CSS будут распространяться только на элемент-родитель, в котором находится этот <style>, и вложенные в него дочерние элементы.

<style type="text/css" media="screen" scoped="scoped">
   .status{color:red}
   #download{font-weight:bold;}
</style>
<div>Cкачивание файла: <span>завершено</span></div>

Для разметки веб-страницы HTML 5 предлагает несколько тегов с различным лексическим значением. В них можно помещать главы, колонтитулы и прочие структурные единицы.

Верхний и нижний колонтитулы обозначаются тегами <header> и <footer> соответственно. Верхний (шапка) может содержать заголовок, вводную информацию о документе, навигационные ссылки (см. элемент <nav> ниже), форму поиска, логотип и т п. Аналогичным образом нижний колонтитул включает информацию, размещаемую в конце документа. Например, данные об авторе, дату составления и прочее. Если вы хотите добавить контактную информацию, то не забудьте поместить ее в элемент <address>.

Элемент <section> предназначен для тематического группирования содержимого. С его помощью можно обозначать главы, вкладки диалоговых окон и т. п. Документ, например, может быть разделен на введение, параграфы и контактную информацию. Вообще говоря, рекомендуется применять этот тег для тех частей документа, которые целесообразно обозначать и в его содержании. В случаях, когда содержимое <section> заимствовано, можно указать URL источника в атрибуте cite.

Часто, если информация была заимствована из внешних источников или предполагается ее распространение вовне, то имеет смысл помещать ее в элемент <article>. Это может быть запись на форуме, статья газеты или блога, комментарий пользователя, виджет или любая другая независимая единица содержимого, которая каким-либо образом может быть использована отдельно от всего документа. Как и <section>, этот элемент поддерживает атрибут cite для указания источника. Кроме того, можно обозначить дату публикации содержимого в атрибуте pubdate. Некоторые элементы <article> могут располагаться внутри других <article>, что обычно означает непосредственную связь между ними. Например, так можно обозначать комментарии пользователей (дочерние элементы) к статье (<article>-родитель).

Кстати, <header> и <footer> могут быть использованы не только в качестве колонтитулов документа, но и выполнять аналогичную роль для отдельных его разделов, если это необходимо.

Части документа, содержащие навигационные ссылки помещаются в элемент <nav>. Это могут быть блоки со ссылками «назад»–«вперед», выбором страницы и тому подобное.

<article pubdate="2010-03-04">
   <header>
      <h2>Разметка веб-страницы</h2>
      <p>Вместе с появлением HTML 5 изменилась идеология…</p>
   </header>
   <section cite="http://www.exlab.net/html/markup.html">
      <p>…</p>
      <p>…</p>
   </section>
   <nav>
      <a href="previous.html">Назад</a>
      <a href="index.html">Содержание</a>
      <a href="next.html">Вперед</a>
   </nav>
   <footer>2010 © www.exlab.net</footer>
</article>

Обратите внимание на заголовок документа, который вы сейчас читаете. Он состоит из названия курса (более крупным шрифтом) и главы (более мелким). Для подобного группирования тегов <h2><h6>, являющихся частями одного заголовка, предназначен тег <hgroup>.

<hgroup>
   <h2>Краткий курс HTML 5</h2>
   <h3>Разметка веб-страницы</h3>
</hgroup>

Еще одним группирующим элементом является <figure>. Обычно в него помещается самодостаточная информация, отсутствие или перенос которой в другое место не исказит смысл документа. Чаще всего это иллюстрации, диаграммы, фотографии с кратким комментарием или без него. Такой информационный блок можно озаглавить с помощью тега <figcaption>, который должен располагаться внутри <figure> в качестве первого или последнего дочернего элемента.

<figure>
   <img src="collider.gif" alt="Синхрофазотрон" />
   <figcaption>
      <h5>Синхрофазотрон</h5>
      <p>На схеме 1 изображен принцип действия…</p>
   </figcaption>
</figure>

Элемент <aside> представляет собой часть документа с информацией, также связанной с близлежащим содержимым, однако способной восприниматься отдельно от него. В печатной типографии такая информация обычно помещается в отдельной колонке или выделяется рамкой. На сайте тегом <aside> можно обозначить, например, боковые колонки веб-страницы (т. н. sidebar).

<p>Вчера мы были в Лувре.</p>
<aside>
   <h5>Лувр</h5>
   <p>Лувр — один из крупнейших художественных музеев мира.</p>
</aside>

Еще одним элементом, предназначенным для пояснительной информации является <details>. В отличие от предыдущих, он интерактивен и способен скрывать и отображать содержимое (т. н. spoiler). По умолчанию он «закрыт», но указав элементу атрибут open="open", можно заставить его «раскрыться». Заголовок блока задается в элементе <summary>, который размещается сразу за открывающим тегом <details>. При отсутствии <summary>, заголовок устанавливается по усмотрению браузера.

<details open="open">
   <summary>HTML 5</summary>
   В этом курсе есть все, что нужно знать об HTML.
</details>

Большинство приведенных выше тегов на момент создания курса не поддерживаются браузерами в полной мере. Прежде чем использовать их, рекомендуем ознакомиться с главой «Обратная совместимость».

Что означает язык разметки в HTML

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

Каждая веб-страница сегодня в Интернете является хорошим примером языка разметки. HTML — популярный язык для создания веб-страниц или веб-сайтов. Вы также можете изучить HTML из начальной части введения HTML.

Что означает язык разметки

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

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

Это простой текст внутри тега абзаца.

Это простой текст внутри тега абзаца.

Выход

Это простой текст внутри тега абзаца.

В приведенном выше примере показана текстовая информация внутри открывающего тега (

) и закрывающего тега (

). Тег абзаца содержит знак меньше (<) и больше (>) для создания элемента тега языка разметки.

Список языков разметки

Существует множество языков разметки, которые разработчики используют для создания информации на веб-странице. Проверьте ниже языки разметки с их примерами.

HTML (язык гипертекстовой разметки) : HTML является наиболее популярным языком для создания веб-страниц в Интернете. Если вы думаете о веб-странице, HTML определенно зацепит вас.

Вы можете создавать простую информацию в Интернете с помощью HTML. Добавьте изображения, используя язык и тег изображения HTML, и разместите URL-адрес изображений. Легко создавайте таблицы, списки, коды на веб-странице с помощью HTML.

В дополнение ко всему этому, вы также можете добавить формы для получения данных ввода пользователя . Существует множество элементов формы HTML, которые вы можете использовать для создания полезной формы, пример которой приведен ниже.

См. живую демонстрацию HTML-формы и загрузите скрипт ниже , чтобы использовать полный код.


[идентификатор popup_anything = ”26606″]

XML (расширяемый язык разметки) : XML используется сегодня многими разработчиками для создания самоописательных документов .Теги в XML не определены заранее, и эти теги созданы автором. Вы можете создать тег с любым именем, как вы хотите. Нет никаких оснований иметь ограниченное количество тегов.

<обсуждение> Что такое полная форма HTML Полная форма HTML — это язык гипертекстовой разметки

  <обсуждение>

     Что такое полная форма HTML

     Полная форма HTML Язык разметки гипертекста

  

Приведенный выше формат можно использовать для создания любого типа информации с помощью XML. Опишите сравнительные данные для любых продуктов, которые вы хотите продавать, используя язык XML.

Разница между разметкой и языком программирования

Различия между языком разметки и языком программирования приведены ниже.

Язык разметки может быть создан с использованием элементов тегов пока в тегах программирования нет таких тегов. Язык программирования содержит команды для создания процедур.

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

Разработчики могут использовать язык разметки для представления данных без выполнения каких-либо действий. В то время как язык программирования требует некоторых действий для выполнения задачи.

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

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

ссылки

Похожие сообщения

Примеры разметки HTML — Простое руководство по HTML

Ниже приведены некоторые примеры часто используемых фрагментов кода, продемонстрированные рядом с их HTML-тегами.

Секции Разделы    
Пункт
  

Некоторый текст

Некоторый текст

Разрыв строки
  

Неправильный текст

Некоторые сломанные
текст

Горизонтальная линейка
  Выше <час> Ниже  
выше
ниже
Форматирование текста    
Основной заголовок
   

Заголовок 1

Подзаголовок
   
Заголовок 5
Рубрика 5
Жирный
   Жирный текст   
Жирный текст
Курсив
   Курсив   
Курсив
Цветной текст
  <р>
 Текст красного цвета 

Текст красного цвета

Изменить шрифт
  <р>
 Текст с засечками

Текст с засечками

Цитируемый текст
   Текст в кавычках   
Цитируемый текст
Списки    
Заказной список
  <ол>
  • Элемент 1
  • Элемент 2
  • Элемент 3.
    1. Элемент списка 1
    2. Элемент списка 2
    3. Элемент списка 3
    Ненумерованный список
      <ул>
    
  • Элемент 1
  • Элемент 2
  • Элемент 3.
    • Элемент списка 1
    • Элемент списка 2
    • Элемент списка 3

    Что такое HTML?

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

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

    HTML считается одним из трех основных инструментов при создании веб-страниц: HTML обеспечивает структуру или способ отображения текста, изображений и т. д. на веб-сайте.CSS (каскадные таблицы стилей) устанавливает визуальные свойства этих элементов, такие как цвета, формат и макет. Между тем, Javascript заставляет эти элементы вести себя определенным образом в зависимости от действий пользователя. Например, размер шрифта текста может увеличиваться, когда пользователи наводят указатель мыши или нажимают кнопку на странице.

    Чтобы написать HTML , вам понадобится текстовый редактор, например Блокнот, Brackets или Atom. Редакторы HTML гарантируют чистоту и функциональность вашего кода. Они помогают уменьшить количество ошибок за счет автоматической вставки тегов (автозаполнение) и других общих элементов или путем отладки.


    Для чего используется HTML?

    HTML является языком по умолчанию для веб-сайтов и веб-документов. Это помогает браузеру понять структуру и стиль документа или файлов для просмотра через Интернет. Он позволяет размещать на ваших веб-страницах аудио, видео, электронные таблицы и другие приложения. Это также облегчает навигацию по веб-страницам или между веб-сайтами с помощью гипертекста.

    Кроме того, создатели веб-сайтов могут использовать HTML для разработки форм для заказа товаров, бронирования или поиска информации.Таким образом, HTML является основным строительным блоком для создания вашего бренда и запуска сайта электронной коммерции или онлайн-бизнеса на основе подписки.


    Из чего состоит документ HTML?

    Основными компонентами документа HTML являются теги и элементы. Они сообщают вашему браузеру, как отображать ваш контент. Теги начинаются и заканчиваются угловыми скобками или знаками «меньше» и «больше». Буквы между ними называются содержимым элемента.

    Следующие элементы составляют основную структуру HTML-страницы (в порядке их появления):

    • Декларация типа документа (DTD)

    появляется в начале или в самом верху документа HTML.Он сообщает браузеру, какая версия HTML использовалась для создания страницы.

    , написанный под DTD, действует как «основной контейнер», содержащий все остальные элементы. Он может указать язык документа HTML. Например, означает, что страница написана на американском английском.

    , который вы найдете между и , содержит метаданные, описывающие информацию о странице. В том числе: 

    • </b> или общая тема веб-страницы.Он отделен от тега заголовка, который появляется в теле, но должен совпадать с ним. </li> <li> <b> <style> </b> определяет, как элементы должны отображаться в браузере. Это включает в себя цвет заголовка, выравнивание текста, цвет фона тела и так далее. </li> <li> <b> <ссылка> </b> указывает ресурсы (например, другую веб-страницу или внешнюю таблицу стилей), связанные с HTML-страницей. </li> <li> <b> <meta> </b> содержит ключевые слова, автора и описание страницы.</li> <li> <b> <base> </b> относится к URL-адресу по умолчанию. </li> </ul> <p> <body> — это основная часть документа, содержащая информацию, которую браузер отображает на экране. Он может включать следующее: </p> <ul> <li> Заголовок <b> </b> содержит заголовок сайта, логотип, основную навигацию и панель поиска. </li> <li> Основное содержание <b> </b> охватывает название или заголовок статьи, содержание статьи, дату публикации, автора и т. д. </li> <li> Боковые панели <b> </b> отображают виджеты и вторичную навигацию, например архивы по категориям или датам.</li> <li> Нижний колонтитул <b> </b> предлагает контактную информацию, социальные ссылки, авторские права и третичную навигацию. </li> </ul> <hr/> <h3> </h3><b> Как работает HTML? </b> </h3> <p> Автор веб-сайта вводит HTML-документ, сохраненный с расширением .html или .htm (имя файла.html или имя файла.htm). Затем этот файл загружается во всемирную паутину, чтобы показать, как он выглядит в Интернете. </p> <p> Чтобы открыть HTML-файл со своего ПК, перейдите в проводник, щелкните файл правой кнопкой мыши (или дважды щелкните его, если вы используете Mac) и выберите «Открыть с помощью» в меню, чтобы запустить его в предпочитаемом вами браузере.Google Chrome, Mozilla Firefox, Safari и другие браузеры могут распознавать и читать этот формат. Вы также можете запустить браузер, нажать Ctrl+O, чтобы открыть меню «Открыть», и дважды щелкнуть свой html-файл. </p> <p> Браузеры используют элементы HTML для интерпретации содержимого страницы и правильного отображения его на экране в аккуратном и отформатированном виде. </p> <p> <iframe frameborder="0" allowfullscreen="allowfullscreen" data-src="https://www.youtube.com/embed/u0OeZfIfBRI"/> </iframe> </p> <h2><span class="ez-toc-section" id="i-7"> Что такое языки разметки? — Веб-дизайн </span></h2> <p> Когда вы начнете изучать мир веб-дизайна, вы, несомненно, познакомитесь с рядом новых для вас слов и фраз.Один из терминов, который вы, вероятно, услышите, – это "разметка" или, возможно, "язык разметки". Чем «разметка» отличается от «кода» и почему некоторые веб-профессионалы используют эти термины как синонимы? Давайте начнем с того, что посмотрим, что такое «язык разметки». </p> <p> Этот пример представляет собой абзац HTML. Он состоит из открывающего тега ( </p> <p> ), закрывающий тег ( </p> <p> ) и фактический текст, который будет отображаться на экране (это текст, заключенный между двумя тегами).Каждый тег включает символы «меньше» и «больше», чтобы обозначить его как часть разметки. При форматировании текста для отображения на экране компьютера или другого устройства необходимо различать сам текст и инструкции по его использованию. текст. «Разметка» — это инструкции для отображения или печати текста. </p> <p> Разметка не обязательно должна быть машиночитаемой. Аннотации, сделанные в печати или в книге, также считаются разметкой. Например, многие ученики в школе выделяют определенные фразы в своих учебниках.Это указывает на то, что выделенный текст более важен, чем окружающий текст. Цвет выделения считается разметкой. </p> <p> Разметка становится языком, когда систематизированы правила написания и использования этой разметки. Тот же самый студент мог бы иметь свой собственный «язык разметки для заметок», если бы он кодифицировал правила, такие как «фиолетовый маркер для определений, желтый маркер для деталей экзамена, а карандашные пометки на полях для дополнительных ресурсов». </p> <p> Большинство языков разметки определены внешним авторитетом для использования многими разными людьми.Так работают языки разметки для Интернета. Они определяются консорциумом W3C или World Wide Web. </p> <h3><span class="ez-toc-section" id="_3"> Давайте посмотрим на 3 языка разметки </span></h3> <p> Почти каждая аббревиатура в Интернете, в которой есть «ML», является «языком разметки» (большой сюрприз, именно это и означает «ML»). Языки разметки — это строительные блоки, используемые для создания веб-страниц любых форм и размеров. </p> <p> На самом деле в мире существует множество различных языков разметки. Для веб-дизайна и разработки есть три конкретных языка разметки, с которыми вы, вероятно, столкнетесь.Это HTML, XML и XHTML. </p> <h3><span class="ez-toc-section" id="i-8"> Что такое язык разметки? </span></h3> <p> Чтобы правильно определить этот термин, язык разметки — это язык, который аннотирует текст, чтобы компьютер мог манипулировать этим текстом. Большинство языков разметки удобочитаемы, потому что аннотации написаны таким образом, чтобы их можно было отличить от самого текста. Например, в HTML, XML и XHTML теги разметки </p> <pre data-type="code"> < </pre> тип данных = "код"> <p> а также </p> <pre data-type="code"> > </pre> тип данных = "код"> <p> Любой текст, который появляется внутри одного из этих символов, считается частью языка разметки, а не частью аннотированного текста.Например: </p> <h3><span class="ez-toc-section" id="HTML-2"> HTML — язык разметки гипертекста </span></h3> <p> HTML или язык гипертекстовой разметки является основным языком Интернета и наиболее распространенным языком, с которым вы будете работать как веб-дизайнер/разработчик. Фактически, это может быть единственный язык разметки, который вы используете в своей работе. </p> <p> Все веб-страницы написаны в стиле HTML. HTML определяет способ отображения изображений, мультимедиа и текста в веб-браузерах. Этот язык включает в себя элементы для соединения ваших документов (гипертекст) и создания интерактивных веб-документов (например, с формами).Многие люди называют HTML «кодом веб-сайта», но на самом деле это всего лишь язык разметки. Ни один из терминов не является строго неправильным, и вы наверняка услышите, как люди, в том числе веб-профессионалы, используют эти два термина как синонимы. </p> <p> HTML — это определенный стандартный язык разметки. Он основан на SGML (стандартный обобщенный язык разметки). Это язык, который использует теги для определения структуры вашего текста. Элементы и теги определяются символами < и >. </p> <p> Хотя HTML на сегодняшний день является самым популярным языком разметки, используемым в Интернете, это не единственный выбор для веб-разработки.По мере развития HTML он становился все более и более сложным, а теги стиля и контента объединялись в один язык. В конце концов, W3C решил, что необходимо разделить стиль веб-страницы и содержание. Тег, определяющий только содержимое, останется в HTML, а теги, определяющие стиль, устарели в пользу CSS (каскадных таблиц стилей). </p> <p> Самая новая пронумерованная версия HTML — HTML5. В этой версии в HTML добавлено больше функций, а также убраны некоторые ограничения, налагаемые XHTML (подробнее об этом языке чуть позже). </p> <p> Способ выпуска HTML изменился с появлением HTML5. Сегодня новые функции и изменения добавляются без необходимости выпуска новой пронумерованной версии. Последняя версия языка называется просто «HTML». </p> <h3><span class="ez-toc-section" id="XML"> XML — расширяемый язык разметки </span></h3> <p> Расширяемый язык разметки — это язык, на котором основана другая версия HTML. Как и HTML, XML также основан на SGML. Он менее строг, чем SGML, и более строг, чем обычный HTML.XML обеспечивает расширяемость для создания различных языков. </p> <p> XML — это язык для написания языков разметки. Например, если вы работаете над генеалогией, вы можете создать теги с помощью XML для определения отца, матери, дочери и сына в своем XML, например:  . Есть также несколько стандартизированных языков, уже созданных с помощью XML: MathML для определения математики, SMIL для работы с мультимедиа, XHTML и многие другие. </p> <h3><span class="ez-toc-section" id="XHTML"> XHTML — расширенный язык гипертекстовой разметки </span></h3> <p> XHTML 1.0 — это HTML 4.0, переопределенный для соответствия стандарту XML. XHTML был заменен в современном веб-дизайне HTML5 и изменениями, которые произошли с тех пор. Маловероятно, что вы найдете новые сайты, использующие XHTML, но если вы работаете с более старым сайтом, вы все равно можете столкнуться с XHTML. </p> <p> Между HTML и XHTML не так много существенных различий, но вот что вы заметите: </p> <ul> <li> XHTML пишется строчными буквами. В то время как теги HTML могут быть написаны в ВЕРХНЕМ регистре, регистре MiXeD или нижнем регистре, чтобы быть правильными, теги XHTML должны быть все в нижнем регистре.(многие веб-профессионалы пишут HTML строчными буквами, хотя технически это не требуется). <ul> <li> Все элементы XHTML должны иметь закрывающий тег. Элементы только с одним тегом, например и, нуждаются в закрывающей косой черте (/) в конце тега: <pre data-type="code"> <em/> </pre> <em/> <em/> </li> </ul> </li> <li> Все атрибуты должны быть заключены в кавычки в XHTML. Некоторые люди удаляют кавычки вокруг атрибутов, чтобы сэкономить место, но они необходимы для корректного XHTML. </li> <li> XHTML требует, чтобы теги были правильно вложены.Если вы открываете элемент, выделенный жирным шрифтом (<b>), а затем элемент, выделенный курсивом (<i>), вы должны закрыть элемент, выделенный курсивом (</i>), прежде чем закрыть элемент, выделенный жирным шрифтом (</b>). (Обратите внимание, что оба эти элемента устарели, потому что они являются визуальными элементами. HTML теперь использует <strong> и <em> вместо этих двух). </em> </strong> </li> <li> <em> <strong/> </em> <strong> <em/> </strong> </li> <li> <em> <strong/> </em> </li> <li> <strong> <em/> </strong> </li> <li> <em> <strong/> </em> </li> <li> <strong> <em/> </strong> </li> <li> <em> <strong/> </em> </li> <li> <strong> <em/> </strong> </li> <li> <em> <strong/> </em> </li> <li> <strong> <em/> </strong> </li> <li> <em> <strong/> </em> </li> <li> <strong> <em/> </strong> </li> <li> <em> <strong/> </em> </li> <li> <strong> <em/> </strong> </li> <li> <em> <strong/> </em> </li> <li> <strong> <em/> </strong> </li> <li> <em> <strong/> </em> </li> <li> <strong> <em/> </strong> </li> <em> <strong> <li> Атрибуты HTML должны иметь имя и значение.Атрибуты, которые являются автономными в HTML, также должны быть объявлены со значениями, например, атрибут HR будет записан как noshade="noshade". </li> </strong> </em> <strong/> <li> <em/> </li> <li> <strong/> </li> <li> <em/> </li> <li> <strong/> </li> <li> <em/> </li> <li> <strong/> </li> <li> <em/> </li> <li> <strong/> </li> <li> <em/> </li> <li> <strong/> </li> <li> <em/> </li> <li> <strong/> </li> <li> <em/> </li> <li> <strong/> </li> <li> <em/> </li> <li> <strong/> </li> </ul> <em> <strong/> </em> <h2><span class="ez-toc-section" id="HTML_HTML"> HTML: язык разметки (справочник по языку HTML) </span></h2> <h3><span class="ez-toc-section" id="1"> 1.Введение # Т </span></h3> <p> Этот документ не является нормативным справочником, который обеспечивает детали в помощь производители HTML-контента Создайте соответствующие документы, и помочь другим проверить соответствие существующих документов. Он имеет следующие цели дизайна: </p> <ul> <li> для описания синтаксиса и структуры язык HTML </li> <li> для описания семантики HTML-элементы и их атрибуты (то есть, чтобы описать, какие элементы и атрибуты представляют) </li> <li> быть ясным и недвусмысленным </li> <li> быть максимально лаконичным и читаемым </li> </ul> <p> Первые две из указанных выше целей проектирования делают эту ссылку аналогичный по объему [HTML5 для веб-авторов] подмножество нормативных [HTML5] полная спецификация.</p> <p> Определенные цели намеренно выходят за рамки этого справочный документ; в частности, это: </p> <ul> <li> не содержит описания реализации критерии соответствия для потребители HTML; в частности, он не пытается объяснить, как веб-браузеры и другие пользовательские агенты предназначены для обработки документов </li> <li> не предоставляет подробной информации об API, связанных с обработка содержимого HTML с помощью Потребители HTML. </li> </ul> <p> Для реализации критериев соответствия для HTML-потребители и подробную информацию о связанных API, вместо этого см. [HTML5] полная спецификация.</p> <p> Наконец, поскольку этот документ предназначен для использования строго в качестве ссылки, он не пытается также быть учебным пособием или авторское руководство «как сделать». </p> <h3><span class="ez-toc-section" id="2"> 2. Терминология # Т </span></h3> <p> Ниже приведен список терминов, которые используются в других разделы этой справки. </p> <dl> <dt> <dfn title="context" role="button" tabindex="0" aria-haspopup="true"> контекст просмотра </dfn> </dt> <dd> Среда, в которой UA представляют документы пользователям. Вкладка или окно веб-браузера обычно содержит контекст просмотра, как и iframe, или Рамка элементы в набор фреймов.</dd> <dt> <dfn title="case-insensitive" role="button" tabindex="0" aria-haspopup="true"> совпадение без учета регистра </dfn> </dt> <dd> Точное сравнение двух строк, кодовая точка для кодовая точка, за исключением того, что символы в диапазоне <code title="U+0041 LATIN CAPITAL LETTER A–U+005A LATIN CAPITAL LETTER Z"> А-Я </code> и соответствующие символы в диапазоне <code title="U+0061 LATIN SMALL LETTER A–U+007A LATIN SMALL LETTER Z"> а-я </code> также считаются совпадающими. </dd> <dt> <dfn role="button" tabindex="0" aria-haspopup="true"> DOM-дерево </dfn> </dt> <dd> Представление документа на основе объекта документа W3C Модель (DOM), как определено в [ДОМ4] Технические характеристики.UA создают представления документов, анализируя их и построение из них DOM-деревьев. </dd> <dt> <dfn title="flow-content" role="button" tabindex="0" aria-haspopup="true"> проточное содержимое </dfn> </dt> <dd> Содержание потока состоит из элементы потока смешанный с обычные данные персонажей. </dd> <dt> <dfn title="html-producer" role="button" tabindex="0" aria-haspopup="true"> Производители HTML </dfn> </dt> <dd> HTML-авторов (то есть людей) и приложений (например, редакторы и системы управления контентом) которые создают HTML-контент.</dd> <dt> <dfn title="html-consumer" role="button" tabindex="0" aria-haspopup="true"> Потребители HTML </dfn> </dt> <dd> пользовательских агентов HTML; то есть приложения (например, веб-браузеры), которые используют HTML-контент. </dd> <dt> <dfn title="must-requirement" role="button" tabindex="0" aria-haspopup="true"> обязательно </dfn> </dt> <dd> Слово <i> must </i> используется в этой ссылке для обозначения требования к документам, которые являются нормативными определено в HTML5: Словарь и связанные API для HTML и XHTML полная спецификация. [HTML5]. <p> Эта ссылка сама по себе не является нормативной. определить любые требования.</p> </dd> <dt> <dfn title="newlines" role="button" tabindex="0" aria-haspopup="true"> новая строка </dfn> </dt> <dd> Любое из следующего: <ul> <li> символ U+000D CARRIAGE RETURN (CR) </li> <li> a U+000A LINE FEED (LF) символ </li> <li> a U+000D CARRIAGE RETURN (CR), за которым следует символ U+000A LINE FEED (LF) </li> </ul> </dd> <dt> <dfn title="phrasing-content" role="button" tabindex="0" aria-haspopup="true"> фразовое содержание </dfn> </dt> <dd> Состоит из фразовые элементы смешанный с обычные данные персонажей. </dd> <dt> <dfn title="resolve-a-url" role="button" tabindex="0" aria-haspopup="true"> разрешить URL-адрес </dfn> </dt> <dd> Чтобы преобразовать URL-адрес в абсолютный URL-адрес, как определено в [HTML5].</dd> <dt> <dfn title="space" role="button" tabindex="0" aria-haspopup="true"> пробел </dfn> </dt> <dd> Любое из следующего: <ul> <li> U+0020 ПРОБЕЛ </li> <li> U+0009 ТАБЛИЦА СИМВОЛОВ (вкладка) </li> <li> U+000A ПЕРЕВОД СТРОКИ (LF) </li> <li> U+000C ПОДАЧА ФОРМЫ (FF) </li> <li> U+000D ВОЗВРАТ КАРЕТКИ (CR) </li> </ul> </dd> <dt> <dfn title="top-level-context" role="button" tabindex="0" aria-haspopup="true"> контекст просмотра верхнего уровня </dfn> </dt> <dd> Как определено в [HTML5]. </dd> <dt> <dfn title="transparent" role="button" tabindex="0" aria-haspopup="true"> прозрачный </dfn> </dt> <dd> Если модель содержимого определенного элемента <var> foo </var> описывается как <i> прозрачный </i> , это означает: <ul> <li>, когда элемент <var> foo </var> является дочерним элементом родительский элемент <var> bar </var>, модель содержимого которого разрешено содержать элементы потока, то содержимое элемента <var> foo </var> также может содержать элементы потока </li> <li>, когда элемент <var> foo </var> является дочерним элементом родительский элемент <var> baz </var>, модель содержимого которого ограничивает свои дочерние элементы только тем, что фразовые элементы, тогда любые дочерние элементы элемента <var> foo </var> также ограничивается только тем, что фразовые элементы </li> </ul> </dd> <dt> <dfn role="button" tabindex="0" aria-haspopup="true"> UA </dfn> </dt> <dd> Агент пользователя HTML; то есть приложение (например, веб-браузер), который использует HTML-контент.</dd> </dl> <h3><span class="ez-toc-section" id="3"> 3. Документы № Т </span></h3> <p> В этом разделе определяется термин документ, и предоставляет дополнительную информацию, связанную с определением этот термин. Он разделен на следующие части: </p> <h3><span class="ez-toc-section" id="31_HTML_HTML_XML_T"> 3.1. Язык HTML и синтаксис HTML и XML # T </span></h3> <p> Срок <dfn title="document" role="button" tabindex="0" aria-haspopup="true"> документ </dfn> используется в этой ссылке означать экземпляр Язык HTML. </p> <p> <dfn title="html-language" role="button" tabindex="0" aria-haspopup="true"> язык HTML </dfn> — это язык описано в этой ссылке; это абстрактный язык, который приложения потенциально могут представлять в памяти любое количество возможных способов, и которые могут быть переданы с использованием любого количества возможных конкретных синтаксисов.</p> <p> Эта ссылка описывает два конкретных синтаксиса для Язык HTML: Один синтаксис, который упоминается в этой ссылке как синтаксис HTML, и другой синтаксис, на который ссылаются в этом ссылка как синтаксис XML. Веб-браузеры обычно реализуют два отдельных синтаксических анализатора для обработка документов: <dfn role="button" tabindex="0" aria-haspopup="true"> Анализатор HTML </dfn> который вызывается при обработке документов в синтаксис HTML и <dfn role="button" tabindex="0" aria-haspopup="true"> Анализатор XML </dfn> который вызывается при обработке документов в Синтаксис XML.</p> <p> HTML-синтаксис <dfn title="html-syntax" role="button" tabindex="0" aria-haspopup="true"> </dfn> синтаксис, описанный в HTML-синтаксис раздел этой справки. </p> <p> <dfn title="xml-syntax" role="button" tabindex="0" aria-haspopup="true"> Синтаксис XML </dfn> определяется правилами в [XML] спецификации и в [Пространства имен в XML] Технические характеристики; любые требования уровня синтаксиса для документы в синтаксисе XML описанные в этой ссылке, должны быть такими же, как те, которые определены в спецификации XML. </p> <h3><span class="ez-toc-section" id="33"> 3.3. Соответствующие документы № Т </span></h3> <p> Существует два типа соответствующих документов: </p> <h3><span class="ez-toc-section" id="332_XML"> 3.3.2. Соответствующие документы в синтаксисе XML # </span></h3> <p> Соответствует <dfn title="syntax-document-xml" role="button" tabindex="0" aria-haspopup="true"> документ в синтаксисе XML </dfn> должен быть <dfn role="button" tabindex="0" aria-haspopup="true"> правильно сформированное пространство имен </dfn> XML-документ, как определено в [Пространства имен в XML] спецификацию и ее <dfn role="button" tabindex="0" aria-haspopup="true"> корневой элемент </dfn> должен быть HTML-элемент. </p> <p> Документы в синтаксисе XML должен не использовать какие-либо функции принадлежащий HTML-синтаксис которые не следуют ограничениям правильности XML (для например, документы в синтаксисе XML должен не использовать синтаксис значения атрибута без кавычек а также должен нет опускать теги).</p> <h3><span class="ez-toc-section" id="4_HTML_T"> 4. Синтаксис HTML # T </span></h3> <p> В этом разделе описывается синтаксис HTML в деталях. Местами он также отмечает различия между синтаксис HTML а также синтаксис XML, но он не описывает подробно синтаксис XML (см. вместо этого синтаксис определяется правилами в [XML] спецификации и в [Пространства имен в XML] Технические характеристики). </p> <p> Этот раздел разделен на следующие части: </p> <h3><span class="ez-toc-section" id="41_T"> 4.1. Тип документа # T </span></h3> <p> А <dfn role="button" tabindex="0" aria-haspopup="true"> тип документа </dfn> (иногда пишется с заглавной буквы «DOCTYPE») — это специальная инструкция. который, по устаревшим причинам, связанным с обработкой режимы в браузерах, является обязательной частью любого документ в синтаксисе HTML; Это должен соответствуют характеристикам одного из следующих трех форматов: </p> <p> А <dfn role="button" tabindex="0" aria-haspopup="true"> обычный тип документа </dfn> состоит из следующих частей, точно в следующем заказ: </p> <ol> <li> Любой совпадение без учета регистра для строки "<code> <!ТИП ДОКТ </code>".</li> <li> Один или несколько космические персонажи. </li> <li> Любой совпадение без учета регистра для строки "<code> HTML </code>". </li> <li> Опционально, один или несколько космические персонажи. </li> <li> А "<code title="U+003E GREATER-THAN SIGN"> > </code>" персонаж. </li> </ol> <p> Ниже приведен пример нормальный тип документа. </p> <pre> <!DOCTYPE html> </pre> <p> А <dfn role="button" tabindex="0" aria-haspopup="true"> устаревший тип документа </dfn> состоит из следующих частей, расположенных точно в следующем порядке: </p> <ol> <li> Любой совпадение без учета регистра для строки "<code> <!ТИП ДОКТ </code>".</li> <li> Один или несколько космические персонажи. </li> <li> Любой совпадение без учета регистра для строки "<code> HTML </code>". </li> <li> Один или несколько космические персонажи. </li> <li> Любой совпадение без учета регистра для строки "<code> ПУБЛИЧНЫЙ </code>". </li> <li> Один или несколько космические персонажи. </li> <li> Кавычка <i> (общедоступный идентификатор) </i> , состоящая из "<code title="U+0022 QUOTATION MARK">" </code> " персонаж или "<code title="U+0027 APOSTROPHE">' </code>" персонаж.</li> <li> А разрешенный общедоступный идентификатор </li> <li> Соответствующая <i> кавычка (общедоступный идентификатор) </i> , идентичная <i> кавычки (общедоступный идентификатор) </i>, использовавшийся ранее (либо "<code title="U+0022 QUOTATION MARK">" </code> " персонаж или "<code title="U+0027 APOSTROPHE">' </code>" персонаж). </li> <li> Условно, в зависимости от того, является ли он частью разрешенная-общедоступная-ID-система-ID-комбинация, следующие части, строго в следующем порядке: <ol> <li> Один или несколько космические персонажи.</li> <li> Кавычка <i> (идентификатор системы) </i> , состоящая из "<code title="U+0022 QUOTATION MARK">" </code> " персонаж или "<code title="U+0027 APOSTROPHE">' </code>" персонаж. </li> <li> А разрешенный идентификатор системы </li> <li> Соответствующая <i> кавычка (идентификатор системы) </i> , идентичная <i> кавычка (идентификатор системы) </i> использовалось ранее (либо "<code title="U+0022 QUOTATION MARK">" </code> " персонаж или "<code title="U+0027 APOSTROPHE">' </code>" персонаж).</li> </ol> </li> <li> Опционально, один или несколько космические персонажи. </li> <li> А "<code title="U+003E GREATER-THAN SIGN"> > </code>" персонаж. </li> </ol> <p> А <dfn role="button" tabindex="0" aria-haspopup="true"> разрешенная-общедоступная-ID-система-ID-комбинация </dfn> представляет собой любую комбинацию <dfn role="button" tabindex="0" aria-haspopup="true"> общедоступный идентификатор </dfn> (первая строка в кавычках в типе документа) а также <dfn role="button" tabindex="0" aria-haspopup="true"> системный идентификатор </dfn> (вторая строка в кавычках, если есть, в типе документа) такая, что комбинация соответствует одному из шести устаревшие типы документов В следующих список устаревших типов документов: </p> <pre> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.0//RU"> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.0//EN" "http://www.w3.org/TR/REC-html40/strict.dtd"> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> </pre> <p> А <dfn role="button" tabindex="0" aria-haspopup="true"> совместимый с устаревшим инструментом тип документа </dfn> состоит из следующих частей, расположенных точно в следующем порядке: </p> <ol> <li> Любой совпадение без учета регистра для строки "<code> <!ТИП ДОКТ </code>".</li> <li> Один или несколько космические персонажи. </li> <li> Любой совпадение без учета регистра для строки "<code> HTML </code>". </li> <li> Один или несколько космические персонажи. </li> <li> Любой совпадение без учета регистра для строки "<code> СИСТЕМА </code>". </li> <li> Один или несколько пробелы </li> <li> Кавычка <i> </i> , состоящая из а "<code title="U+0022 QUOTATION MARK">" </code> " персонаж или "<code title="U+0027 APOSTROPHE">' </code>" персонаж.</li> <li> Буквенная строка "<code> about:legacy-compat </code>". </li> <li> Соответствующая <i> кавычка </i> , идентичная <i> кавычка </i> использовалась ранее (либо "<code title="U+0022 QUOTATION MARK">" </code> " персонаж или "<code title="U+0027 APOSTROPHE">' </code>" персонаж). </li> <li> Опционально, один или несколько космические персонажи. </li> <li> А "<code title="U+003E GREATER-THAN SIGN"> > </code>" персонаж. </li> </ol> <h3><span class="ez-toc-section" id="42_T"> 4.2. Объявление кодировки символов # T </span></h3> <p> А <dfn title="encoding-declaration" role="button" tabindex="0" aria-haspopup="true"> объявление кодировки символов </dfn> это механизм для указания кодировки символов, используемой для хранения или передать документ.</p> <p> На кодировку символов распространяются следующие ограничения. объявлений: </p> <ul> <li> Заданное имя кодировки символов должен быть именем кодировка символов, используемая для сериализации файла. </li> <li> Значение должен быть допустимым именем кодировки символов и должен быть совпадение без учета регистра для <var> имя набора символов </var> для которого IANA [Наборы персонажей] реестр имеет поле <code> Имя </code> или <code> Псевдоним </code> помечен как «предпочтительное имя MIME»; или, если ни одно из полей <code> Псевдоним </code> не помечено так, совпадение без учета регистра для поля <code> Имя </code> в реестре.</li> <li> Объявление кодировки символов должен быть сериализованным без использования ссылки на символы или побеги символов любого рода. </li> <li> Элемент, содержащий кодировку символов декларация должен быть сериализован полностью в пределах первого 512 байт документа. </li> </ul> <p> Если документ не начинается с символ U+FEFF BYTE ORDER MARK (BOM), и если его кодировка явно не задана <code> Content-Type </code> HTTP-заголовок, затем символ используемая кодировка должен быть ASCII-совместимая кодировка символов, и, кроме того, если эта кодировка не является самой US-ASCII, то кодировка должен быть указано с помощью <code> метаэлемент </code> с кодировка атрибут или метаэлемент <code> </code> в декларация кодирования состояние.</p> <p> Если документ содержит метаданные <code> </code> элемент с кодировка атрибут или метаэлемент <code> </code> в состояние объявления кодирования, затем используемая кодировка символов должен быть ASCII-совместимая кодировка символов. </p> <p> Ан <dfn role="button" tabindex="0" aria-haspopup="true"> ASCII-совместимая кодировка символов </dfn> является надмножеством US-ASCII (в частности, ANSI_X3.4-1968) для байтов в наборе 0x09, 0x0A, 0x0C, 0x0D, 0x20 — 0x22, 0x26, 0x27, 0x2C — 0x3F, 0x41 — 0x5A и 0x61 — 0x7А.</p> <p> Документы не должны использовать УТФ-32, JIS_C6226-1983, JIS_X0212-1990, ГЦ-ГБ-2312, JOHAB (кодовая страница Windows 1361), кодировки на основе ISO-2022, или кодировки на основе EBCDIC. </p> <p> Документы должен не использовать ЦЭСУ-8, УТФ-7, БОЦУ-1, или СКСУ кодировки. </p> <p> В документ в синтаксисе XML, в <dfn title="xml-declaration" role="button" tabindex="0" aria-haspopup="true"> XML-декларация </dfn> , как определено в спецификации XML [XML] следует использовать для предоставления информации о кодировке символов, если необходимо.</p> <h3><span class="ez-toc-section" id="43"> 4.3. Элементы № Т </span></h3> <p> Элемент <dfn title="content-model" role="button" tabindex="0" aria-haspopup="true"> модель контента </dfn> определяет структуру элемента: Что содержимое (если есть) элемент может содержать, а также какие атрибуты (если есть) элемент может имеют. HTML-элементы раздел этого справочника описывает модели контента для все элементы, входящие в состав Язык HTML. элемент должен не содержать содержание или атрибуты, которые не являются частью его модели содержимого.</p> <p> <dfn title="contents" role="button" tabindex="0" aria-haspopup="true"> содержание </dfn> элемента любые элементы, данные персонажа, а также что он содержит. Атрибуты и их значения не считаются «содержимое» элемента. </p> <p> <dfn title="text-content" role="button" tabindex="0" aria-haspopup="true"> текстовое содержимое </dfn> элемента является значением <code> textContent </code> IDL атрибут элемента, как определено в [ДОМ4]. </p> <p> А <dfn title="void-element" role="button" tabindex="0" aria-haspopup="true"> пустотелый элемент </dfn> элемент, чей модель контента никогда не позволяет ему иметь содержание при любых обстоятельствах.Пустые элементы могут иметь атрибуты. </p> <p> Ниже приведен полный список <dfn role="button" tabindex="0" aria-haspopup="true"> пустых элемента в HTML </dfn>: </p> <ul> <li> <code> район </code> , <code> база </code>, <code> бр </code> , <code> цвет </code>, <code> команда </code> , <code> вставить </code> , <code> час </code> , <code> изображение </code> , <code> ввод </code> , <code> кейген </code> , <code> ссылка </code> , <code> мета </code>, <code> параметр </code> , <code> источник </code> , <code> дорожка </code> , <code> вбр </code> </li> </ul> <p> В следующем списке описан синтаксис правила для синтаксис HTML.Правила для синтаксис XML определены в спецификации XML [XML]. </p> <ul> <li> <dfn title="syntax-tags" role="button" tabindex="0" aria-haspopup="true"> тегов </dfn> используются для разграничить начало и конец элементов в разметке. Элементы есть начальный тег указать, где они начинаются. Непустые элементы имеют конечный тег к указать, где они заканчиваются. </li> <li> <dfn title="syntax-tag-name" role="button" tabindex="0" aria-haspopup="true"> имена тегов </dfn> используются в начальных и конечных тегах элементов для дать имя элемента. HTML-элементы у всех есть имена, которые используют только символы в диапазоне <code title="U+0030 DIGIT ZERO–U+0039 DIGIT NINE"> 0–9 </code> , <code title="U+0061 LATIN SMALL LETTER A–U+007A LATIN SMALL LETTER Z"> аз </code> , а также <code title="U+0041 LATIN CAPITAL LETTER A–U+005A LATIN CAPITAL LETTER Z"> А–Я </code> .</li> <li> <dfn role="button" tabindex="0" aria-haspopup="true"> стартовые теги </dfn> состоят из следующих частей, точно в следующем заказ: <ol> <li> А "<code title="U+003C LESS-THAN SIGN"> < </code>" персонаж. </li> <li> Элемент название тэга. </li> <li> Опционально, один или несколько атрибуты, каждый, из которых должен предшествовать одному или нескольким космические персонажи. </li> <li> Опционально, один или несколько космические персонажи. </li> <li> Опционально "<code title="U+002F SOLIDUS">/</code>" символ, который может присутствовать только в том случае, если элемент является пустотный элемент.</li> <li> А "<code title="U+003E GREATER-THAN SIGN"> > </code>" персонаж. </li> </ol> </li> <li> <dfn role="button" tabindex="0" aria-haspopup="true"> концевые теги </dfn> состоят из следующих частей, точно в следующем заказ: <ol> <li> А "<code title="U+003C LESS-THAN SIGN"> < </code>" персонаж. </li> <li> А "<code title="U+002F SOLIDUS">/</code>" персонаж </li> <li> Элемент название тэга. </li> <li> Опционально, один или несколько космические персонажи. </li> <li> А "<code title="U+003E GREATER-THAN SIGN"> > </code>" персонаж.</li> </ol> </li> <li> Пустые элементы имеют только стартовый тег; конечные теги должен не указывать для пустоты элементы. </li> <li> Начальный и конечный теги некоторых элементов могут быть <dfn title="syntax-tag-omission" role="button" tabindex="0" aria-haspopup="true"> опущены </dfn> . Подраздел для каждого элемента в разделе элементов HTML этого ссылка предоставляет информацию о том, какие теги (если есть) может быть опущен для этого конкретного элемента. </li> <li> Непустой элемент должен имеют конечный тег, если только подраздел для этого элемента в разделе HTML-элементов этого ссылка указывает, что ее конечный тег может быть опущен.</li> <li> Содержимое элемента должен быть помещается сразу после его начального тега (который возможно в некоторых случаях подразумевается) и непосредственно перед конечным тегом (что может быть подразумевается в определенных случаях). </li> </ul> <h3><span class="ez-toc-section" id="431"> 4.3.1. Неправильно вложенные теги # </span></h3> <p> Если элемент имеет как начальный тег и конечный тег, его конечный тег должен содержаться в содержание того же элемента, в котором содержится его начальный тег.Ан конечный тег который не содержится в одном и том же содержание как его начальный тег говорят, что это <dfn title="misnested-tag" role="button" tabindex="0" aria-haspopup="true"> неправильно вложенный тег </dfn> . </p> <p> В следующем примере "<code> </i> </code>" конечный тег это неправильно вложенный тег, потому что не содержится внутри содержание принадлежащий б элемент, который содержит соответствующий "<code><i></code>" стартовый тег.</p> <pre> <b>foo <i>бар</b> баз</i> </pre> <h3><span class="ez-toc-section" id="44"> 4.4. Атрибуты № Т </span></h3> <p> <dfn title="syntax-attributes" role="button" tabindex="0" aria-haspopup="true"> атрибутов </dfn> для элемента выражаются внутри начала элемента ярлык. Атрибуты имеют имя и стоимость. </p> <p> Там должен никогда не иметь двух или более атрибутов на одном и том же начальный тег, имена которого совпадение без учета регистра друг для друга. </p> <p> В следующем списке описан синтаксис правила для атрибутов в документы в синтаксисе HTML.Синтаксические правила для атрибутов в документы в синтаксисе XML. определены в спецификация XML [XML]. </p> <ul> <li> <dfn title="syntax-attribute-name" role="button" tabindex="0" aria-haspopup="true"> имен атрибутов </dfn> должен состоять из одного или нескольких символов, отличных от космические персонажи, U+0000 НУЛЬ, "<code title="U+0022 QUOTATION MARK">" </code> ", "<code title="U+0027 APOSTROPHE">' </code>", "<code title="U+003E GREATER-THAN SIGN"> > </code>", "<code title="U+002F SOLIDUS">/</code>", "<code title="U+003D EQUALS SIGN"> = </code>", управляющие персонажи, и любые символы, не определенные Unicode.</li> <li> <dfn role="button" tabindex="0" aria-haspopup="true"> XML-совместимый </dfn> имена атрибутов соответствуют <code> Наименование </code> Производство определено в спецификация XML [XML] и которые не содержат "<code title="U+003A COLON"> : </code>" символов, и чьи первые три символа не являются совпадение без учета регистра для строки "<code> xml </code>". </li> <li> <dfn role="button" tabindex="0" aria-haspopup="true"> значения атрибута </dfn> может содержать текст а также ссылки на символы, с дополнительными ограничениями в зависимости от того, являются ли они значения атрибутов без кавычек, значения атрибутов в одинарных кавычках, или значения атрибутов в двойных кавычках.Кроме того, раздел HTML-элементов этой ссылки описаны дополнительные ограничения на допустимые значения определенных атрибутов и атрибутов должен имеют значения, соответствующие этим ограничениям. </li> </ul> <p> В синтаксисе HTML атрибуты могут быть указаны четырьмя различными способами: </p> <ol> <li> синтаксис пустого атрибута </li> <li> синтаксис значения атрибута без кавычек </li> <li> синтаксис значения атрибута в одинарных кавычках </li> <li> синтаксис значения атрибута в двойных кавычках </li> </ol> <dl> <dt> <dfn role="button" tabindex="0" aria-haspopup="true"> синтаксис пустого атрибута </dfn> </dt> <dd> <p> Некоторые атрибуты могут быть указаны путем предоставления только имя атрибута, без значения.</p> <p> В следующем примере <code title="attr-input-disabled"> отключен </code> атрибут задается с пустым атрибутом синтаксис: </p> <pre> <ввод <em> отключен </em> > </pre> <p> Обратите внимание, что синтаксис пустого атрибута в точности эквивалентно указанию пустой строки в качестве значение атрибута, как в следующем примере. </p> <pre> <вход <em> отключен ="" </em> > </pre> </dd> <dt> <dfn title="syntax-attr-unquoted" role="button" tabindex="0" aria-haspopup="true"> синтаксис значения атрибута без кавычек </dfn> </dt> <dd> <p> Ан <dfn title="attr-value-unquoted" role="button" tabindex="0" aria-haspopup="true"> значение атрибута без кавычек </dfn> указывается путем предоставления следующих частей точно следующий порядок: </p> <ol> <li> ан имя атрибута </li> <li> ноль или более пробелы </li> <li> сингл "<code title="U+003D EQUALS SIGN"> = </code>" персонаж </li> <li> ноль или более пробелы </li> <li> ан значение атрибута </li> </ol> <p> В дополнение к общие требования к значениям атрибутов, значение атрибута без кавычек имеет следующие ограничения: </p> <p> В следующем примере <code title="attr-input-value"> значение </code> атрибут задается со значением атрибута без кавычек синтаксис: </p> <pre> <ввод <em> значение=да </em> > </pre> <p> Если значение атрибута без кавычек за синтаксисом атрибута следует "<code title="U+002F SOLIDUS">/</code>" характер, то есть должен быть хотя бы одним космический персонаж после значения и перед "<code title="U+002F SOLIDUS">/</code>" персонаж.</p> </dd> <dt> <dfn role="button" tabindex="0" aria-haspopup="true"> Синтаксис значения атрибута в одинарных кавычках </dfn> </dt> <dd> <p> А <dfn title="attr-value-single-quoted" role="button" tabindex="0" aria-haspopup="true"> значение атрибута в одинарных кавычках </dfn> указывается путем предоставления следующих частей точно следующий порядок: </p> <ol> <li> ан имя атрибута </li> <li> ноль или более пробелы </li> <li> а "<code title="U+003D EQUALS SIGN"> = </code>" персонаж </li> <li> ноль или более пробелы </li> <li> сингл "<code title="U+0027 APOSTROPHE">' </code>" персонаж </li> <li> ан значение атрибута </li> <li> а "<code title="U+0027 APOSTROPHE">' </code>" персонаж.</li> </ol> <p> В дополнение к общие требования к значениям атрибутов, значение атрибута в одинарных кавычках имеет следующее ограничение: </p> <ul> <li> должен не содержать литерала "<code title="U+0027 APOSTROPHE">' </code>" символов </li> </ul> <p> В следующем примере <code title="attr-input-type"> атрибут типа </code> дается со значением атрибута в одинарных кавычках синтаксис: </p> <pre> <input <em> type='checkbox' </em> > </pre> </dd> <dt> <dfn role="button" tabindex="0" aria-haspopup="true"> синтаксис значения атрибута в двойных кавычках </dfn> </dt> <dd> <p> А <dfn title="attr-value-double-quoted" role="button" tabindex="0" aria-haspopup="true"> значение атрибута в двойных кавычках </dfn> указывается путем предоставления следующих частей точно следующий порядок: </p> <ol> <li> ан имя атрибута </li> <li> ноль или более пробелы </li> <li> сингл "<code title="U+003D EQUALS SIGN character"> = </code>" персонаж </li> <li> ноль или более пробелы </li> <li> сингл "<code title="U+0022 QUOTATION MARK">" </code> " персонаж </li> <li> ан значение атрибута </li> <li> а "<code title="double U+0022 QUOTATION MARK">" </code> " персонаж </li> </ol> <p> В дополнение к общие требования к значениям атрибутов, значение атрибута в двойных кавычках имеет следующее ограничение: </p> <ul> <li> должен не содержать литерала "<code title="U+0022 QUOTATION MARK">" </code> " символов </li> </ul> <p> В следующем примере <code> заголовок </code> атрибут дано с синтаксисом значения атрибута в двойных кавычках: </p> <pre> <code title="U+003C ЗНАК МЕНЬШЕ"><</code> </pre> </dd> </dl> <h3><span class="ez-toc-section" id="45_T"> 4.5. Текстовые и символьные данные #T </span></h3> <p> <dfn title="syntax-text" role="button" tabindex="0" aria-haspopup="true"> текст </dfn> в содержимое элемента (в том числе в ) а также значения атрибутов должен состоят из символов Unicode со следующими ограничения: </p> <ul> <li> должен не содержит U+0000 символов </li> <li> должен не содержать постоянно неопределенные символы Unicode </li> <li> должен не содержать управляющих символов, кроме пробелы </li> </ul> <p> <dfn title="character-data" role="button" tabindex="0" aria-haspopup="true"> символьных данных </dfn> содержит текст, в некоторых случаях в сочетании с ссылки на символы, наряду с некоторыми дополнительными ограничениями.Есть три типы символьных данных, которые могут встречаться в документах: </p> <ol> <li> обычные символьные данные </li> <li> заменяемые символьные данные </li> <li> незаменяемые символьные данные </li> </ol> <dl> <dt> <dfn title="normal-character-data" role="button" tabindex="0" aria-haspopup="true"> обычные символьные данные </dfn> </dt> <dd> <p> Некоторые элементы содержат обычные символьные данные. Обычные символьные данные могут содержать следующее: </p> <p> Нормальные символьные данные имеют следующие ограничения: </p> <ul> <li> должен не содержать никаких "<code title="U+003C LESS-THAN SIGN"> < </code>" символов </li> </ul> </dd> <dt> <dfn title="replaceable-character-data" role="button" tabindex="0" aria-haspopup="true"> сменные символьные данные </dfn> </dt> <dd> <p> В документы в синтаксисе HTML, в заглавие а также текстовая область элементы могут содержать заменяемые символьные данные.Заменяемые символьные данные могут содержать следующее: </p> <p> Заменяемые символьные данные имеют следующие ограничения: </p> <p> Заменяемые символьные данные, как описано в этой ссылке, является особенностью синтаксис HTML что недоступно в синтаксис XML. Документы в XML синтаксис должен не содержат заменяемых символьных данных как описано в этой ссылке; вместо этого они должен соответствовать всем синтаксическим ограничениям, описанным в XML спецификация [XML].</p> </dd> <dt> <dfn title="non-replaceable-character-data" role="button" tabindex="0" aria-haspopup="true"> незаменяемые символьные данные </dfn> </dt> <dd> <p> В документы в синтаксисе HTML, в сценарий, а также стиль элементы могут содержать незаменяемые символьные данные. Незаменяемые символьные данные могут содержать далее: </p> <p> Незаменяемые символьные данные имеют следующие ограничения: </p> <p> Незаменяемые символьные данные, как описано в этой ссылке, является особенностью синтаксис HTML что недоступно в синтаксис XML.Документы в XML синтаксис должен не содержать незаменяемых символов данные, как описано в этой ссылке; вместо этого они должен соответствовать всем синтаксическим ограничениям, определенным в XML спецификация [XML]. </p> </dd> </dl> <h3><span class="ez-toc-section" id="46_T"> 4.6. Ссылки на символы # T </span></h3> <p> <dfn role="button" tabindex="0" aria-haspopup="true"> ссылки на символы </dfn> являются формой разметки для представления отдельных символов. Там есть три типа ссылок на символы: </p> <dl> <dt> <dfn role="button" tabindex="0" aria-haspopup="true"> именованный символ </dfn> </dt> <dd> <p> Ссылки на именованные символы состоят из следующих части точно в следующем порядке: </p> <ol> <li> Ан "<code title="U+0026 AMPERSAND"> и </code>" персонаж.</li> <li> Одно из имен, перечисленных в раздел «Ссылки на именованные символы» HTML5 Технические характеристики [HTML5], используя тот же случай. </li> <li> А "<code title="U+003B SEMICOLON">; </code>" персонаж. </li> </ol> <p> Для получения дополнительной информации об именованных ссылках на символы см. [XML-объекты]. </p> <p> Ниже приведен пример именованного символа. ссылка на персонажа "<code title="U+2020 DAGGER"> † </code>" (U+2020 КИНЖАЛ).</p> <pre> &кинжал; </pre> </dd> <dt> <dfn role="button" tabindex="0" aria-haspopup="true"> десятичная числовая ссылка на символ </dfn> </dt> <dd> <p> Ссылки на десятичные числовые символы состоят из следующие части, в точно следующем порядке. </p> <ol> <li> Ан "<code title="U+0026 AMPERSAND"> и </code>" персонаж. </li> <li> А "<code title="U+0023 NUMBER SIGN"> #</code>" персонаж. </li> <li> Одна или несколько цифр в диапазоне <code title="U+0030 DIGIT ZERO–U+0039 DIGIT NINE"> 0–9 </code> , представляющее целое число с основанием десять, которое само является Unicode кодовая точка, которой нет U+0000, U+000D, в диапазоне U+0080–U+009F, или в диапазоне 0xD8000–0xDFFF (суррогаты).</li> <li> А "<code title="U+003B SEMICOLON">; </code>" персонаж. </li> </ol> <p> Ниже приведен пример десятичного числового ссылка на персонажа для персонажа "<code title="U+2020 DAGGER"> † </code>" (U+2020 КИНЖАЛ). </p> <pre> † </pre> </dd> <dt> <dfn role="button" tabindex="0" aria-haspopup="true"> шестнадцатеричная числовая ссылка на символ </dfn> </dt> <dd> <p> Шестнадцатеричные числовые ссылки на символы состоят из следующие части в точно следующем порядке.</p> <ol> <li> Ан "<code title="U+0026 AMPERSAND"> и </code>" персонаж. </li> <li> А "<code title="U+0023 NUMBER SIGN"> #</code>" персонаж. </li> <li> Либо а "<code title="U+0078 LATIN SMALL LETTER X"> х </code>" персонаж или "<code title="U+0058 LATIN CAPITAL LETTER X"> х </code>" персонаж. </li> <li> Одна или несколько цифр в диапазоне <code title="U+0030 DIGIT ZERO–U+0039 DIGIT NINE"> 0–9 </code> , <code title="U+0061 LATIN SMALL LETTER A–U+0066 LATIN SMALL LETTER F"> а–ф </code> , а также <code title="U+0041 LATIN CAPITAL LETTER A–U+0046 LATIN CAPITAL LETTER F"> А–Ф </code> , представляющее целое число с основанием шестнадцать, которое само является Кодовая точка Unicode, которая не U+0000, U+000D, в диапазоне U+0080–U+009F, или в диапазоне 0xD800–0xDFFF (суррогаты).</li> <li> А "<code title="U+003B SEMICOLON">; </code>" персонаж. </li> </ol> <p> Ниже приведен пример шестнадцатеричного числового ссылка на персонажа для персонажа "<code title="U+2020 DAGGER"> † </code>" (U+2020 КИНЖАЛ). </p> <pre> † </pre> </dd> </dl> <p> Ссылки на символы не сами текст, и никакая часть ссылки на символ не текст. </p> <p> Ан <dfn role="button" tabindex="0" aria-haspopup="true"> неоднозначный амперсанд </dfn> является "<code title="U+0026 AMPERSAND"> и </code>" символ, за которым следует один или несколько символов в диапазоне "<code title="U+0030 ZERO"> 0 </code>" к "<code title="U+0039 ZERO"> 9 </code>", диапазон "<code title="U+0061 LATIN SMALL LETTER A"> и </code>" к "<code title="U+007A LATIN SMALL LETTER Z"> з </code>", или диапазон "<code title="U+0041 LATIN CAPITAL LETTER A"> А </code>" к "<code title="U+005A LATIN CAPITAL LETTER Z"> З </code>", за которым следует "<code title="U+003B SEMICOLON">; </code>" (точка с запятой) символ, где эти символы не совпадают ни с одним из данных имён в разделе «Ссылки на именованные символы» спецификации HTML5 [HTML5].</p> <h3><span class="ez-toc-section" id="49_CDATA_SVG_MathML_T"> 4.9. Разделы CDATA в содержимом SVG и MathML # T </span></h3> <p> <dfn title="syntax-cdata-sections" role="button" tabindex="0" aria-haspopup="true"> разделов CDATA в содержимом SVG и MathML </dfn> в документы в синтаксисе HTML состоят из следующих частей, точно в следующем заказ: </p> <ol> <li> <dfn title="cdata-start-delimiter" role="button" tabindex="0" aria-haspopup="true"> Начальный разделитель CDATA </dfn> " <code title="U+003C LESS-THAN SIGN, U+0021 EXCLAMATION MARK, U+005B LEFT SQUARE BRACKET, U+0043 LATIN CAPITAL LETTER C, U+0044 LATIN CAPITAL LETTER D, U+0041 LATIN CAPITAL LETTER A, U+0054 LATIN CAPITAL LETTER T, U+0041 LATIN CAPITAL LETTER A, U+005B LEFT SQUARE BRACKET"> <![CDATA[ </code> " </li> <li> текст, с дополнительное ограничение на то, что текст должен не содержать нить " <code title="U+005D RIGHT SQUARE BRACKET, U+005D RIGHT SQUARE BRACKET, U+003E GREATER-THAN SIGN"> ]]> </code> " </li> <li> <dfn title="cdata-end-delimiter" role="button" tabindex="0" aria-haspopup="true"> Конечный разделитель CDATA </dfn> " <code title="U+005D RIGHT SQUARE BRACKET, U+005D RIGHT SQUARE BRACKET, U+003E GREATER-THAN SIGN"> ]]> </code> " </li> </ol> <p> Разделы CDATA разрешены только в содержимом элементов из пространств имен SVG и MathML.</p> <p> Ниже показан пример раздела CDATA. </p> <pre> <кодировка аннотации="текст/латекс"> <![CDATA[\documentclass{статья} \usepackage{аммат} \начать{документ} Абсолютное значение $x$: \[ \left|x\right|= \begin{cases}-x& \text{if $x<0$}\\ x& \text{иначе}\end{случаи} \] \конец{документ}]]> </аннотация> </pre> <h3><span class="ez-toc-section" id="9_T"> 9. Типы данных (общий микросинтаксис) # T </span></h3> <p> В этом разделе описываются типы данных (микросинтаксисы), на которые ссылаются по описаниям атрибутов в элементы HTML, а также Глобальные атрибуты разделы.</p> <h3> </h3><dfn role="button" tabindex="0" aria-haspopup="true"> строка </dfn> # </h3> Для целей настоящего документа <var> строка </var> определяется как любая смесь текст а также ссылки на символы. <p> Раздел атрибутов этот документ описывает дополнительные ограничения на строки в значения атрибутов — в частности, ограничения для следующие случаи: </p> <h3> </h3><dfn role="button" tabindex="0" aria-haspopup="true"> набор строк, разделенных запятыми </dfn> # </h3> Ноль или больше струны которые сами по себе являются нулем или более символов, каждый опционально с начальным и/или конечным космические персонажи, и каждый отделен от следующего одним единственным "<code title="U+002C COMMA">, </code>" (запятая) символ.Каждая строка сама должен не начинаться и не заканчиваться никаким космические персонажи, и каждая строка сама должен не содержать никаких "<code title="U+002C COMMA">, </code>" (запятая) символов. <h3> </h3><dfn role="button" tabindex="0" aria-haspopup="true"> набор токенов, разделенных пробелами </dfn> # </h3> А разделенный пробелом набор из нуля или более жетон экземпляры. <h3> </h3><dfn role="button" tabindex="0" aria-haspopup="true"> неупорядоченный набор уникальных токенов, разделенных пробелами </dfn> # </h3> <h3> </h3><dfn role="button" tabindex="0" aria-haspopup="true"> заказанный набор уникальных токенов, разделенных пробелом </dfn> # </h3> <h3> </h3><dfn role="button" tabindex="0" aria-haspopup="true"> имя контекста просмотра </dfn> # </h3> Любой нить, со следующими ограничениями: <ul> <li> должен не начинать с "<code title="U+005F LOW LINE"> _ </code>" персонаж </li> <li> должен иметь длину не менее одного символа </li> </ul> <h3> </h3><dfn role="button" tabindex="0" aria-haspopup="true"> имя контекста просмотра или ключевое слово </dfn> # </h3> Любой нить это одно из следующего: <h3> </h3><dfn role="button" tabindex="0" aria-haspopup="true"> ID </dfn> # </h3> Любой нить, со следующими ограничениями: <p> Предыдущие версии HTML размещены больше ограничения на содержание <var> ID </var> ценности (например, они не допускали <var> ID </var> значения начинать с цифры).</p> <h3> </h3><dfn role="button" tabindex="0" aria-haspopup="true"> Идентификационный номер </dfn> # </h3> <p> Действительный Ссылка ID на элемент типа <var> тип </var> это строка, которая точно соответствует значению <code> идентификатор </code> атрибут элемента типа <var> тип </var> в любом месте документа. </p> <h3> </h3><dfn role="button" tabindex="0" aria-haspopup="true"> имя </dfn> # </h3> Любой нить, со следующими ограничениями: <h3> </h3><dfn role="button" tabindex="0" aria-haspopup="true"> ссылка на хеш-имя </dfn> # </h3> <p> А допустимая ссылка хеш-имени на элемент типа <var> тип </var> это строка, начинающаяся с "<code title="U+0023 NUMBER SIGN"> #</code>" символ, за которым следует строка, точно соответствует значению <code> имя </code> атрибут элемента типа <var> тип </var> в любом месте документа.</p> <h3> </h3><dfn role="button" tabindex="0" aria-haspopup="true"> целое число </dfn> # </h3> <p> Один или несколько символов в диапазоне <code title="U+0030 DIGIT ZERO–U+0039 DIGIT NINE "> 0—9 </code> , необязательно с префиксом "<code title="U+002D HYPHEN-MINUS"> - </code>" персонаж. </p> <h3> </h3><dfn role="button" tabindex="0" aria-haspopup="true"> неотрицательное целое число </dfn> # </h3> <p> Один или несколько символов в диапазоне <code title="U+0030 DIGIT ZERO–U+0039 DIGIT NINE "> 0—9 </code> . </p> <h3> </h3><dfn role="button" tabindex="0" aria-haspopup="true"> число с плавающей запятой </dfn> # </h3> Число с плавающей запятой состоит из следующих частей в строго следующем порядке: <ol> <li> Необязательно, первый символ может быть "<code title="U+002D HYPHEN-MINUS"> - </code>" персонаж.</li> <li> Один или несколько символов в диапазоне "<code title="U+0030 DIGIT ZERO–U+0039 DIGIT NINE "> 0—9 </code>". </li> <li> Опционально следующие детали точно следующий порядок: <ol> <li> а "<code title="U+002E FULL STOP">. </code>" персонаж </li> <li> один или несколько символов в диапазоне " <code title="U+0030 DIGIT ZERO–U+0039 DIGIT NINE "> 0-9 </code> " </li> </ol> </li> <li> Опционально следующие детали точно следующий порядок: <ol> <li> а "<code title="U+0065 LATIN SMALL LETTER E"> и </code>" характер или "<code title="U+0045 LATIN CAPITAL LETTER E"> Е </code>" персонаж </li> <li> опционально, "<code title="U+002D HYPHEN-MINUS"> - </code>" характер или "<code title="U+002B PLUS SIGN"> + </code>" персонаж </li> <li> Один или несколько символов в диапазоне "<code title="U+0030 DIGIT ZERO–U+0039 DIGIT NINE "> 0—9 </code>".</li> </ol> </li> </ol> <h3> </h3><dfn role="button" tabindex="0" aria-haspopup="true"> положительное число с плавающей запятой </dfn> # </h3> <h3> </h3><dfn role="button" tabindex="0" aria-haspopup="true"> неотрицательное число с плавающей запятой </dfn> # </h3> <h3> </h3><dfn role="button" tabindex="0" aria-haspopup="true"> дата и время </dfn> # </h3> Действительный <var> дата-время </var> как определено в [RFC 3339], с этими дополнительными квалификациями: <ul> <li> дословные буквы <code> Т </code> и <code> Z </code> в синтаксисе даты/времени должен всегда быть верхний регистр </li> <li> <var> дата-полностью ухо </var> производство вместо этого определяется как четыре или более цифр представляющий число больше 0 </li> </ul> <p> Примеры: </p> <pre> <code> 1990-12-31T23:59:60Z </code> <code> 1996-12-19T16:39:57-08:00 </code> </pre> <h3> </h3><dfn role="button" tabindex="0" aria-haspopup="true"> Дата </dfn> # </h3> Действительный <var> полная дата </var> как определено в [RFC 3339], с дополнительной оговоркой, что компонент года четыре или более цифр, представляющих число больше 0.<h3> </h3><dfn role="button" tabindex="0" aria-haspopup="true"> время-дата-время </dfn> # </h3> Любое из следующего: <ul> <li> в месяц </li> <li> свидание </li> <li> a <i> дата без года </i> который должен состоят из следующих частей в точно следующем порядке: <ol> <li> действительный <var> число-месяц </var> как определено в [RFC 3339] </li> <li> Буквенная строка "<code> - </code>".</li> <li> действительный <var> дата-мдень </var> как определено в [RFC 3339] </li> </ol> </li> <li> раз </li> <li> местная дата и время </li> <li> действительное <var> смещение времени </var> как определено в [RFC 3339] <p> Примеры: </p> <pre> <code> З </code> <code> +0000 </code> <code> +00:00 </code> <code> -0800 </code> <code> -08:00 </code> </pre> </li> <li> дата и время </li> <li> в неделю </li> <li> действительный <var> дата-полный год </var> как определено в [RFC 3339], с дополнительной квалификацией это должен быть четырьмя или более цифрами, представляющими число больше 0 </li> <li> a <var> допустимая строка длительности </var> как определено в спецификации [HTML5] <p> Примеры: </p> <pre> <code> ПТ4х28М3С </code> <code> 4ч 18м 3с </code> </pre> </li> </ul> <h3> </h3><dfn role="button" tabindex="0" aria-haspopup="true"> URL-адрес </dfn> # </h3> <p> Пустая строка является допустимой. <var> ИРИ ссылка </var> , поэтому пустая строка разрешена везде, где есть эта ссылка в «<var> URL-адрес </var>» тип данных как разрешенный.</p> <p> Пример: </p> <pre> <code> http://example.org/hello </code> </pre> <h3> </h3><dfn role="button" tabindex="0" aria-haspopup="true"> URL потенциально окружен пробелами </dfn> # </h3> <p> Пустая строка является допустимой. URL, поэтому пустая строка разрешена везде, где есть эта ссылка в « URL-адрес <var> потенциально окружен пробелами </var> » тип данных как разрешенный. </p> <h3> </h3><dfn role="button" tabindex="0" aria-haspopup="true"> непустой URL потенциально окружен пробелами </dfn> # </h3> <h3> </h3><dfn role="button" tabindex="0" aria-haspopup="true"> абсолютный URL-адрес, потенциально окруженный пробелами </dfn> # </h3> <p> Примеры: </p> <pre> <code> /привет </code> <code> #холст </code> <code> http://пример.орг/ </code> </pre> <h3> </h3><dfn role="button" tabindex="0" aria-haspopup="true"> MIME-тип </dfn> # </h3> Строка, которая идентифицирует действительный <var> Тип носителя MIME </var> как определено в [RFC 2046]. <h3> </h3><dfn role="button" tabindex="0" aria-haspopup="true"> имя кодировки символов </dfn> # </h3> <h3> </h3><dfn role="button" tabindex="0" aria-haspopup="true"> обновить значение </dfn> # </h3> Любое из следующего: <h3> </h3><dfn role="button" tabindex="0" aria-haspopup="true"> языковой тег </dfn> # </h3> Действительный <var> языковой тег </var> как определено в [БКП 47].<h3> </h3><dfn role="button" tabindex="0" aria-haspopup="true"> значение дропзоны </dfn> # </h3> <p> Ан неупорядоченный набор уникальных токенов, разделенных пробелами, каждый из которых является совпадение без учета регистра для одного из следующих: </p> <dl> <dt> <code> копия </code> </dt> <dd> <p> Указывает, что падение принятого элемента на элемент приведет к в копии перетаскиваемых данных. </p> </dd> <dt> <code> переместить </code> </dt> <dd> <p> Указывает, что если положить принятый элемент на элемент, привести к перемещению перетаскиваемых данных в новое место.</p> </dd> <dt> <code> ссылка </code> </dt> <dd> <p> Указывает, что если положить принятый элемент на элемент, Результат - ссылка на исходные данные. </p> </dd> <dt> Любой нить с тремя символами или более, начиная с буквальной строки "<code title=""> строка: </code>". </dt> <dd> <p> Указывает, что <i> простых строки Unicode </i> элементов типа обозначается частью ключевого слова после "<code title=""> строка: </code>" строка, может быть переброшена на этот элемент.</p> </dd> <dt> Любой нить из трех или более символов, начиная с литеральная строка "Файл <code title="">: </code>". </dt> <dd> <p> Указывает, что <i> файла </i> элементов типа обозначается частью ключевого слова после " <code title=""> файл: </code> " строка, может быть переброшена на этот элемент. </p> </dd> </dl> <p> Значение не должно содержать более одного из трех токенов "<code> копия </code>", "<code> ход </code>", или "<code> ссылка </code>". Если ничего не указано, элемент представляет собой <code> копировать </code> дропзону.</p> <h3> </h3><dfn role="button" tabindex="0" aria-haspopup="true"> ноль </dfn> # </h3> <p> Буквенная строка "<code title="U+0030 DIGIT ZERO"> 0 </code>". </p> <h3> </h3><dfn role="button" tabindex="0" aria-haspopup="true"> функциональное тело </dfn> # </h3> Любой код JavaScript, соответствующий <code> FunctionBody Производство </code> [ECMA 262]. <h3> </h3><dfn role="button" tabindex="0" aria-haspopup="true"> координаты прямоугольника </dfn> # </h3> Разделенный запятыми список из четырех целые числа, точно следующий порядок: <ol> <li> ан целое число представляющее расстояние в пикселях CSS слева край изображения с левой стороны прямоугольника </li> <li> ан целое число представляющее расстояние в пикселях CSS от вершины край изображения к верхней стороне прямоугольника </li> <li> ан целое, больше значение первого целого числа в этом списке, представляющее расстояние в пикселях CSS слева край изображения справа от прямоугольника </li> <li> ан целое, больше значение второго целого числа в этом списке, представляющее расстояние в пикселях CSS от вершины край изображения до нижней стороны прямоугольника </li> </ol> <h3> </h3><dfn role="button" tabindex="0" aria-haspopup="true"> координаты окружности </dfn> # </h3> Разделенный запятыми список из трех числа именно в следующем порядке: <ol> <li> ан целое число представляющее расстояние в пикселях CSS слева край изображения к центру круга </li> <li> ан целое число представляющее расстояние в пикселях CSS от вершины край изображения к центру круга </li> <li> а неотрицательное целое, представляющий радиус круга в CSS пикселей </li> </ol> <h3> </h3><dfn role="button" tabindex="0" aria-haspopup="true"> координаты полигона </dfn> # </h3> Список разделенных запятыми at минимум шесть целые числа, с общее количество целых чисел в списке четно (т. е. шесть, восемь, десять чисел и так далее).Каждая пара целые числа представляют координату в пикселях CSS, заданную как расстояния соответственно слева и сверху Изображение; все координаты вместе представляют точки многоугольника по порядку. <h3> </h3><dfn role="button" tabindex="0" aria-haspopup="true"> песочница «разрешить» список ключевых слов </dfn> # </h3> <h3> </h3><dfn role="button" tabindex="0" aria-haspopup="true"> список имен с кодировкой символов </dfn> # </h3> <h3> </h3><dfn role="button" tabindex="0" aria-haspopup="true"> узор </dfn> # </h3> Регулярное выражение, которое должен соответствовать JavaScript <var> Узор </var> производства, как указано в [ECMA 262].<h3> </h3><dfn role="button" tabindex="0" aria-haspopup="true"> местная дата и время </dfn> # </h3> Следующие части, в точности следующий порядок: <ol> <li> Свидание. </li> <li> Буквенная строка "<code> Т </code>". </li> <li> Время. </li> </ol> <p> Пример: </p> <pre> <code> 1985-04-12T23:20:50.52 </code> <code> 1996-12-19T16:39:57 </code> </pre> <h3> </h3><dfn role="button" tabindex="0" aria-haspopup="true"> Дата </dfn> # </h3> Действительный <var> полная дата </var> как определено в [RFC 3339], с дополнительной оговоркой, что компонент года четыре или более цифр, представляющих число больше 0.<h3> </h3><dfn role="button" tabindex="0" aria-haspopup="true"> месяц </dfn> # </h3> Следующие части, в точности следующий порядок: <ol> <li> Четыре или более цифр, представляющих число больше 0. </li> <li> Буквенная строка "<code> - </code>". </li> <li> Две цифры, обозначающие месяц <var> месяц </var> , в диапазоне 1 ≤ <var> месяц </var> , ≤ 12,</li> </ol> <h3> </h3><dfn role="button" tabindex="0" aria-haspopup="true"> неделя </dfn> # </h3> Следующие части, в точности следующий порядок: <ol> <li> Четыре или более цифр, обозначающих год <var> год </var> , куда <var> год </var> > 0.</li> <li> Буквенная строка "<code>-W </code>". </li> <li> Две цифры, обозначающие неделю <var> неделя </var> , В диапазоне 1 ≤ <var> неделя </var> ≤ <var> максимальная неделя </var> , куда <var> максимальная неделя </var> либо <code> 52 </code> или <code> 53 </code> , в зависимости от конкретного года. </li> </ol> <h3> </h3><dfn role="button" tabindex="0" aria-haspopup="true"> время </dfn> # </h3> <p> Примеры: </p> <pre> <code> 23:20:50.52 </code> <code> 17:39:57 </code> </pre> <h3> </h3><dfn role="button" tabindex="0" aria-haspopup="true"> адрес электронной почты </dfn> # </h3> Любая строка, соответствующая следующий [АБНФ] производство: <pre> <code> 1*(текст / ".[a-zA-Z0-9._`{|}~-]+@[a-zA-Z0-9-]+(?:\.[a-zA-Z0-9-]+)*$/ </code> </pre> <p> Примеры: </p> <pre> <code> foo-bar.baz@example.com </code> </pre> <h3> </h3><dfn role="button" tabindex="0" aria-haspopup="true"> список адресов электронной почты </dfn> # </h3> <h3> </h3><dfn role="button" tabindex="0" aria-haspopup="true"> простой цвет </dfn> # </h3> Строка ровно семь символы длинные, состоящие из следующих частей, в именно в следующем порядке: <ol> <li> А "<code title="U+0023 NUMBER SIGN"> #</code>" персонаж.</li> <li> Шесть символов в диапазоне <code title="U+0030 DIGIT ZERO–U+0039 DIGIT NINE"> 0–9 </code> , <code title="U+0061 LATIN SMALL LETTER A–U+0066 LATIN SMALL LETTER F"> а–ф </code> , а также <code title="U+0041 LATIN CAPITAL LETTER A–U+0046 LATIN CAPITAL LETTER F"> А–Ф </code> . </li> </ol> <p> Цветовые ключевые слова (например, такие строки, как «красный» или «зеленый») не допускаются. </p> <h3> </h3><dfn role="button" tabindex="0" aria-haspopup="true"> строка без разрывов строки </dfn> # </h3> <p> Любая строка, которая не содержит перевода строки (U+000A, «LF») или каретки. вернуть символы (U+000D, «CR»).</p> <h3> </h3><dfn role="button" tabindex="0" aria-haspopup="true"> непустая строка </dfn> # </h3> <p> Любая непустая строка. </p> <table> <h2><span class="ez-toc-section" id="_HTML_5"> Язык гипертекстовой разметки (HTML) 5 </span></h2> <th scope="row" valign="top"> Общий </th> <td valign="top"> <p> <b xmlns:fdd=".\fdd.xsd" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"> Отношения между W3C и WHATWG </b> : Отношения между W3C и WHATWG описаны в разделе «История» спецификации HTML 5. Эта заметка основана в основном на этом разделе.W3C прекратил разработку HTML в 1998 году, перенаправив внимание на основанный на XML XHTML. XHTML 1.0, по существу эквивалентный HTML 4.01, не вызывал проблем совместимости у поставщиков браузеров и был хорошо принят. Однако рекомендация W3C 2003 года для XForms, позиционируемая как веб-формы следующего поколения, требовала от браузеров реализации механизмов рендеринга, несовместимых со многими существующими веб-страницами HTML. В 2004 году Apple, Mozilla и Opera совместно объявили о своем намерении продолжить работу над расширениями HTML и сформировали WHATWG.Цитируя официальную историю, «WHATWG была основана на нескольких основных принципах, в частности, что технологии должны быть обратно совместимыми, что спецификации и реализации должны совпадать, даже если это означает изменение спецификации, а не реализации, и что спецификации должны быть достаточно подробными, чтобы реализации могли достичь полной функциональной совместимости без обратного проектирования друг друга». </p> <p> В 2007 году после изменения решения W3C сформировал рабочую группу для работы с WHATWG.До 2011 года рабочая группа W3C и WHATWG работали под руководством одного и того же редактора Яна Хиксона. В 2011 году группы пришли к выводу, что у них разные цели. W3C хотел завершить работу над рекомендацией HTML 5.0, в то время как WHATWG хотела продолжить работу по постоянному поддержанию спецификации HTML и добавлению новых функций. С тех пор WG W3C, отвечающая за HTML, принимает исправления для устранения ошибок и улучшений, которые уже широко поддерживаются в браузерах от WHATWG, и опубликовала ряд рекомендаций W3C.</p> <p> В мае 2019 года W3C и WHATWG подписали соглашение о совместной разработке единой версии спецификаций HTML и DOM. См. Спецификации формата ниже. </p> <p> <b xmlns:fdd=".\fdd.xsd" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"> Фреймворки </b> : Фреймворки, используемые для создания веб-страниц и веб-сайтов, представляют собой программные наборы инструментов, облегчающие использование CSS и Javascript. Они бывают разных вкусов. Фреймворк CSS, также называемый «интерфейсным» фреймворком, представляет собой предварительно подготовленную программную инфраструктуру, целью которой является упрощение веб-дизайна с использованием языка каскадных таблиц стилей и обеспечение большего соответствия стандартам.Примерами являются Bootstrap и Foundation. Другие фреймворки ориентированы на облегчение использования Javascript. Фреймворки Javascript включают AngularJS, Ember.js и Backbone.js. Обычно фреймворки Javascript используются для создания одностраничных приложений (SPA). </p> <p> Многие частные лица и малые предприятия используют другой подход для создания своих веб-сайтов. Такие компании, как WordPress.com и Squarespace, предлагают хостинг, шаблоны и инструменты дизайна на одной платформе. Они предоставляют возможность совершать покупки в одном месте, позволяя нетехническим специалистам создавать и поддерживать веб-сайты.WordPress.com — это хостинговая платформа, основанная на проекте WordPress.org с открытым исходным кодом. Шаблоны Squarespace используют HTML 5. Шаблоны WordPress известны как «темы»; объявленная версия HTML контролируется темой. Составители этого ресурса не исследовали различия между функциями, используемыми в файлах HTML, созданных с использованием различных веб-платформ и фреймворков. Комментарии приветствуются. </p> </td> <th scope="row" valign="top"> История </th> <td valign="top"> <p> HTML 5, также называемый HTML5, был первым обновлением после HTML 4.01, опубликованной в качестве рекомендации W3C в декабре 1999 года. HTML 5 основан как на опыте работы с XHTML, так и на расширениях, созданных поставщиками браузеров. Требования включали поддержку различных размеров экрана; более надежная и интероперабельная поддержка аудио и видео; и функции для поддержки интерактивных приложений. </p> <p> Первый рабочий проект HTML 5 был опубликован в январе 2008 г. Принятие HTML 5 происходило постепенно в период с 2008 по 2012 г., а затем неуклонно. В 2014 году HTML 5 наконец был выпущен в качестве рекомендации W3C.</p> <p> Более полное обсуждение и хронологию версий формата HTML см. в разделе HTML_family. </p> </td> </table> <h2><span class="ez-toc-section" id="_HTML-12"> Разметка: HTML-теги и форматирование </span></h2> <p> <strong> Заголовки </strong> </p> <h3><span class="ez-toc-section" id="i-9"> Второй заголовок </span></h3> <h4><span class="ez-toc-section" id="i-10"> Коллектор три </span></h4> <h5><span class="ez-toc-section" id="i-11"> Коллектор четыре </span></h5> <h5><span class="ez-toc-section" id="i-12"> Коллектор пять </span></h5> <h6><span class="ez-toc-section" id="i-13"> Жатка шесть </span></h6> <h3><span class="ez-toc-section" id="i-14"> Блок-котировки </span></h3> <p> Однострочный блок цитата: </p> <blockquote> <p> Оставайтесь голодными. Оставаться глупым. </p> </blockquote> <p> Многострочная цитата со ссылкой: </p> <blockquote cite="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/blockquote"> <p> Элемент <strong> HTML <code> <blockquote> </code> </strong> (или элемент </em> блочной цитаты HTML <em> ) указывает, что заключенный в нем текст является расширенной цитатой.Обычно это визуализируется визуально с помощью отступа (см. Примечания, как это изменить). URL-адрес источника цитаты может быть указан с использованием атрибута <strong> cite </strong>, а текстовое представление источника может быть дано с использованием элемента <code> <cite> </code>. </p> </blockquote> <p> <cite> несколько участников </cite> — ссылка на HTML-элемент MDN — блок-цитата </p> <h3><span class="ez-toc-section" id="i-15"> Таблицы </span></h3> <table> <thead> <tr> <th> Сотрудник </th> <th> Зарплата </th> <th/> </tr> </thead> <tbody> <tr> <th> Джон Доу </th> <td> $1 </td> <td> Потому что это все, что нужно Стиву Джобсу для зарплаты.</td> </tr> <tr> <th> Джейн Доу </th> <td> 100 тысяч долларов </td> <td> За все, что она ведет блог. </td> </tr> <tr> <th> Фред Блоггс </th> <td> 100 миллионов долларов </td> <td> Картинки стоят тысячи слов, верно? Итак, Джейн х 1000. </td> </tr> <tr> <th> Джейн Блоггс </th> <td> 100 миллиардов долларов </td> <td> С такими волосами?! Хватит говорить… </td> </tr> </tbody> </table> <h3><span class="ez-toc-section" id="i-16"> Списки определений </span></h3> <dl> <dt> Заголовок списка определений </dt> <dd> Разделение списка определений. </dd> <dt> Запуск </dt> <dd> Стартап-компания или стартап — это компания или временная организация, созданная для поиска воспроизводимой и масштабируемой бизнес-модели.</dd> <dt> #доворк </dt> <dd> Придуманная Робом Дирдеком и его личным телохранителем Кристофером «Большим Блэком» Бойкинсом, фраза «Выполняй работу» работает как само-мотиватор и мотивирует ваших друзей. </dd> <dt> Сделай это вживую </dt> <dd> Я позволю Биллу О'Райли объяснить это. </dd> </dl> <h3><span class="ez-toc-section" id="i-17"> Ненумерованные списки (вложенные) </span></h3> <ul> <li> Элемент списка один <ul> <li> Элемент списка один <ul> <li> Элемент списка один </li> <li> Второй элемент списка </li> <li> Третий элемент списка </li> <li> Элемент списка четыре </li> </ul> </li> <li> Второй элемент списка </li> <li> Третий элемент списка </li> <li> Элемент списка четыре </li> </ul> </li> <li> Второй элемент списка </li> <li> Третий элемент списка </li> <li> Элемент списка четыре </li> </ul> <h3><span class="ez-toc-section" id="i-18"> Упорядоченный список (вложенный) </span></h3> <ol start="8"> <li> Элемент списка один — начинается с 8 <ol> <li> Элемент списка один <ol reversed="reversed"> <li> Элемент списка один - реверсивный атрибут </li> <li> Второй элемент списка </li> <li> Третий элемент списка </li> <li> Элемент списка четыре </li> </ol> </li> <li> Второй элемент списка </li> <li> Третий элемент списка </li> <li> Элемент списка четыре </li> </ol> </li> <li> Второй элемент списка </li> <li> Третий элемент списка </li> <li> Элемент списка четыре </li> </ol> <h3><span class="ez-toc-section" id="_HTML-13"> Теги HTML </span></h3> <p> Эти поддерживаемые теги взяты из WordPress.com код часто задаваемые вопросы. </p> <p> <strong> Адресная бирка </strong> </p> <address> 1 Infinite Loop <br/> Купертино, Калифорния 95014 <br/> США </address> <p> <strong> Якорный тег (также известный как ссылка) </strong> </p> <p> Это пример ссылки. </p> <p> <strong> Тег сокращения </strong> </p> <p> Аббревиатура <abbr title="Seriously"> srsly </abbr> означает «серьезно». </p> <p> <strong> Тег аббревиатуры ( <em> устарел в HTML5 </em> ) </strong> </p> <p> Аббревиатура ftw расшифровывается как «for the win». </p> <p> <strong> Большой тег </strong> ( <em> устарел в HTML5 </em> ) </p> <p> Эти тесты очень важны, но этот тег больше не поддерживается в HTML5.</p> <p> <strong> Тег цитирования </strong> </p> <p> «Код — это поэзия». — <cite> Автомат </cite> </p> <p> <strong> Кодовая бирка </strong> </p> <p> Этот тег стилизует блоки кода. <br/> <code> .post-title { <br/> margin: 0 0 5px; <br/> вес шрифта: полужирный; <br/> размер шрифта: 38px; <br/> высота строки: 1,2; <br/> и вот строка какого-то очень, очень, очень, очень длинного текста, просто чтобы посмотреть, как он обрабатывается, и выяснить, как он переполняется; <br/> } </code> <br/> Позже в этих тестах вы узнаете, что word-wrap: break-word;будет вашим лучшим другом.</p> <p> <strong> Удалить тег </strong> </p> <p> Этот тег позволит вам <del cite="deleted it"> зачеркивать текст </del> , но этот тег <em> рекомендуется </em> </em> поддерживается в HTML5 (вместо этого используйте <code> <s> </code>). </p> <p> <strong> Тег выделения </strong> </p> <p> Тег выделения должен <em> выделяться курсивом </em> <i> текст </i> . </p> <p> <strong> Метка горизонтальной линейки </strong> </p> <hr/> <p> Это предложение следует за тегом <code> <hr /> </code>. </p> <p> <strong> Вставной ярлык </strong> </p> <p> Этот тег должен обозначать вставленный текст.</p> <p> <strong> Бирка для клавиатуры </strong> </p> <p> Этот малоизвестный тег эмулирует <kbd> текст клавиатуры </kbd> , который обычно оформлен как тег <code> <code> </code> . </p> <p> <strong> Предварительно отформатированный тег </strong> </p> <p> Этот тег предназначен для сохранения пробелов при вводе, например, в поэзии или ASCII-графике. </p> <pre> <h3><span class="ez-toc-section" id="i-19"> Неизбранная дорога </span></h3> <cite> Роберт Фрост </cite> Две дороги расходились в желтом лесу, И жаль, что я не мог путешествовать вдвоем (_/) И будь один путник, долго я стоял (='.знак равно И посмотрел вниз, насколько мог ("")_(") Туда, где он изгибался в подлеске; Затем взял другого, столь же справедливого, И имея, возможно, лучшее утверждение, |_/| Потому что он был травянистым и нуждался в износе; / @ @ Хотя насчет того, что переход туда ( > º >x <p> <strong> Тег кавычек </strong> для коротких встроенных кавычек </p> <p> <q> Разработчики, разработчики, разработчики... </q> --Стив Балмер </p> <p> <strong> Strike Tag </strong> ( <em> устарело в HTML5 </em> ) и <strong> S Tag </strong> </p> <p> Этот тег показывает зачеркнутый <s> текст </s> .</p> <p> <strong> Маленькая бирка </strong> </p> <p> Этот тег показывает <small> меньший <small> текст. </small> </small> </p> <p> <strong> Прочная бирка </strong> </p> <p> Этот тег показывает <strong> полужирный <strong> текст. </strong> </strong> </p> <p> <strong> Подстрочный тег </strong> </p> <p> Придаем нашему научному стилю H <sub> 2 </sub> O, что должно сдвинуть "2" вниз. </p> <p> <strong> Верхний индекс </strong> </p> <p> Все еще придерживаюсь науки и Исаака Ньютона E = MC <sup> 2 </sup> , что должно поднять 2 вверх.<div class='yarpp-related yarpp-related-none'> <p>No related posts.</p> </div> </div> </div><!-- .entry-content --> <div class="single-meta"> <footer class="entry-footer"> #<a href="https://gnomesmonetized.ru/category/raznoe-2" rel="category tag">Разное</a> </footer><!-- .entry-footer --> </div> </article><!-- #post-## --> <nav class="navigation post-navigation" aria-label="Записи"> <h2 class="screen-reader-text">Навигация по записям</h2> <div class="nav-links"><div class="nav-previous"><a href="https://gnomesmonetized.ru/raznoe-2/ishhu-rabotu-vysokooplachivaemuyu-dostup-ogranichen-problema-s-ip.html" rel="prev"><span class="screen-reader-text">Предыдущая запись:</span> <span class="post-title">Ищу работу высокооплачиваемую: Доступ ограничен: проблема с IP</span></a></div><div class="nav-next"><a href="https://gnomesmonetized.ru/raznoe-2/php-vyhod-iz-czikla-foreach-php-continue-manual.html" rel="next"><span class="screen-reader-text">Следующая запись:</span> <span class="post-title">Php выход из цикла foreach: PHP: continue — Manual</span></a></div></div> </nav> <div id="comments" class="comments-area"> <div class="comments-wrapper"> <div id="respond" class="comment-respond"> <h3 id="reply-title" class="comment-reply-title">Добавить комментарий <small><a rel="nofollow" id="cancel-comment-reply-link" href="/raznoe-2/html-razmetka-chto-eto-vvedenie-v-html-yazyk-razmetki-giperteksta.html#respond" style="display:none;">Отменить ответ</a></small></h3><form action="https://gnomesmonetized.ru/wp-comments-post.php" method="post" id="commentform" class="comment-form" novalidate><p class="comment-notes"><span id="email-notes">Ваш адрес email не будет опубликован.</span> <span class="required-field-message" aria-hidden="true">Обязательные поля помечены <span class="required" aria-hidden="true">*</span></span></p><p class="comment-form-comment"><label for="comment">Комментарий <span class="required" aria-hidden="true">*</span></label> <textarea id="comment" name="comment" cols="45" rows="8" maxlength="65525" required></textarea></p><p class="comment-form-author"><label for="author">Имя <span class="required" aria-hidden="true">*</span></label> <input id="author" name="author" type="text" value="" size="30" maxlength="245" required /></p> <p class="comment-form-email"><label for="email">Email <span class="required" aria-hidden="true">*</span></label> <input id="email" name="email" type="email" value="" size="30" maxlength="100" aria-describedby="email-notes" required /></p> <p class="comment-form-url"><label for="url">Сайт</label> <input id="url" name="url" type="url" value="" size="30" maxlength="200" /></p> <p class="form-submit"><input name="submit" type="submit" id="submit" class="submit" value="Отправить комментарий" /> <input type='hidden' name='comment_post_ID' value='18083' id='comment_post_ID' /> <input type='hidden' name='comment_parent' id='comment_parent' value='0' /> </p></form> </div><!-- #respond --> </div> </div><!-- #comments --> </main><!-- #main --> </div><!-- #primary --> <aside id="secondary" class="widget-area" role="complementary"> <div class="theiaStickySidebar"> <div id="search-2" class="widget widget_search"><form role="search" method="get" class="search-form" action="https://gnomesmonetized.ru/"> <label> <span class="screen-reader-text">Найти:</span> <input type="search" class="search-field" placeholder="Поиск…" value="" name="s" /> </label> <input type="submit" class="search-submit" value="Поиск" /> </form></div><div id="nav_menu-2" class="widget widget_nav_menu"><h5 class="widget-title center-widget-title">Рубрики</h5><div class="menu-1-container"><ul id="menu-1" class="menu"><li id="menu-item-5380" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-5380"><a href="https://gnomesmonetized.ru/category/bez-vlozhenij">Без вложений</a></li> <li id="menu-item-5381" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-5381"><a href="https://gnomesmonetized.ru/category/raznoe">Бизнес развитие</a></li> <li id="menu-item-5382" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-5382"><a href="https://gnomesmonetized.ru/category/bystro">Быстрый заработок</a></li> <li id="menu-item-5383" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-5383"><a href="https://gnomesmonetized.ru/category/zarabot">Где заработать</a></li> <li id="menu-item-5384" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-5384"><a href="https://gnomesmonetized.ru/category/zarabot-3">Заработок</a></li> <li id="menu-item-5385" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-5385"><a href="https://gnomesmonetized.ru/category/shkolniku">Заработок школьнику</a></li> <li id="menu-item-5386" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-5386"><a href="https://gnomesmonetized.ru/category/na-sajtax">На сайтах</a></li> <li id="menu-item-5387" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-5387"><a href="https://gnomesmonetized.ru/category/proverennye">Проверенные схемы</a></li> <li id="menu-item-5389" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-5389"><a href="https://gnomesmonetized.ru/category/sposoby">Способы заработка</a></li> <li id="menu-item-5390" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-5390"><a href="https://gnomesmonetized.ru/category/frilans">Фриланс</a></li> <li id="menu-item-5388" class="menu-item menu-item-type-taxonomy menu-item-object-category current-post-ancestor current-menu-parent current-post-parent menu-item-5388"><a href="https://gnomesmonetized.ru/category/raznoe-2">Разное</a></li> </ul></div></div><div id="custom_html-10" class="widget_text widget widget_custom_html"><div class="textwidget custom-html-widget"><style>iframe,object{width:100%;height:480px}img{max-width:100%}</style><script type="text/javascript">jQuery(document).ready(function($){$('.mylink').replaceWith(function(){return'<a href="'+$(this).attr('data-url')+'" title="'+$(this).attr('title')+'">'+$(this).html()+'</a>'})});new Image().src="//counter.yadro.ru/hit?r"+escape(document.referrer)+((typeof(screen)=="undefined")?"":";s"+screen.width+"*"+screen.height+"*"+(screen.colorDepth?screen.colorDepth:screen.pixelDepth))+";u"+escape(document.URL)+";h"+escape(document.title.substring(0,150))+";"+Math.random();</script> </div></div> </div> </aside></div><!-- #content --> <footer id="colophon" class="site-footer" role="contentinfo"> <div class="copyright-area"> <div class="wrapper"> <div class="col-row"> <div class="col col-full"> <div class="site-info"> <div class="footer_image"> </div> <h4 class="site-copyright"> 2019 © Все права защищены. </h4> <div class="col col-full site-copyright"> <a href="/sitemap.xml" class="c_sitemap">Карта сайта</a> </div> </div> </div> </div> </div> </div> </footer> </div> <div class="scroll-up alt-bgcolor"> <i class="ion-ios-arrow-up text-light"></i> </div> <style type="text/css"> .archive #nav-above, .archive #nav-below, .search #nav-above, .search #nav-below, .blog #nav-below, .blog #nav-above, .navigation.paging-navigation, .navigation.pagination, .pagination.paging-pagination, .pagination.pagination, .pagination.loop-pagination, .bicubic-nav-link, #page-nav, .camp-paging, #reposter_nav-pages, .unity-post-pagination, .wordpost_content .nav_post_link,.page-link, .page-links,#comments .navigation, #comment-nav-above, #comment-nav-below, #nav-single, .navigation.comment-navigation, comment-pagination { display: none !important; } .single-gallery .pagination.gllrpr_pagination { display: block !important; } </style> <link rel='stylesheet' id='yarppRelatedCss-css' href='https://gnomesmonetized.ru/wp-content/plugins/yet-another-related-posts-plugin/style/related.css?ver=5.9.3' type='text/css' media='all' /> <link rel='stylesheet' id='pgntn_stylesheet-css' href='https://gnomesmonetized.ru/wp-content/plugins/pagination/css/nav-style.css?ver=5.9.3' type='text/css' media='all' /> <script type='text/javascript' src='https://gnomesmonetized.ru/wp-content/themes/jumla/js/skip-link-focus-fix.js?ver=20151215' id='jumla-skip-link-focus-fix-js'></script> <script type='text/javascript' src='https://gnomesmonetized.ru/wp-content/themes/jumla/assets/libraries/headroom/headroom.js?ver=5.9.3' id='headroom-js'></script> <script type='text/javascript' src='https://gnomesmonetized.ru/wp-content/themes/jumla/assets/libraries/headroom/jQuery.headroom.js?ver=5.9.3' id='jquery-headroom-js'></script> <script type='text/javascript' src='https://gnomesmonetized.ru/wp-content/themes/jumla/assets/libraries/owlcarousel/js/owl.carousel.min.js?ver=5.9.3' id='owlcarousel-js'></script> <script type='text/javascript' src='https://gnomesmonetized.ru/wp-content/themes/jumla/assets/libraries/magnific-popup/jquery.magnific-popup.min.js?ver=5.9.3' id='jquery-magnific-popup-js'></script> <script type='text/javascript' src='https://gnomesmonetized.ru/wp-content/themes/jumla/assets/twp/js/twp-scroll.js?ver=5.9.3' id='jquery-scroll-js'></script> <script type='text/javascript' src='https://gnomesmonetized.ru/wp-content/themes/jumla/assets/libraries/theiaStickySidebar/theia-sticky-sidebar.min.js?ver=5.9.3' id='theiaStickySidebar-js'></script> <script type='text/javascript' id='mediaelement-core-js-before'> var mejsL10n = {"language":"ru","strings":{"mejs.download-file":"\u0421\u043a\u0430\u0447\u0430\u0442\u044c \u0444\u0430\u0439\u043b","mejs.install-flash":"Flash player \u043f\u043b\u0430\u0433\u0438\u043d \u0431\u044b\u043b \u043e\u0442\u043a\u043b\u044e\u0447\u0435\u043d \u0438\u043b\u0438 \u043d\u0435 \u0431\u044b\u043b \u0443\u0441\u0442\u0430\u043d\u043e\u0432\u043b\u0435\u043d \u0432 \u0432\u0430\u0448\u0435\u043c \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u0435. \u041f\u043e\u0436\u0430\u043b\u0443\u0439\u0441\u0442\u0430, \u0432\u043a\u043b\u044e\u0447\u0438\u0442\u0435 \u043f\u043b\u0430\u0433\u0438\u043d Flash player \u0438\u043b\u0438 \u0441\u043a\u0430\u0447\u0430\u0439\u0442\u0435 \u043f\u043e\u0441\u043b\u0435\u0434\u043d\u044e\u044e \u0432\u0435\u0440\u0441\u0438\u044e \u0441 https:\/\/get.adobe.com\/flashplayer\/","mejs.fullscreen":"\u041d\u0430 \u0432\u0435\u0441\u044c \u044d\u043a\u0440\u0430\u043d","mejs.play":"\u0412\u043e\u0441\u043f\u0440\u043e\u0438\u0437\u0432\u0435\u0441\u0442\u0438","mejs.pause":"\u041f\u0430\u0443\u0437\u0430","mejs.time-slider":"\u0428\u043a\u0430\u043b\u0430 \u0432\u0440\u0435\u043c\u0435\u043d\u0438","mejs.time-help-text":"\u0418\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0439\u0442\u0435 \u043a\u043b\u0430\u0432\u0438\u0448\u0438 \u0432\u043b\u0435\u0432\u043e\/\u0432\u043f\u0440\u0430\u0432\u043e, \u0447\u0442\u043e\u0431\u044b \u043f\u0435\u0440\u0435\u043c\u0435\u0441\u0442\u0438\u0442\u044c\u0441\u044f \u043d\u0430 \u043e\u0434\u043d\u0443 \u0441\u0435\u043a\u0443\u043d\u0434\u0443; \u0432\u0432\u0435\u0440\u0445\/\u0432\u043d\u0438\u0437, \u0447\u0442\u043e\u0431\u044b \u043f\u0435\u0440\u0435\u043c\u0435\u0441\u0442\u0438\u0442\u044c\u0441\u044f \u043d\u0430 \u0434\u0435\u0441\u044f\u0442\u044c \u0441\u0435\u043a\u0443\u043d\u0434.","mejs.live-broadcast":"\u041f\u0440\u044f\u043c\u0430\u044f \u0442\u0440\u0430\u043d\u0441\u043b\u044f\u0446\u0438\u044f","mejs.volume-help-text":"\u0418\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0439\u0442\u0435 \u043a\u043b\u0430\u0432\u0438\u0448\u0438 \u0432\u0432\u0435\u0440\u0445\/\u0432\u043d\u0438\u0437, \u0447\u0442\u043e\u0431\u044b \u0443\u0432\u0435\u043b\u0438\u0447\u0438\u0442\u044c \u0438\u043b\u0438 \u0443\u043c\u0435\u043d\u044c\u0448\u0438\u0442\u044c \u0433\u0440\u043e\u043c\u043a\u043e\u0441\u0442\u044c.","mejs.unmute":"\u0412\u043a\u043b\u044e\u0447\u0438\u0442\u044c \u0437\u0432\u0443\u043a","mejs.mute":"\u0411\u0435\u0437 \u0437\u0432\u0443\u043a\u0430","mejs.volume-slider":"\u0420\u0435\u0433\u0443\u043b\u044f\u0442\u043e\u0440 \u0433\u0440\u043e\u043c\u043a\u043e\u0441\u0442\u0438","mejs.video-player":"\u0412\u0438\u0434\u0435\u043e\u043f\u043b\u0435\u0435\u0440","mejs.audio-player":"\u0410\u0443\u0434\u0438\u043e\u043f\u043b\u0435\u0435\u0440","mejs.captions-subtitles":"\u0421\u0443\u0431\u0442\u0438\u0442\u0440\u044b","mejs.captions-chapters":"\u0413\u043b\u0430\u0432\u044b","mejs.none":"\u041d\u0435\u0442","mejs.afrikaans":"\u0410\u0444\u0440\u0438\u043a\u0430\u043d\u0441\u043a\u0438\u0439","mejs.albanian":"\u0410\u043b\u0431\u0430\u043d\u0441\u043a\u0438\u0439","mejs.arabic":"\u0410\u0440\u0430\u0431\u0441\u043a\u0438\u0439","mejs.belarusian":"\u0411\u0435\u043b\u0430\u0440\u0443\u0441\u0441\u043a\u0438\u0439","mejs.bulgarian":"\u0411\u043e\u043b\u0433\u0430\u0440\u0441\u043a\u0438\u0439","mejs.catalan":"\u041a\u0430\u0442\u0430\u043b\u043e\u043d\u0441\u043a\u0438\u0439","mejs.chinese":"\u041a\u0438\u0442\u0430\u0439\u0441\u043a\u0438\u0439","mejs.chinese-simplified":"\u041a\u0438\u0442\u0430\u0439\u0441\u043a\u0438\u0439 (\u0443\u043f\u0440\u043e\u0449\u0435\u043d\u043d\u044b\u0439)","mejs.chinese-traditional":"\u041a\u0438\u0442\u0430\u0439\u0441\u043a\u0438\u0439 (\u0442\u0440\u0430\u0434\u0438\u0446\u0438\u043e\u043d\u043d\u044b\u0439)","mejs.croatian":"\u0425\u043e\u0440\u0432\u0430\u0442\u0441\u043a\u0438\u0439","mejs.czech":"\u0427\u0435\u0448\u0441\u043a\u0438\u0439","mejs.danish":"\u0414\u0430\u0442\u0441\u043a\u0438\u0439","mejs.dutch":"\u041d\u0438\u0434\u0435\u0440\u043b\u0430\u043d\u0434\u0441\u043a\u0438\u0439 (\u0433\u043e\u043b\u043b\u0430\u043d\u0434\u0441\u043a\u0438\u0439)","mejs.english":"\u0410\u043d\u0433\u043b\u0438\u0439\u0441\u043a\u0438\u0439","mejs.estonian":"\u042d\u0441\u0442\u043e\u043d\u0441\u043a\u0438\u0439","mejs.filipino":"\u0424\u0438\u043b\u0438\u043f\u043f\u0438\u043d\u0441\u043a\u0438\u0439","mejs.finnish":"\u0424\u0438\u043d\u0441\u043a\u0438\u0439","mejs.french":"\u0424\u0440\u0430\u043d\u0446\u0443\u0437\u0441\u043a\u0438\u0439","mejs.galician":"\u0413\u0430\u043b\u0438\u0441\u0438\u0439\u0441\u043a\u0438\u0439","mejs.german":"\u041d\u0435\u043c\u0435\u0446\u043a\u0438\u0439","mejs.greek":"\u0413\u0440\u0435\u0447\u0435\u0441\u043a\u0438\u0439","mejs.haitian-creole":"\u0413\u0430\u0438\u0442\u044f\u043d\u0441\u043a\u0438\u0439 \u043a\u0440\u0435\u043e\u043b\u044c\u0441\u043a\u0438\u0439","mejs.hebrew":"\u0418\u0432\u0440\u0438\u0442","mejs.hindi":"\u0425\u0438\u043d\u0434\u0438","mejs.hungarian":"\u0412\u0435\u043d\u0433\u0435\u0440\u0441\u043a\u0438\u0439","mejs.icelandic":"\u0418\u0441\u043b\u0430\u043d\u0434\u0441\u043a\u0438\u0439","mejs.indonesian":"\u0418\u043d\u0434\u043e\u043d\u0435\u0437\u0438\u0439\u0441\u043a\u0438\u0439","mejs.irish":"\u0418\u0440\u043b\u0430\u043d\u0434\u0441\u043a\u0438\u0439","mejs.italian":"\u0418\u0442\u0430\u043b\u044c\u044f\u043d\u0441\u043a\u0438\u0439","mejs.japanese":"\u042f\u043f\u043e\u043d\u0441\u043a\u0438\u0439","mejs.korean":"\u041a\u043e\u0440\u0435\u0439\u0441\u043a\u0438\u0439","mejs.latvian":"\u041b\u0430\u0442\u0432\u0438\u0439\u0441\u043a\u0438\u0439","mejs.lithuanian":"\u041b\u0438\u0442\u043e\u0432\u0441\u043a\u0438\u0439","mejs.macedonian":"\u041c\u0430\u043a\u0435\u0434\u043e\u043d\u0441\u043a\u0438\u0439","mejs.malay":"\u041c\u0430\u043b\u0430\u0439\u0441\u043a\u0438\u0439","mejs.maltese":"\u041c\u0430\u043b\u044c\u0442\u0438\u0439\u0441\u043a\u0438\u0439","mejs.norwegian":"\u041d\u043e\u0440\u0432\u0435\u0436\u0441\u043a\u0438\u0439","mejs.persian":"\u041f\u0435\u0440\u0441\u0438\u0434\u0441\u043a\u0438\u0439","mejs.polish":"\u041f\u043e\u043b\u044c\u0441\u043a\u0438\u0439","mejs.portuguese":"\u041f\u043e\u0440\u0442\u0443\u0433\u0430\u043b\u044c\u0441\u043a\u0438\u0439","mejs.romanian":"\u0420\u0443\u043c\u044b\u043d\u0441\u043a\u0438\u0439","mejs.russian":"\u0420\u0443\u0441\u0441\u043a\u0438\u0439","mejs.serbian":"\u0421\u0435\u0440\u0431\u0441\u043a\u0438\u0439","mejs.slovak":"\u0421\u043b\u043e\u0432\u0430\u0446\u043a\u0438\u0439","mejs.slovenian":"\u0421\u043b\u043e\u0432\u0435\u043d\u0441\u043a\u0438\u0439","mejs.spanish":"\u0418\u0441\u043f\u0430\u043d\u0441\u043a\u0438\u0439","mejs.swahili":"\u0421\u0443\u0430\u0445\u0438\u043b\u0438","mejs.swedish":"\u0428\u0432\u0435\u0434\u0441\u043a\u0438\u0439","mejs.tagalog":"\u0422\u0430\u0433\u0430\u043b\u043e\u0433","mejs.thai":"\u0422\u0430\u0439\u0441\u043a\u0438\u0439","mejs.turkish":"\u0422\u0443\u0440\u0435\u0446\u043a\u0438\u0439","mejs.ukrainian":"\u0423\u043a\u0440\u0430\u0438\u043d\u0441\u043a\u0438\u0439","mejs.vietnamese":"\u0412\u044c\u0435\u0442\u043d\u0430\u043c\u0441\u043a\u0438\u0439","mejs.welsh":"\u0412\u0430\u043b\u043b\u0438\u0439\u0441\u043a\u0438\u0439","mejs.yiddish":"\u0418\u0434\u0438\u0448"}}; </script> <script type='text/javascript' src='https://gnomesmonetized.ru/wp-includes/js/mediaelement/mediaelement-and-player.min.js?ver=4.2.16' id='mediaelement-core-js'></script> <script type='text/javascript' src='https://gnomesmonetized.ru/wp-includes/js/mediaelement/mediaelement-migrate.min.js?ver=5.9.3' id='mediaelement-migrate-js'></script> <script type='text/javascript' id='mediaelement-js-extra'> /* <![CDATA[ */ var _wpmejsSettings = {"pluginPath":"\/wp-includes\/js\/mediaelement\/","classPrefix":"mejs-","stretching":"responsive"}; /* ]]> */ </script> <script type='text/javascript' src='https://gnomesmonetized.ru/wp-includes/js/mediaelement/wp-mediaelement.min.js?ver=5.9.3' id='wp-mediaelement-js'></script> <script type='text/javascript' id='jumla-script-js-extra'> /* <![CDATA[ */ var jumlaVal = {"nonce":"078fc53291","ajaxurl":"https:\/\/gnomesmonetized.ru\/wp-admin\/admin-ajax.php"}; /* ]]> */ </script> <script type='text/javascript' src='https://gnomesmonetized.ru/wp-content/themes/jumla/assets/twp/js/custom-script.js?ver=5.9.3' id='jumla-script-js'></script> <script type='text/javascript' src='https://gnomesmonetized.ru/wp-includes/js/comment-reply.min.js?ver=5.9.3' id='comment-reply-js'></script> <script type='text/javascript' src='https://gnomesmonetized.ru/wp-content/plugins/easy-table-of-contents/vendor/smooth-scroll/jquery.smooth-scroll.min.js?ver=1.5.5' id='jquery-smooth-scroll-js'></script> <script type='text/javascript' src='https://gnomesmonetized.ru/wp-content/plugins/easy-table-of-contents/vendor/js-cookie/js.cookie.min.js?ver=2.0.3' id='js-cookie-js'></script> <script type='text/javascript' src='https://gnomesmonetized.ru/wp-content/plugins/easy-table-of-contents/vendor/sticky-kit/jquery.sticky-kit.min.js?ver=1.9.2' id='jquery-sticky-kit-js'></script> <script type='text/javascript' src='https://gnomesmonetized.ru/wp-content/plugins/easy-table-of-contents/vendor/waypoints/jquery.waypoints.min.js?ver=1.9.2' id='jquery-waypoints-js'></script> <script type='text/javascript' id='ez-toc-js-js-extra'> /* <![CDATA[ */ var ezTOC = {"smooth_scroll":"1","visibility_hide_by_default":"","width":"auto","scroll_offset":"30"}; /* ]]> */ </script> <script type='text/javascript' src='https://gnomesmonetized.ru/wp-content/plugins/easy-table-of-contents/assets/js/front.min.js?ver=1.7' id='ez-toc-js-js'></script> </body> </html>