Следующая версия | Предыдущая версия |
software:development:ps_pycharm:html5:content_categories [2023/08/20 20:54] – создано - внешнее изменение 127.0.0.1 | software:development:ps_pycharm:html5:content_categories [2023/08/20 21:44] (текущий) – [Фразовый контент] vladpolskiy |
---|
Существует три типа категорий контента: | Существует три типа категорий контента: |
| |
Основные категории контента, описывающие общие для многих элементов правила; | * Основные категории контента, описывающие общие для многих элементов правила; |
Категории контента для элементов форм, описывающие общие правила для элементов форм; | * Категории контента для элементов форм, описывающие общие правила для элементов форм; |
Особые категории контента, описывающие редкие категории, актуальные только для нескольких элементов, возможно, лишь в особом контексте. | * Особые категории контента, описывающие редкие категории, актуальные только для нескольких элементов, возможно, лишь в особом контексте. |
Примечание: Более подробное обсуждение данных категорий контента и их сравнительных особенностей выходит за рамки данной статьи; можно обратиться к соответствующим разделам спецификации HTML (на английском). | <code> |
| Примечание: Более подробное обсуждение данных категорий контента и их |
| сравнительных особенностей выходит за рамки данной статьи; можно |
| обратиться к соответствующим разделам спецификации HTML. |
| </code> |
| |
Content_categories_venn.png | Content_categories_venn.png |
Элементы, принадлежащие к категории метаданных, изменяют отображение или поведение HTML-документа, связывают его с другими документами и предоставляют другую дополнительную информацию о документе. | Элементы, принадлежащие к категории метаданных, изменяют отображение или поведение HTML-документа, связывают его с другими документами и предоставляют другую дополнительную информацию о документе. |
| |
Элементами метаданных являются: <base>, <command>, <link>, <meta>, <noscript>, <script>, <style> и <title>. | Элементами метаданных являются: [[software:development:ps_pycharm:html5:element:<base>|]], [[software:development:ps_pycharm:html5:element:<command>|]], [[software:development:ps_pycharm:html5:element:<link>|]], [[software:development:ps_pycharm:html5:element:<meta>|]], [[software:development:ps_pycharm:html5:element:<noscript>|]], [[software:development:ps_pycharm:html5:element:<script>|]], [[software:development:ps_pycharm:html5:element:<style>|]] и [[software:development:ps_pycharm:html5:element:<title>|]]. |
| |
==== Основной поток ==== | ==== Основной поток ==== |
Элементы основного потока обычно содержат текст и встроенный контент. | Элементы основного потока обычно содержат текст и встроенный контент. |
| |
<a>, <abbr>, <address>, <article>, <aside>, <audio>, <b>,<bdo>, <bdi>, <blockquote>, <br>, <button>, <canvas>, <cite>, <code>, <command>, <data>, <datalist>, <del>, <details>, <dfn>, <div>, <dl>, <em>, <embed>, <fieldset>, <figure>, <footer>, <form>, <h1> (en-US), <h2> (en-US), <h3> (en-US), <h4> (en-US), <h5> (en-US), <h6> (en-US), <header>, <hgroup>, <hr>, <i> (en-US), <iframe> (en-US), <img>, <input>, <ins>, <kbd>, Устарело<keygen>, <label>, <main>, <map>, <mark>, <math>, <menu>, <meter>, <nav>, <noscript>, <object> (en-US), <ol>, <output>, <p>, <pre>, <progress>, <q> (en-US), <ruby>, <s> (en-US), <samp> (en-US), <script>, <section>, <select>, <small> (en-US), <span>, <strong>, <sub> (en-US), <sup> (en-US), <svg>, <table> (en-US), <template>, <textarea> (en-US), <time>, <ul>, <var> (en-US), <video>, <wbr> и Текст. | [[software:development:ps_pycharm:html5:element:<a>|]], [[software:development:ps_pycharm:html5:element:<abbr>|]], [[software:development:ps_pycharm:html5:element:<address>|]], [[software:development:ps_pycharm:html5:element:<article>|]], [[software:development:ps_pycharm:html5:element:<aside>|]], [[software:development:ps_pycharm:html5:element:<audio>|]], [[software:development:ps_pycharm:html5:element:<b>|]],[[software:development:ps_pycharm:html5:element:<bdo>|]], [[software:development:ps_pycharm:html5:element:<bdi>|]], [[software:development:ps_pycharm:html5:element:<blockquote>|]], [[software:development:ps_pycharm:html5:element:<br>|]], [[software:development:ps_pycharm:html5:element:<button>|]], [[software:development:ps_pycharm:html5:element:<canvas>|]], [[software:development:ps_pycharm:html5:element:<cite>|]], [[software:development:ps_pycharm:html5:element:<code>|]], [[software:development:ps_pycharm:html5:element:<command>|]], [[software:development:ps_pycharm:html5:element:<data>|]], [[software:development:ps_pycharm:html5:element:<datalist>|]], [[software:development:ps_pycharm:html5:element:<del>|]], [[software:development:ps_pycharm:html5:element:<details>|]], [[software:development:ps_pycharm:html5:element:<dfn>|]], [[software:development:ps_pycharm:html5:element:<div>|]], [[software:development:ps_pycharm:html5:element:<dl>|]], [[software:development:ps_pycharm:html5:element:<em>|]], [[software:development:ps_pycharm:html5:element:<embed>|]], [[software:development:ps_pycharm:html5:element:<fieldset>|]], [[software:development:ps_pycharm:html5:element:<figure>|]], [[software:development:ps_pycharm:html5:element:<footer>|]], [[software:development:ps_pycharm:html5:element:<form>|]], [[software:development:ps_pycharm:html5:element:<h1>|]] , [[software:development:ps_pycharm:html5:element:<h2>|]] , [[software:development:ps_pycharm:html5:element:<h3>|]] , [[software:development:ps_pycharm:html5:element:<h4>|]] , [[software:development:ps_pycharm:html5:element:<h5>|]] , [[software:development:ps_pycharm:html5:element:<h6>|]] , [[software:development:ps_pycharm:html5:element:<header>|]], [[software:development:ps_pycharm:html5:element:<hgroup>|]], [[software:development:ps_pycharm:html5:element:<hr>|]], [[software:development:ps_pycharm:html5:element:<i>|]] , [[software:development:ps_pycharm:html5:element:<iframe>|]] , [[software:development:ps_pycharm:html5:element:<img>|]], [[software:development:ps_pycharm:html5:element:<input>|]], [[software:development:ps_pycharm:html5:element:<ins>|]], [[software:development:ps_pycharm:html5:element:<kbd>|]], Устарело[[software:development:ps_pycharm:html5:element:<keygen>|]], [[software:development:ps_pycharm:html5:element:<label>|]], [[software:development:ps_pycharm:html5:element:<main>|]], [[software:development:ps_pycharm:html5:element:<map>|]], [[software:development:ps_pycharm:html5:element:<mark>|]], [[software:development:ps_pycharm:html5:element:<math>|]], [[software:development:ps_pycharm:html5:element:<menu>|]], [[software:development:ps_pycharm:html5:element:<meter>|]], [[software:development:ps_pycharm:html5:element:<nav>|]], [[software:development:ps_pycharm:html5:element:<noscript>|]], [[software:development:ps_pycharm:html5:element:<object>|]] , [[software:development:ps_pycharm:html5:element:<ol>|]], [[software:development:ps_pycharm:html5:element:<output>|]], [[software:development:ps_pycharm:html5:element:<p>|]], [[software:development:ps_pycharm:html5:element:<pre>|]], [[software:development:ps_pycharm:html5:element:<progress>|]], [[software:development:ps_pycharm:html5:element:<q>|]] , [[software:development:ps_pycharm:html5:element:<ruby>|]], [[software:development:ps_pycharm:html5:element:<s>|]] , [[software:development:ps_pycharm:html5:element:<samp>|]] , [[software:development:ps_pycharm:html5:element:<script>|]], [[software:development:ps_pycharm:html5:element:<section>|]], [[software:development:ps_pycharm:html5:element:<select>|]], [[software:development:ps_pycharm:html5:element:<small>|]] , [[software:development:ps_pycharm:html5:element:<span>|]], [[software:development:ps_pycharm:html5:element:<strong>|]], [[software:development:ps_pycharm:html5:element:<sub>|]] , [[software:development:ps_pycharm:html5:element:<sup>|]] , [[software:development:ps_pycharm:html5:element:<svg>|]], [[software:development:ps_pycharm:html5:element:<table>|]] , [[software:development:ps_pycharm:html5:element:<template>|]], [[software:development:ps_pycharm:html5:element:<textarea>|]] , [[software:development:ps_pycharm:html5:element:<time>|]], [[software:development:ps_pycharm:html5:element:<ul>|]], [[software:development:ps_pycharm:html5:element:<var>|]] , [[software:development:ps_pycharm:html5:element:<video>|]], [[software:development:ps_pycharm:html5:element:<wbr>|]] и Текст. |
| |
Несколько других элементов, которые тоже принадлежат к этому типу, но требуют определённых условий: | Несколько других элементов, которые тоже принадлежат к этому типу, но требуют определённых условий: |
| |
<area>, только внутри элемента <map> | * [[software:development:ps_pycharm:html5:element:<area>|]], только внутри элемента [[software:development:ps_pycharm:html5:element:<map>|]] |
<link>, при наличии атрибута itemprop (en-US) | * [[software:development:ps_pycharm:html5:element:<link>|]], при наличии атрибута itemprop |
<meta>, при наличии атрибута itemprop (en-US) | * [[software:development:ps_pycharm:html5:element:<meta>|]], при наличии атрибута itemprop |
<style>, при наличии атрибута scoped | * [[software:development:ps_pycharm:html5:element:<style>|]], при наличии атрибута scoped |
==== Секционный контент ==== | ==== Секционный контент ==== |
Подобные элементы создают секции (блоки) в текущей структуре документа, определяющие область действия заголовочного контента и элементов <header> и <footer> | Подобные элементы создают секции (блоки) в текущей структуре документа, определяющие область действия заголовочного контента и элементов [[software:development:ps_pycharm:html5:element:<header>|]] и [[software:development:ps_pycharm:html5:element:<footer>|]] |
| |
К этой категории принадлежат элементы <article>, <aside>, <nav> и <section>. | К этой категории принадлежат элементы [[software:development:ps_pycharm:html5:element:<article>|]], [[software:development:ps_pycharm:html5:element:<aside>|]], [[software:development:ps_pycharm:html5:element:<nav>|]] и [[software:development:ps_pycharm:html5:element:<section>|]]. |
| |
Примечание: Не стоит путать данную модель контента с категорией корня задания разделов, которая изолирует своё содержимое от обычной структуры. | Примечание: Не стоит путать данную модель контента с категорией корня задания разделов, которая изолирует своё содержимое от обычной структуры. |
Заголовочный контент задаёт заголовок секции, явно отмеченной структурным элементом или неявно – самим заголовочным. | Заголовочный контент задаёт заголовок секции, явно отмеченной структурным элементом или неявно – самим заголовочным. |
| |
Данной категории принадлежат такие элементы, как <h1> (en-US), <h2> (en-US), <h3> (en-US), <h4> (en-US), <h5> (en-US), <h6> (en-US) и <hgroup>. | Данной категории принадлежат такие элементы, как [[software:development:ps_pycharm:html5:element:<h1>|]] , [[software:development:ps_pycharm:html5:element:<h2>|]] , [[software:development:ps_pycharm:html5:element:<h3>|]] , [[software:development:ps_pycharm:html5:element:<h4>|]] , [[software:development:ps_pycharm:html5:element:<h5>|]] , [[software:development:ps_pycharm:html5:element:<h6>|]] и [[software:development:ps_pycharm:html5:element:<hgroup>|]]. |
| |
Примечание: Элемент <header> сам по себе не является заголовочным, хотя с большой вероятностью содержит контент такого типа. | <file> |
| Примечание: Элемент <header>сам по себе не является заголовочным, хотя с большой вероятностью |
| содержит контент такого типа. |
| </file> |
| |
Примечание: Стоит заметить, что элемент <hgroup> был удалён из спецификации W3C HTML до приведения HTML 5 к окончательному варианту, но до сих пор является частью спецификации WHATWG и по крайней мере частично поддерживается большинством браузеров. | <file> |
| Примечание: Стоит заметить, что элемент <hgroup> был удалён из спецификации W3C HTML до приведения |
| HTML 5 к окончательному варианту, но до сих пор является частью спецификации WHATWG и по крайней |
| мере частично поддерживается большинством браузеров. |
| </file> |
| |
==== Фразовый контент ==== | ==== Фразовый контент ==== |
Фразовый контент определяет текст и его формат. Серии фразового контента образуют параграфы. | Фразовый контент определяет текст и его формат. Серии фразового контента образуют параграфы. |
| |
К данной категории принадлежат следующие элементы: <abbr>, <audio>, <b>, <bdo>, <br>, <button>, <canvas>, <cite>, <code>, <command>, <data>, <datalist>, <dfn>, <em>, <embed>, <i> (en-US), <iframe> (en-US), <img>, <input>, <kbd>, Устарело<keygen>, <label>, <mark>, <math>, <meter>, <noscript>, <object> (en-US), <output>, <progress>, <q> (en-US), <ruby>, <samp> (en-US), <script>, <select>, <small> (en-US), <span>, <strong>, <sub> (en-US), <sup> (en-US), <svg>, <textarea> (en-US), <time>, <var> (en-US), <video>, <wbr> и обычный текст (не только состоящий из символов пробелов). | К данной категории принадлежат следующие элементы: [[software:development:ps_pycharm:html5:element:<abbr>|]], [[software:development:ps_pycharm:html5:element:<audio>|]], [[software:development:ps_pycharm:html5:element:<b>|]], [[software:development:ps_pycharm:html5:element:<bdo>|]], [[software:development:ps_pycharm:html5:element:<br>|]], [[software:development:ps_pycharm:html5:element:<button>|]], [[software:development:ps_pycharm:html5:element:<canvas>|]], [[software:development:ps_pycharm:html5:element:<cite>|]], [[software:development:ps_pycharm:html5:element:<code>|]], [[software:development:ps_pycharm:html5:element:<command>|]], [[software:development:ps_pycharm:html5:element:<data>|]], [[software:development:ps_pycharm:html5:element:<datalist>|]], [[software:development:ps_pycharm:html5:element:<dfn>|]], [[software:development:ps_pycharm:html5:element:<em>|]], [[software:development:ps_pycharm:html5:element:<embed>|]], [[software:development:ps_pycharm:html5:element:<i>|]] , [[software:development:ps_pycharm:html5:element:<iframe>|]] , [[software:development:ps_pycharm:html5:element:<img>|]], [[software:development:ps_pycharm:html5:element:<input>|]], [[software:development:ps_pycharm:html5:element:<kbd>|]], Устарело[[software:development:ps_pycharm:html5:element:<keygen>|]], [[software:development:ps_pycharm:html5:element:<label>|]], [[software:development:ps_pycharm:html5:element:<mark>|]], [[software:development:ps_pycharm:html5:element:<math>|]], [[software:development:ps_pycharm:html5:element:<meter>|]], [[software:development:ps_pycharm:html5:element:<noscript>|]], [[software:development:ps_pycharm:html5:element:<object>|]] , [[software:development:ps_pycharm:html5:element:<output>|]], [[software:development:ps_pycharm:html5:element:<progress>|]], [[software:development:ps_pycharm:html5:element:<q>|]] , [[software:development:ps_pycharm:html5:element:<ruby>|]], [[software:development:ps_pycharm:html5:element:<samp>|]] , [[software:development:ps_pycharm:html5:element:<script>|]], [[software:development:ps_pycharm:html5:element:<select>|]], [[software:development:ps_pycharm:html5:element:<small>|]] , [[software:development:ps_pycharm:html5:element:<span>|]], [[software:development:ps_pycharm:html5:element:<strong>|]], [[software:development:ps_pycharm:html5:element:<sub>|]] , [[software:development:ps_pycharm:html5:element:<sup>|]] , [[software:development:ps_pycharm:html5:element:<svg>|]], [[software:development:ps_pycharm:html5:element:<textarea>|]] , [[software:development:ps_pycharm:html5:element:<time>|]], [[software:development:ps_pycharm:html5:element:<var>|]] , [[software:development:ps_pycharm:html5:element:<video>|]], [[software:development:ps_pycharm:html5:element:<wbr>|]] и обычный текст (не только состоящий из символов пробелов). |
| |
Ещё несколько элементов входят в данную категорию при соблюдении особых условий: | Ещё несколько элементов входят в данную категорию при соблюдении особых условий: |
| |
<a>, если содержит в себе только фразовый контент | * [[software:development:ps_pycharm:html5:element:<a>|]], если содержит в себе только фразовый контент |
<area>, только внутри элемента <map> | * [[software:development:ps_pycharm:html5:element:<area>|]], только внутри элемента [[software:development:ps_pycharm:html5:element:<map>|]] |
<del>, если содержит в себе только фразовый контент | * [[software:development:ps_pycharm:html5:element:<del>|]], если содержит в себе только фразовый контент |
<ins>, если содержит в себе только фразовый контент | * [[software:development:ps_pycharm:html5:element:<ins>|]], если содержит в себе только фразовый контент |
<link>, при наличии атрибута itemprop (en-US) | * [[software:development:ps_pycharm:html5:element:<link>|]], при наличии атрибута [[software:development:ps_pycharm:html5:attribute:global_attributes#itemprop|]] |
<map>, если содержит в себе только фразовый контент | * [[software:development:ps_pycharm:html5:element:<map>|]], если содержит в себе только фразовый контент |
<meta>, при наличии атрибута itemprop (en-US) | * [[software:development:ps_pycharm:html5:element:<meta>|]], при наличии атрибута [[software:development:ps_pycharm:html5:attribute:global_attributes#itemprop|]] |
==== Встроенный контент ==== | ==== Встроенный контент ==== |
Встроенный контент импортирует в документ другой ресурс или вставляет содержимое на другом языке разметки или принадлежащее другому пространству имён. Элементами данной категории являются: <audio>, <canvas>, <embed>, <iframe> (en-US), <img>, <math>, <object> (en-US), <svg>, <video>. | Встроенный контент импортирует в документ другой ресурс или вставляет содержимое на другом языке разметки или принадлежащее другому пространству имён. Элементами данной категории являются: [[software:development:ps_pycharm:html5:element:<audio>|]], [[software:development:ps_pycharm:html5:element:<canvas>|]], [[software:development:ps_pycharm:html5:element:<embed>|]], [[software:development:ps_pycharm:html5:element:<iframe>|]] , [[software:development:ps_pycharm:html5:element:<img>|]], [[software:development:ps_pycharm:html5:element:<math>|]], [[software:development:ps_pycharm:html5:element:<object>|]] , [[software:development:ps_pycharm:html5:element:<svg>|]], [[software:development:ps_pycharm:html5:element:<video>|]]. |
| |
==== Интерактивный контент ==== | ==== Интерактивный контент ==== |
К интерактивному контенту относятся элементы, который специально разработаны для взаимодействия с пользователем. В данную категорию входят <a>, <button>, <details>, <embed>, <iframe> (en-US), Устарело<keygen>, <label>, <select> и <textarea> (en-US). Некоторые элементы считаются интерактивным контентом только при соблюдении определённых условий: | К интерактивному контенту относятся элементы, который специально разработаны для взаимодействия с пользователем. В данную категорию входят [[software:development:ps_pycharm:html5:element:<a>|]], [[software:development:ps_pycharm:html5:element:<button>|]], [[software:development:ps_pycharm:html5:element:<details>|]], [[software:development:ps_pycharm:html5:element:<embed>|]], [[software:development:ps_pycharm:html5:element:<iframe>|]] , Устарело[[software:development:ps_pycharm:html5:element:<keygen>|]], [[software:development:ps_pycharm:html5:element:<label>|]], [[software:development:ps_pycharm:html5:element:<select>|]] и [[software:development:ps_pycharm:html5:element:<textarea>|]]. Некоторые элементы считаются интерактивным контентом только при соблюдении определённых условий: |
| |
| * [[software:development:ps_pycharm:html5:element:<audio>|]], если указан атрибут [[software:development:ps_pycharm:html5:element:<audio>#controls|]] |
| * [[software:development:ps_pycharm:html5:element:<img>|]], если указан атрибут [[software:development:ps_pycharm:html5:element:<img>#usemap|]] |
| * [[software:development:ps_pycharm:html5:element:<input>|]], если атрибут [[software:development:ps_pycharm:html5:element:<input>#type|]] не скрыт |
| * [[software:development:ps_pycharm:html5:element:<menu>|]], если атрибут [[software:development:ps_pycharm:html5:element:<menu>#type|]] имеет значение toolbar |
| * [[software:development:ps_pycharm:html5:element:<object>|]] , если указан атрибут [[software:development:ps_pycharm:html5:element:<object>#usemap|]] |
| * [[software:development:ps_pycharm:html5:element:<video>|]], если указан атрибут [[software:development:ps_pycharm:html5:element:<video>#controls|]] |
| |
<audio>, если указан атрибут controls | |
<img>, если указан атрибут usemap | |
<input>, если атрибут type не скрыт | |
<menu>, если атрибут type имеет значение toolbar | |
<object> (en-US), если указан атрибут usemap (en-US) | |
<video>, если указан атрибут controls | |
==== Явный контент ==== | ==== Явный контент ==== |
Контент считается явным, когда он не скрыт и не является пустым, это контент, который отображён и предметен. У элементов потокового или фразового контента должен быть хотя бы один явный узел. | Контент считается явным, когда он не скрыт и не является пустым, это контент, который отображён и предметен. У элементов потокового или фразового контента должен быть хотя бы один явный узел. |
| |
==== Контент форм ==== | ==== Контент форм ==== |
Контент форм включает в себя элементы, у которых есть владелец формы, обозначенный атрибутом form. Владельцем формы является либо элемент <form>, либо элемент, id которого указан в атрибуте form. | Контент форм включает в себя элементы, у которых есть владелец формы, обозначенный атрибутом form. Владельцем формы является либо элемент [[software:development:ps_pycharm:html5:element:<form>|]], либо элемент, id которого указан в атрибуте **form**. |
| |
<button> | * [[software:development:ps_pycharm:html5:element:<button>|]] |
<fieldset> | * [[software:development:ps_pycharm:html5:element:<fieldset>|]] |
<input> | * [[software:development:ps_pycharm:html5:element:<input>|]] |
Устарело<keygen> | * [[software:development:ps_pycharm:html5:element:<keygen>|]] |
<label> | * [[software:development:ps_pycharm:html5:element:<label>|]] |
<meter> | * [[software:development:ps_pycharm:html5:element:<meter>|]] |
<object> (en-US) | * [[software:development:ps_pycharm:html5:element:<object>|]] |
<output> | * [[software:development:ps_pycharm:html5:element:<output>|]] |
<progress> | * [[software:development:ps_pycharm:html5:element:<progress>|]] |
<select> | * [[software:development:ps_pycharm:html5:element:<select>|]] |
<textarea> (en-US) | * [[software:development:ps_pycharm:html5:element:<textarea>|]] |
Данная категория включает несколько подкатегорий: | Данная категория включает несколько подкатегорий: |
| |
listed | listed |
Элементы, перечисленные в IDL коллекциях form.elements (en-US) и fieldset.elements. Включают <button>, <fieldset>, <input>, Устарело<keygen>, <object> (en-US), <output>, <select>, и <textarea> (en-US). | Элементы, перечисленные в IDL коллекциях form.elements и fieldset.elements. Включают [[software:development:ps_pycharm:html5:element:<button>|]], [[software:development:ps_pycharm:html5:element:<fieldset>|]], [[software:development:ps_pycharm:html5:element:<input>|]], Устарело[[software:development:ps_pycharm:html5:element:<keygen>|]], [[software:development:ps_pycharm:html5:element:<object>|]] , [[software:development:ps_pycharm:html5:element:<output>|]], [[software:development:ps_pycharm:html5:element:<select>|]], и [[software:development:ps_pycharm:html5:element:<textarea>|]] . |
| |
labelable | === labelable === |
Элементы, которые могут ассоциироваться с элементами <label>. Включают <button>, <input>, Устарело<keygen>, <meter>, <output>, <progress>, <select> и <textarea> (en-US). | Элементы, которые могут ассоциироваться с элементами [[software:development:ps_pycharm:html5:element:<label>|]]. Включают [[software:development:ps_pycharm:html5:element:<button>|]], [[software:development:ps_pycharm:html5:element:<input>|]], Устарело[[software:development:ps_pycharm:html5:element:<keygen>|]], [[software:development:ps_pycharm:html5:element:<meter>|]], [[software:development:ps_pycharm:html5:element:<output>|]], [[software:development:ps_pycharm:html5:element:<progress>|]], [[software:development:ps_pycharm:html5:element:<select>|]] и [[software:development:ps_pycharm:html5:element:<textarea>|]] . |
| |
submittable | === submittable === |
Элементы, которые могут использоваться для построения набора данных формы при отправке на сервер. Включают <button>, <input>, Устарело<keygen>, <object> (en-US), <select> и <textarea> (en-US). | |
| |
resettable | Элементы, которые могут использоваться для построения набора данных формы при отправке на сервер. Включают [[software:development:ps_pycharm:html5:element:<button>|]], [[software:development:ps_pycharm:html5:element:<input>|]], Устарело[[software:development:ps_pycharm:html5:element:<keygen>|]], [[software:development:ps_pycharm:html5:element:<object>|]] , [[software:development:ps_pycharm:html5:element:<select>|]] и [[software:development:ps_pycharm:html5:element:<textarea>|]] . |
Элементы, которые могут быть затронуты при сбросе данных формы. Включают <input>, Устарело<keygen>, <output>,<select> и <textarea> (en-US). | |
| === resettable === |
| Элементы, которые могут быть затронуты при сбросе данных формы. Включают [[software:development:ps_pycharm:html5:element:<input>|]], Устарело[[software:development:ps_pycharm:html5:element:<keygen>|]], [[software:development:ps_pycharm:html5:element:<output>|]],[[software:development:ps_pycharm:html5:element:<select>|]] и [[software:development:ps_pycharm:html5:element:<textarea>|]] . |
| |
==== Вторичные категории ==== | ==== Вторичные категории ==== |
Существуют некоторые вторичные классификации элементов, о которых тоже полезно знать. | Существуют некоторые вторичные классификации элементов, о которых тоже полезно знать. |
| |
==== Элементы поддержки скриптов ==== | === Элементы поддержки скриптов === |
Элементы поддержки скриптов – это элементы, которые напрямую не влияют на отрисовку документа. Вместо этого они служат для внедрения скриптов, путём либо содержания кода скрипта напрямую, либо указания данных, которые будут использованы скриптами. | Элементы поддержки скриптов – это элементы, которые напрямую не влияют на отрисовку документа. Вместо этого они служат для внедрения скриптов, путём либо содержания кода скрипта напрямую, либо указания данных, которые будут использованы скриптами. |
| |
Элементами поддержки скриптов являются: | Элементами поддержки скриптов являются: |
| |
<script> | * [[software:development:ps_pycharm:html5:element:<script>|]] |
<template> | * [[software:development:ps_pycharm:html5:element:<template>|]] |
==== Прозрачная модель контента ==== | ==== Прозрачная модель контента ==== |
Если элемент обладает прозрачной моделью контента, его содержимое должно быть структурировано таким образом, чтобы оно оставалось валидным HTML5, даже при удалении прозрачного элемента или заменой его на дочерние элементы. | Если элемент обладает прозрачной моделью контента, его содержимое должно быть структурировано таким образом, чтобы оно оставалось валидным HTML5, даже при удалении прозрачного элемента или заменой его на дочерние элементы. |
| |
Например, элементы <del> и <ins> являются прозрачными: | Например, элементы [[software:development:ps_pycharm:html5:element:<del>|]] и [[software:development:ps_pycharm:html5:element:<ins>|]] являются прозрачными: |
| <code> |
<p>Мы почитаем следующие истины <del><em>священными & неоспоримыми</em></del> <ins>само собой разумеющимися</ins>.</p> | <p>Мы почитаем следующие истины <del><em>священными & неоспоримыми </em></del> |
| <ins> само собой разумеющимися </ins> </p> |
| </code> |
Если удалить эти элементы, данный фрагмент всё равно будет представлять собой валидный HTML. | Если удалить эти элементы, данный фрагмент всё равно будет представлять собой валидный HTML. |
| <code> |
<p>Мы почитаем следующие истины <em>священными & неоспоримыми</em> само собой разумеющимися.</p> | <p>Мы почитаем следующие истины <em>священными & </em> само собой разумеющимися.</p> |
| </code> |
==== Прочие модели контента ==== | ==== Прочие модели контента ==== |
Корень задания разделов. | Корень задания разделов. |