book51.ru

Инструменты пользователя

Инструменты сайта

  • Показать страницу
  • История страницы
  • Ссылки сюда
  • Оставить на чай
  • Экспорт в PDF
  • Наверх
    • Вы посетили:
    software:development:ps_pycharm:html5:element

    Различия

    Показаны различия между двумя версиями страницы.

    Ссылка на это сравнение

    Следующая версия    		Предыдущая версия
    software:development:ps_pycharm:html5:element [2023/08/11 15:19] – создано vladpolskiysoftware:development:ps_pycharm:html5:element [2023/08/20 19:48] (текущий) – внешнее изменение 127.0.0.1
    Строка 1: Строка 1:
    -======Элемент======+====== Элемент ======
     На этой странице собраны все элементы HTML. Они сгруппированы по функциям, чтобы помочь вам найти то, что вам нужно для реализации ваших идей. Хотя это руководство написано для относительных новичков в программировании, мы хотим, чтобы оно было полезным для всех. На этой странице собраны все элементы HTML. Они сгруппированы по функциям, чтобы помочь вам найти то, что вам нужно для реализации ваших идей. Хотя это руководство написано для относительных новичков в программировании, мы хотим, чтобы оно было полезным для всех.
      
     ===== Основные элементы ===== ===== Основные элементы =====
    -Основные элементы являются основой любого HTML документа. Вы увидите эти элементы в исходном коде для всех веб-страниц после задания типа документа на первой строке на странице. DOCTYPE определяет, какую версию (X) HTML эта страница использует. Элементы страницы находятся между открывающим тегом <HTML> и закрывающим </ HTML>. Элемент<html> называется корневым элементом. +Основные элементы являются основой любого HTML документа. Вы увидите эти элементы в исходном коде для всех веб-страниц после задания типа документа на первой строке на странице. [[software:development:ps_pycharm:html5:element:glossary:DOCTYPE|]] определяет, какую версию (X) HTML эта страница использует. Элементы страницы находятся между открывающим тегом [[software:development:ps_pycharm:html5:element:<HTML>|]] и закрывающим [[software:development:ps_pycharm:html5:element:</ HTML>|]]. Элемент|[[software:development:ps_pycharm:html5:element:<html>|]] называется корневым элементом. 
     +[[software:development:ps_pycharm:html5:element:html|]]
     {{tablelayout?colwidth="200px"}} {{tablelayout?colwidth="200px"}}
     ^ Элемент  ^ Описание  ^ ^ Элемент  ^ Описание  ^
    -|''%%<html>%%'' | Представляет собой корень (элемент верхнего уровня) HTML-документа, поэтому его так же называют корневым элементом. Все другие элементы должны быть потомками этого элемента (должны находиться внутри него).  |+|[[software:development:ps_pycharm:html5:element:<html>|]]| Представляет собой корень (элемент верхнего уровня) HTML-документа, поэтому его так же называют корневым элементом. Все другие элементы должны быть потомками этого элемента (должны находиться внутри него).|  
          
       
    Строка 16: Строка 16:
     {{tablelayout?colwidth="200px"}} {{tablelayout?colwidth="200px"}}
     ^ Элемент  ^ Описание  ^ ^ Элемент  ^ Описание  ^
    -|''%%<base>%%'' | Определяет основной адрес (URL), используемый для всех относительных адресов (URLs) в документе. Может быть только один <base> элемент в одном документе.| +|[[software:development:ps_pycharm:html5:element:<base>|]]| Определяет основной адрес (URL), используемый для всех относительных адресов (URLs) в документе. Может быть только один [[software:development:ps_pycharm:html5:element:<base>|]] элемент в одном документе.| 
    -|''%%<head>%%'' | Содержит машиночитаемую информацию (metadata) о документе, например его заголовок, скрипты и страницы стилей.| +|[[software:development:ps_pycharm:html5:element:<head>|]]| Содержит машиночитаемую информацию [[software:development:ps_pycharm:html5:element:glossary:metadata|(metadata)]] о документе, например его [[software:development:ps_pycharm:html5:element:<title>|заголовок]], [[software:development:ps_pycharm:html5:element:<script>|скрипты]] и [[software:development:ps_pycharm:html5:element:<style>|страницы стилей]].| 
    -|<link>|Определяет отношения между текущим документом и внешним ресурсом. Этот элемент чаще всего используется для ссылки на stylesheets, а также для создания иконок сайта (как для иконок в стиле "favicon", так и для иконок домашних экранов и приложений мобильных устройств) среди прочего.| +|[[software:development:ps_pycharm:html5:element:<link>|]]| Определяет отношения между текущим документом и внешним ресурсом. Этот элемент чаще всего используется для ссылки на stylesheets, а также для создания иконок сайта (как для иконок в стиле "favicon", так и для иконок домашних экранов и приложений мобильных устройств) среди прочего.| 
    -|<meta>|Представляет такие метаданные, которые не могут быть представлены другими HTML-метатегами, такими как <base>, <link>, <script>, <style> или <title>.| +|[[software:development:ps_pycharm:html5:element:<meta>|]]| Представляет такие метаданные, которые не могут быть представлены другими HTML-метатегами, такими как [[software:development:ps_pycharm:html5:element:<base>|]], [[software:development:ps_pycharm:html5:element:<link>|]], [[software:development:ps_pycharm:html5:element:<script>|]], [[software:development:ps_pycharm:html5:element:<style>|]] или [[software:development:ps_pycharm:html5:element:<title>|]].| 
    -|<style>|Содержит стилевую информацию для документа или его части. По умолчанию стилевые инструкции внутри этого элемента считаются написанными на CSS.| +|[[software:development:ps_pycharm:html5:element:<style>|]]| Содержит стилевую информацию для документа или его части. По умолчанию стилевые инструкции внутри этого элемента считаются написанными на CSS.| 
    -|<title>|Определяет заголовок документа, который отображается в заголовке окна браузера или на вкладке страницы. Он содержит только текст, а теги внутри элемента игнорируются.| +|[[software:development:ps_pycharm:html5:element:<title>|]]| Определяет заголовок документа, который отображается в заголовке окна браузера или на вкладке страницы. Он содержит только текст, а теги внутри элемента игнорируются.| 
    -====Секционирование корня==== + 
    -Элемент Описание +===== Секционирование корня ===== 
    -<body> Представляет собой контент (содержимое) документа HTML. В документе может быть только один элемент <body>. + 
    -Секционирование содержания+{{tablelayout?colwidth="200px"}} 
     +^ Элемент  ^ Описание  ^ 
     +|[[software:development:ps_pycharm:html5:element:<body>|]]| Представляет собой контент (содержимое) документа HTML. В документе может быть только один элемент [[software:development:ps_pycharm:html5:element:<body>|]].| 
     + 
     +===== Секционирование содержания ===== 
     Секционирование содержания элементов позволяет разложить содержимое документа на логические части. Используйте секционирование элементов для создания общих черт содержания страницы, включая шапку и подвал и заголовочные элементы для обозначения разделов. Секционирование содержания элементов позволяет разложить содержимое документа на логические части. Используйте секционирование элементов для создания общих черт содержания страницы, включая шапку и подвал и заголовочные элементы для обозначения разделов.
      
    -Элемент Описание +{{tablelayout?colwidth="200px"}} 
    -<address> Задаёт контактные данные для ближайшего родительского <article> или <body> ; В последнем случае применяется ко всему документу, визуально выделяется курсивом. +^ Элемент  ^ Описание  ^ 
    -<article> Представляет самостоятельную часть документа, страницы, приложения или сайта, предназначенную для независимого распространения или повторного использования. Этот элемент может представлять статью на форуме, статью в журнале или газете, запись в блоге или какой-либо другой самостоятельный фрагмент содержимого. +|[[software:development:ps_pycharm:html5:element:<address>|]]| Задаёт контактные данные для ближайшего родительского [[software:development:ps_pycharm:html5:element:<article>|]] или [[software:development:ps_pycharm:html5:element:<body>|]] ; В последнем случае применяется ко всему документу, визуально выделяется курсивом.| 
    -<aside> Представляет собой часть документа, чьё содержимое только косвенно связанно с основным содержимым документа. Чаще всего представлен в виде боковой панели, сносок или меток. +|[[software:development:ps_pycharm:html5:element:<article>|]]| Представляет самостоятельную часть документа, страницы, приложения или сайта, предназначенную для независимого распространения или повторного использования. Этот элемент может представлять статью на форуме, статью в журнале или газете, запись в блоге или какой-либо другой самостоятельный фрагмент содержимого.| 
    -<footer> Представляет собой нижний колонтитул (футер, подвал) для своего ближайшего секционного контента или секционного корня. Футер обычно содержит информацию об авторе раздела, информацию об авторском праве или ссылки на связанные документы. +|[[software:development:ps_pycharm:html5:element:<aside>|]]| Представляет собой часть документа, чьё содержимое только косвенно связанно с основным содержимым документа. Чаще всего представлен в виде боковой панели, сносок или меток.| 
    -<header> Представляет собой вводный контент, обычно группу вводных или навигационных средств. Он может содержать другие элементы-заголовки, а также логотип, форму поиска, имя автора и другие элементы. +|[[software:development:ps_pycharm:html5:element:<footer>|]]| Представляет собой нижний колонтитул (футер, подвал) для своего ближайшего секционного контента или секционного корня. Футер обычно содержит информацию об авторе раздела, информацию об авторском праве или ссылки на связанные документы.| 
    -<h1>, <h2>, <h3>, <h4>, <h5>, <h6> HTML-элементы <h1>–<h6> представляют собой 6 уровней заголовков секций. <h1> это наибольший заголовок и <h6> - наименьший +|[[software:development:ps_pycharm:html5:element:<header>|]]| Представляет собой вводный контент, обычно группу вводных или навигационных средств. Он может содержать другие элементы-заголовки, а также логотип, форму поиска, имя автора и другие элементы.| 
    -<main> Предназначен для основного контента (содержимого) <body> документа (страницы). Основной контент состоит из контента, который непосредственно относится к главной теме документа или её развивает. +|[[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>|]]| HTML-элементы [[software:development:ps_pycharm:html5:element:<h1>|]]–[[software:development:ps_pycharm:html5:element:<h6>|]] представляют собой 6 уровней заголовков секций. [[software:development:ps_pycharm:html5:element:<h1>|]] это наибольший заголовок и [[software:development:ps_pycharm:html5:element:<h6>|]] - наименьший.| 
    -<nav> Определяет отдельную секцию документа, назначение которой обозначение ссылок навигации (как внутри текущего документа, так и ведущих на другую страницу). В качестве примера такой секции можно привести меню, якорные ссылки. +|[[software:development:ps_pycharm:html5:element:<main>|]]| Предназначен для основного контента (содержимого) [[software:development:ps_pycharm:html5:element:<body>|]] документа (страницы). Основной контент состоит из контента, который непосредственно относится к главной теме документа или её развивает.| 
    -<section> Представляет собой автономный раздел — который не может быть представлен более точным по семантике элементом — внутри HTML-документа. Как правило, но не всегда, разделы имеют заголовок. +|[[software:development:ps_pycharm:html5:element:<nav>|]]| Определяет отдельную секцию документа, назначение которой обозначение ссылок навигации (как внутри текущего документа, так и ведущих на другую страницу). В качестве примера такой секции можно привести меню, якорные ссылки.| 
    -====Текстовое содержание==== +|[[software:development:ps_pycharm:html5:element:<section>|]]| Представляет собой автономный раздел — который не может быть представлен более точным по семантике элементом — внутри HTML-документа. Как правило, но не всегда, разделы имеют заголовок.| 
    -Используйте текстовые элементы HTML для организации блоков или разделов содержания, размещённые между тегами открытия <body> и закрытия </body>. Важное значение для accessibility и SEO, чтобы эти элементы определили цель или структуру этого контента.+ 
     +===== Текстовое содержание ===== 
     + 
     +Используйте текстовые элементы HTML для организации блоков или разделов содержания, размещённые между тегами открытия [[software:development:ps_pycharm:html5:element:<body>|]] и закрытия [[software:development:ps_pycharm:html5:element:</body>|]]. Важное значение для accessibility и SEO, чтобы эти элементы определили цель или структуру этого контента. 
     + 
     +{{tablelayout?colwidth="200px"}} 
     +^ Элемент  ^ Описание  ^ 
     +|[[software:development:ps_pycharm:html5:element:<blockquote>|]]| Указывает на то, что заключённый в нем текст является развёрнутой цитатой. Обычно он (текст) визуально выделяется наклонным (смотри Примечание , где говорится о том, как это изменить). URI на источник цитаты можно указать в атрибуте cite, тогда как текстовое представление источника может быть задано элементом [[software:development:ps_pycharm:html5:element:<cite>|]].| 
     +|[[software:development:ps_pycharm:html5:element:<dd>|]]| Предоставляет подробности или определение предшествующего термина ([[software:development:ps_pycharm:html5:element:<dt>|]]) в списке определений ([[software:development:ps_pycharm:html5:element:<dl>|]]).| 
     +|[[software:development:ps_pycharm:html5:element:<div>|]]| Является универсальным контейнером для потокового контента. Он не влияет на контент или макет до тех пор, пока не будет стилизован с помощью CSS.| 
     +|[[software:development:ps_pycharm:html5:element:<dl>|]]| Представляет собой список описаний. Этот элемент служит контейнером для списка пар терминов (определяемых элементом [[software:development:ps_pycharm:html5:element:<dt>|]]) и их описаний (определяемых элементами [[software:development:ps_pycharm:html5:element:<dd>|]]). Этот элемент обычно используют при создании глоссария или для отображения метаданных (списка пар ключ-значение).| 
     +|[[software:development:ps_pycharm:html5:element:<dt>|]]| Определяет термин в описании или списке определений, как таковой должен использоваться внутри элемента [[software:development:ps_pycharm:html5:element:<dl>|]] . Обычно за ним следует элемент [[software:development:ps_pycharm:html5:element:<dd>|]]. Кроме того, несколько элементов [[software:development:ps_pycharm:html5:element:<dt>|]] идущие друг за другом будут содержать своё определение в следующем идущем за ним элементом[[software:development:ps_pycharm:html5:element:<dd>|]].| 
     +|[[software:development:ps_pycharm:html5:element:<figcaption>|]]| Представляет собой подпись (заголовок) или легенду, описывающую остальную часть содержимого родительского элемента [[software:development:ps_pycharm:html5:element:<figure>|]].| 
     +|[[software:development:ps_pycharm:html5:element:<figure>|]]| Представляет самостоятельный контент, часто с подписью (заголовком), которая указывается с помощью элемента ([[software:development:ps_pycharm:html5:element:<figcaption>|]]). Диаграмма и её подпись представляет собой единое целое.| 
     +|[[software:development:ps_pycharm:html5:element:<hr>|]]| Служит для тематического разделения абзацев. Рисует горизонтальную прямую.| 
     +|[[software:development:ps_pycharm:html5:element:<li>|]]| Используется для создания элементов списка. Он также должен находиться в родительском элементе: упорядоченном списке ([[software:development:ps_pycharm:html5:element:<ol>|]]), неупорядоченном списке ([[software:development:ps_pycharm:html5:element:<ul>|]]), или меню ([[software:development:ps_pycharm:html5:element:<menu>|]]). В меню и неупорядоченных списках, элементы списка обычно отображаются с маркерами в виде круга. В упорядоченных списках, они обычно отображаются с маркерами в виде возрастающего счётчика слева, например числа или буквы.| 
     +|[[software:development:ps_pycharm:html5:element:<menu>|]]| Представляет группу команд, которые пользователь может выполнить или активировать. Он включает как меню-списки, которые могут отображаться в верхней части экрана, так и контекстные меню, например, такие, что могут появиться под кнопкой после нажатия.| 
     +|[[software:development:ps_pycharm:html5:element:<ol>|]]| Используется для упорядоченного списка — в частности для пронумерованного списка.| 
     +|[[software:development:ps_pycharm:html5:element:<p>|]]| Представляет собой абзац. Абзацы обычно представлены в визуальной среде в виде блоков текста, отделённых от соседних блоков пустыми строками и/или отступом в первой строке, кроме этого HTML-абзацы могут представлять собой структурную группировку однотипного содержимого, например изображений или полей формы.| 
     +|[[software:development:ps_pycharm:html5:element:<pre>|]]| Представляет собой предварительно отформатированный текст, который должен быть представлен точно так, как написано в HTML-файле. Текст обычно отображается с использованием непропорционального ("monospace") шрифта. Пробелы внутри этого элемента отображаются как записанные.| 
     +|[[software:development:ps_pycharm:html5:element:<ul>|]]| Используется для неупорядоченного списка - в частности для маркированного списка.| 
     + 
     +===== Встроенные текстовые семантики =====
      
    -Элемент Описание 
    -<blockquote> Указывает на то, что заключённый в нем текст является развёрнутой цитатой. Обычно он (текст) визуально выделяется наклонным (смотри Примечание (en-US), где говорится о том, как это изменить). URI на источник цитаты можно указать в атрибуте cite, тогда как текстовое представление источника может быть задано элементом <cite>. 
    -<dd> Предоставляет подробности или определение предшествующего термина (<dt>) в списке определений (<dl>). 
    -<div> Является универсальным контейнером для потокового контента. Он не влияет на контент или макет до тех пор, пока не будет стилизован с помощью CSS. 
    -<dl> Представляет собой список описаний. Этот элемент служит контейнером для списка пар терминов (определяемых элементом <dt>) и их описаний (определяемых элементами <dd>). Этот элемент обычно используют при создании глоссария или для отображения метаданных (списка пар ключ-значение). 
    -<dt> Определяет термин в описании или списке определений, как таковой должен использоваться внутри элемента <dl> . Обычно за ним следует элемент <dd>. Кроме того, несколько элементов <dt> идущие друг за другом будут содержать своё определение в следующем идущем за ним элементом<dd>. 
    -<figcaption> Представляет собой подпись (заголовок) или легенду, описывающую остальную часть содержимого родительского элемента <figure>. 
    -<figure> Представляет самостоятельный контент, часто с подписью (заголовком), которая указывается с помощью элемента (<figcaption>). Диаграмма и её подпись представляет собой единое целое. 
    -<hr> Служит для тематического разделения абзацев. Рисует горизонтальную прямую 
    -<li> Используется для создания элементов списка. Он также должен находиться в родительском элементе: упорядоченном списке (<ol>), неупорядоченном списке (<ul>), или меню (<menu>). В меню и неупорядоченных списках, элементы списка обычно отображаются с маркерами в виде круга. В упорядоченных списках, они обычно отображаются с маркерами в виде возрастающего счётчика слева, например числа или буквы. 
    -<menu> Представляет группу команд, которые пользователь может выполнить или активировать. Он включает как меню-списки, которые могут отображаться в верхней части экрана, так и контекстные меню, например, такие, что могут появиться под кнопкой после нажатия. 
    -<ol> Используется для упорядоченного списка — в частности для пронумерованного списка. 
    -<p> Представляет собой абзац. Абзацы обычно представлены в визуальной среде в виде блоков текста, отделённых от соседних блоков пустыми строками и/или отступом в первой строке, кроме этого HTML-абзацы могут представлять собой структурную группировку однотипного содержимого, например изображений или полей формы. 
    -<pre> Представляет собой предварительно отформатированный текст, который должен быть представлен точно так, как написано в HTML-файле. Текст обычно отображается с использованием непропорционального ("monospace") шрифта. Пробелы внутри этого элемента отображаются как записанные. 
    -<ul> Используется для неупорядоченного списка - в частности для маркированного списка. 
    -====Встроенные текстовые семантики==== 
     Используйте встроенную в HTML текстовую семантику, чтобы определить смысл, структуру или стиль текста, линий или части текста. Используйте встроенную в HTML текстовую семантику, чтобы определить смысл, структуру или стиль текста, линий или части текста.
      
    -Элемент Описание +{{tablelayout?colwidth="200px"}} 
    -<a> Определяет гиперссылку для перехода на определённое место на странице или на другую страницу в Интернете. Также он может быть использован (в устаревшем варианте) для создания якоря — это место назначения для гиперссылок внутри страницы: так ссылки не ограничены только в перемещении между страницами. +^ Элемент  ^ Описание  ^ 
    -<abbr> Представляет собой аббревиатуру и, опционально, может показывать её расшифровку. Расшифровка записывается в атрибут title. Иные значения title, кроме расшифровки аббревиатуры не допускаются. +|[[software:development:ps_pycharm:html5:element:<a>|]]| Определяет гиперссылку для перехода на определённое место на странице или на другую страницу в Интернете. Также он может быть использован (в устаревшем варианте) для создания якоря — это место назначения для гиперссылок внутри страницы: так ссылки не ограничены только в перемещении между страницами.| 
    -<b> Является частью текста стилистически отличающейся от нормального текста, не носящий какого-либо специального значения или важности, и как правило выделен жирным шрифтом. +|[[software:development:ps_pycharm:html5:element:<abbr>|]]| Представляет собой аббревиатуру и, опционально, может показывать её расшифровку. Расшифровка записывается в атрибут title. Иные значения title, кроме расшифровки аббревиатуры не допускаются.| 
    -<bdi> Изолирует от окружающего текста текстовый фрагмент, направление в котором может отличаться от направления окружающего текста (но не обязательно отличается). +|[[software:development:ps_pycharm:html5:element:<b>|]]| Является частью текста стилистически отличающейся от нормального текста, не носящий какого-либо специального значения или важности, и как правило выделен жирным шрифтом.| 
    -<bdo> Переопределяет текущее направление текста так, что текст внутри отображается в другом направлении. +|[[software:development:ps_pycharm:html5:element:<bdi>|]]| Изолирует от окружающего текста текстовый фрагмент, направление в котором может отличаться от направления окружающего текста (но не обязательно отличается).| 
    -<br> Устанавливает перевод строки в тексте (возврат каретки). Он полезен при написании поэмы или адреса, где важно деление на строки. +|[[software:development:ps_pycharm:html5:element:<bdo>|]]| Переопределяет текущее направление текста так, что текст внутри отображается в другом направлении.| 
    -<cite> Представляет из себя ссылку на источник цитаты. Он должен включать в себя название произведения или URL, который может быть в сокращённом виде в соответствии с правилами, используемых для добавления метаданных цитирования. +|[[software:development:ps_pycharm:html5:element:<br>|]]| Устанавливает перевод строки в тексте (возврат каретки). Он полезен при написании поэмы или адреса, где важно деление на строки.| 
    -<code> Отображает его содержимое в стиле, предназначенном для указания на то, что текст является коротким фрагментом компьютерного кода. По умолчанию текст содержимого отображается с использованием шрифта монопространства по умолчанию пользовательского агента. +|[[software:development:ps_pycharm:html5:element:<cite>|]]| Представляет из себя ссылку на источник цитаты. Он должен включать в себя название произведения или URL, который может быть в сокращённом виде в соответствии с правилами, используемых для добавления метаданных цитирования.| 
    -<data> *Связывает данное содержимое с машиночитаемым представлением. Если содержимое относится к времени или дате, необходимо использовать элемент <time>. +|[[software:development:ps_pycharm:html5:element:<code>|]]| Отображает его содержимое в стиле, предназначенном для указания на то, что текст является коротким фрагментом компьютерного кода. По умолчанию текст содержимого отображается с использованием шрифта монопространства по умолчанию пользовательского агента.| 
    -<dfn> Используется для указания термина, определяемого в контексте фразы или предложения. Элемент <p>, пара <dt>/<dd> или элемент <section>, который является ближайшим предком <dfn> считается определением термина. +|[[software:development:ps_pycharm:html5:element:<data>|]]| *Связывает данное содержимое с машиночитаемым представлением. Если содержимое относится к времени или дате, необходимо использовать элемент [[software:development:ps_pycharm:html5:element:<time>|]].| 
    -<em> Отмечает акцентируемый текст. Элемент <em> может быть вложенным, причём каждый уровень вложенности указывает на большую степень акцента. +|[[software:development:ps_pycharm:html5:element:<dfn>|]]| Используется для указания термина, определяемого в контексте фразы или предложения. Элемент [[software:development:ps_pycharm:html5:element:<p>|]], пара [[software:development:ps_pycharm:html5:element:<dt>|]]/[[software:development:ps_pycharm:html5:element:<dd>|]] или элемент [[software:development:ps_pycharm:html5:element:<section>|]], который является ближайшим предком [[software:development:ps_pycharm:html5:element:<dfn>|]] считается определением термина.| 
    -<i> (en-US) Представляет собой отрывок текста, выделяемый среди прочего по определенным причинам, например: идиоматический текст, технические термины, систематические обозначения и прочее. Обычно отмечается курсивом, от чего и получил свое название (от англ. Italic). +|[[software:development:ps_pycharm:html5:element:<em>|]]| Отмечает акцентируемый текст. Элемент [[software:development:ps_pycharm:html5:element:<em>|]] может быть вложенным, причём каждый уровень вложенности указывает на большую степень акцента.| 
    -<kbd> Указывает на то, что текст внутри элемента описывает пользовательский ввод с клавиатуры, голосовой ввод или ввод с использованием любого другого типа устройств ввода текста. По общему соглашению, user agent использует моноширинный шрифт для отображения содержимого элемента <kbd> по умолчанию, хотя это и не указывается HTML стандартом явно. +|[[software:development:ps_pycharm:html5:element:<i>|]]| Представляет собой отрывок текста, выделяемый среди прочего по определенным причинам, например: идиоматический текст, технические термины, систематические обозначения и прочее. Обычно отмечается курсивом, от чего и получил свое название (от англ. Italic).| 
    -<mark> Представляет текст, выделенный в справочных целях из-за своей актуальности в определённом контексте. Например, он может быть использован на странице с результатом поиска, в которой выделяется каждый экземпляр искомого слова. +|[[software:development:ps_pycharm:html5:element:<kbd>|]]| Указывает на то, что текст внутри элемента описывает пользовательский ввод с клавиатуры, голосовой ввод или ввод с использованием любого другого типа устройств ввода текста. По общему соглашению, user agent использует моноширинный шрифт для отображения содержимого элемента [[software:development:ps_pycharm:html5:element:<kbd>|]] по умолчанию, хотя это и не указывается HTML стандартом явно.| 
    -<q> (en-US) Indicates that the enclosed text is a short inline quotation. Most modern browsers implement this by surrounding the text in quotation marks. This element is intended for short quotations that don't require paragraph breaks; for long quotations use the <blockquote> element. +|[[software:development:ps_pycharm:html5:element:<mark>|]]| Представляет текст, выделенный в справочных целях из-за своей актуальности в определённом контексте. Например, он может быть использован на странице с результатом поиска, в которой выделяется каждый экземпляр искомого слова.| 
    -<rp> (en-US) Used to provide fall-back parentheses for browsers that do not support display of ruby annotations using the <ruby> element. One <rp> element should enclose each of the opening and closing parentheses that wrap the <rt> (en-US) element that contains the annotation's text. +|[[software:development:ps_pycharm:html5:element:<q>|]]| Indicates that the enclosed text is a short inline quotation. Most modern browsers implement this by surrounding the text in quotation marks. This element is intended for short quotations that don't require paragraph breaks; for long quotations use the [[software:development:ps_pycharm:html5:element:<blockquote>|]] element.| 
    -<rt> (en-US) Specifies the ruby text component of a ruby annotation, which is used to provide pronunciation, translation, or transliteration information for East Asian typography. The <rt> element must always be contained within a <ruby> element. +|[[software:development:ps_pycharm:html5:element:<rp>|]]| Used to provide fall-back parentheses for browsers that do not support display of ruby annotations using the [[software:development:ps_pycharm:html5:element:<ruby>|]] element. One [[software:development:ps_pycharm:html5:element:<rp>|]] element should enclose each of the opening and closing parentheses that wrap the [[software:development:ps_pycharm:html5:element:<rt>|]]  element that contains the annotation's text.| 
    -<ruby> Предназначен для добавления небольшой аннотации сверху или снизу от заданного текста. Такая форма записи преимущественно используется для идеографической письменности вроде китайского языка, но может применяться и для других языков, если требуется написать один текст над другим. +|[[software:development:ps_pycharm:html5:element:<rt>|]]| Specifies the ruby text component of a ruby annotation, which is used to provide pronunciation, translation, or transliteration information for East Asian typography. The [[software:development:ps_pycharm:html5:element:<rt>|]] element must always be contained within a [[software:development:ps_pycharm:html5:element:<ruby>|]] element.| 
    -<s> (en-US) Renders text with a strikethrough, or a line through it. Use the <s> element to represent things that are no longer relevant or no longer accurate. However, <s> is not appropriate when indicating document edits; for that, use the del and ins elements, as appropriate. +|[[software:development:ps_pycharm:html5:element:<ruby>|]]| Предназначен для добавления небольшой аннотации сверху или снизу от заданного текста. Такая форма записи преимущественно используется для идеографической письменности вроде китайского языка, но может применяться и для других языков, если требуется написать один текст над другим.| 
    -<samp> (en-US) Used to enclose inline text which represents sample (or quoted) output from a computer program. Its contents are typically rendered using the browser's default monospaced font (such as Courier or Lucida Console). +|[[software:development:ps_pycharm:html5:element:<s>|]]| Renders text with a strikethrough, or a line through it. Use the [[software:development:ps_pycharm:html5:element:<s>|]] element to represent things that are no longer relevant or no longer accurate. However, [[software:development:ps_pycharm:html5:element:<s>|]] is not appropriate when indicating document edits; for that, use the del and ins elements, as appropriate.| 
    -<small> (en-US) Represents side-comments and small print, like copyright and legal text, independent of its styled presentation. By default, it renders text within it one font-size smaller, such as from small to x-small. +|[[software:development:ps_pycharm:html5:element:<samp>|]]| Used to enclose inline text which represents sample (or quoted) output from a computer program. Its contents are typically rendered using the browser's default monospaced font (such as Courier or Lucida Console).| 
    -<span> Является основным строковым контейнером для фразового контента, который, по существу, ничего не представляет. Он может использоваться для группировки элементов в целях стилизации (использование атрибутов class или id) или потому, что они имеет общие значения атрибутов, например lang. Он должен быть использован только когда нет другого подходящего по семантике элемента. <span> очень похож на элемент <div>, но <div> является блочным элементом, в то время как <span> является строчным. +|[[software:development:ps_pycharm:html5:element:<small>|]]| Represents side-comments and small print, like copyright and legal text, independent of its styled presentation. By default, it renders text within it one font-size smaller, such as from small to x-small.| 
    -<strong> Указывает на то, что его содержание имеет большое значение, серьёзность или срочность. Браузеры обычно отображают содержимое жирным шрифтом. +|[[software:development:ps_pycharm:html5:element:<span>|]]| Является основным строковым контейнером для фразового контента, который, по существу, ничего не представляет. Он может использоваться для группировки элементов в целях стилизации (использование атрибутов class или id) или потому, что они имеет общие значения атрибутов, например lang. Он должен быть использован только когда нет другого подходящего по семантике элемента. [[software:development:ps_pycharm:html5:element:<span>|]] очень похож на элемент [[software:development:ps_pycharm:html5:element:<div>|]], но [[software:development:ps_pycharm:html5:element:<div>|]] является блочным элементом, в то время как [[software:development:ps_pycharm:html5:element:<span>|]] является строчным.| 
    -<sub> (en-US) Specifies inline text which should be displayed as subscript for solely typographical reasons. Subscripts are typically rendered with a lowered baseline using smaller text. +|[[software:development:ps_pycharm:html5:element:<strong>|]]| Указывает на то, что его содержание имеет большое значение, серьёзность или срочность. Браузеры обычно отображают содержимое жирным шрифтом.| 
    -<sup> (en-US) Specifies inline text which is to be displayed as superscript for solely typographical reasons. Superscripts are usually rendered with a raised baseline using smaller text. +|[[software:development:ps_pycharm:html5:element:<sub>|]]| Specifies inline text which should be displayed as subscript for solely typographical reasons. Subscripts are typically rendered with a lowered baseline using smaller text.| 
    -<time> Используется для представления либо времени в 24-часовом формате, либо точной даты по Григорианскому календарю (с опциональным указанием времени и часового пояса). +|[[software:development:ps_pycharm:html5:element:<sup>|]]| Specifies inline text which is to be displayed as superscript for solely typographical reasons. Superscripts are usually rendered with a raised baseline using smaller text.| 
    -<u> The HTML Unarticulated Annotation Element (<u>) represents a span of inline text which should be rendered in a way that indicates that it has a non-textual annotation. This is rendered by default as a simple solid underline, but may be altered using CSS. +|[[software:development:ps_pycharm:html5:element:<time>|]]| Используется для представления либо времени в 24-часовом формате, либо точной даты по Григорианскому календарю (с опциональным указанием времени и часового пояса).| 
    -<var> (en-US) Represents the name of a variable in a mathematical expression or a programming context. It's typically presented using an italicized version of the current typeface, although that behavior is browser-dependent. +|[[software:development:ps_pycharm:html5:element:<u>|]]| The HTML Unarticulated Annotation Element ([[software:development:ps_pycharm:html5:element:<u>|]]) represents a span of inline text which should be rendered in a way that indicates that it has a non-textual annotation. This is rendered by default as a simple solid underline, but may be altered using CSS.| 
    -<wbr> Предоставляет возможность переноса слова – позицию в тексте, где браузер может по желанию разбить строку, в противном случае его правила разрыва строки не будут создавать разрыв в этом месте. +|[[software:development:ps_pycharm:html5:element:<var>|]]| Represents the name of a variable in a mathematical expression or a programming context. It's typically presented using an italicized version of the current typeface, although that behavior is browser-dependent.| 
    -Изображения и мультимедиа+|[[software:development:ps_pycharm:html5:element:<wbr>|]]| Предоставляет возможность переноса слова – позицию в тексте, где браузер может по желанию разбить строку, в противном случае его правила разрыва строки не будут создавать разрыв в этом месте.| 
     + 
     +===== Изображения и мультимедиа ===== 
     HTML позволяет использовать различные мультимедийные ресурсы, такие как изображения, аудио и видео. HTML позволяет использовать различные мультимедийные ресурсы, такие как изображения, аудио и видео.
      
    -Элемент Описание +{{tablelayout?colwidth="200px"}} 
    -<area> Определяет активную область на изображении и, при желании, связывает её с гипертекстовой ссылкой (en-US). Этот элемент используется только внутри элемента <map>. +^ Элемент  ^ Описание  ^ 
    -<audio> Используется для встраивания звукового контента в документ. Он может содержать один или более источников аудио, представленных с помощью атрибута src или элемента <source> – браузер выберет один наиболее подходящий. Он так же может предназначаться для потокового мультимедиа, используя интерфейс MediaStream. +|[[software:development:ps_pycharm:html5:element:<area>|]]| Определяет активную область на изображении и, при желании, связывает её с гипертекстовой ссылкой . Этот элемент используется только внутри элемента [[software:development:ps_pycharm:html5:element:<map>|]].| 
    -<img> Встраивает изображение в документ. Это замещаемый элемент. +|[[software:development:ps_pycharm:html5:element:<audio>|]]| Используется для встраивания звукового контента в документ. Он может содержать один или более источников аудио, представленных с помощью атрибута src или элемента [[software:development:ps_pycharm:html5:element:<source>|]] – браузер выберет один наиболее подходящий. Он так же может предназначаться для потокового мультимедиа, используя интерфейс MediaStream.| 
    -<map> Используется с элементами <area> для определения карты изображения (интерактивной области ссылок). +|[[software:development:ps_pycharm:html5:element:<img>|]]| Встраивает изображение в документ. Это замещаемый элемент.| 
    -<track> Используется как дочерний элемент медиа-элементов <audio> and <video>. Позволяет указать синхронизированные текстовые дорожки (или данные на основе времени), например, для автоматической обработки субтитров. Файлы треков используют формат WebVTT (.vtt файлы) — Web Video Text Tracks или Timed Text Markup Language (TTML). +|[[software:development:ps_pycharm:html5:element:<map>|]]| Используется с элементами [[software:development:ps_pycharm:html5:element:<area>|]] для определения карты изображения (интерактивной области ссылок).| 
    -<video> Для встраивания видео контента в документ используйте элемент HTML <video>. Видео элемент может содержать один или несколько источников видео. Чтобы указать источник видео, необходимо использовать атрибут src или элемент <source>; браузер сам определит наиболее подходящий источник. +|[[software:development:ps_pycharm:html5:element:<track>|]]| Используется как дочерний элемент медиа-элементов [[software:development:ps_pycharm:html5:element:<audio>|]] and [[software:development:ps_pycharm:html5:element:<video>|]]. Позволяет указать синхронизированные текстовые дорожки (или данные на основе времени), например, для автоматической обработки субтитров. Файлы треков используют формат WebVTT (.vtt файлы) — Web Video Text Tracks или Timed Text Markup Language (TTML).| 
    -Встроенное содержание+|[[software:development:ps_pycharm:html5:element:<video>|]]| Для встраивания видео контента в документ используйте элемент HTML [[software:development:ps_pycharm:html5:element:<video>|]]. Видео элемент может содержать один или несколько источников видео. Чтобы указать источник видео, необходимо использовать атрибут src или элемент [[software:development:ps_pycharm:html5:element:<source>|]]; браузер сам определит наиболее подходящий источник.| 
     + 
     +===== Встроенное содержание ===== 
     Содержание мультимедийных HTML включает в себя другие материалы, даже если они не всегда легко взаимодействуют. Содержание мультимедийных HTML включает в себя другие материалы, даже если они не всегда легко взаимодействуют.
      
    -Элемент Описание +{{tablelayout?colwidth="200px"}} 
    -<embed> Вставляет расширенный контент в выбранное место документа. Этот контент может быть представлен от внешнего приложения или другого источника интерактивного контента, такого как плагин для браузера, например. +^ Элемент  ^ Описание  ^ 
    -<iframe> (en-US) Represents a nested browsing context, embedding another HTML page into the current one. +|[[software:development:ps_pycharm:html5:element:<embed>|]]| Вставляет расширенный контент в выбранное место документа. Этот контент может быть представлен от внешнего приложения или другого источника интерактивного контента, такого как плагин для браузера, например.| 
    -<object> (en-US) Represents an external resource, which can be treated as an image, a nested browsing context, or a resource to be handled by a plugin. +|[[software:development:ps_pycharm:html5:element:<iframe>|]]| Represents a nested browsing context, embedding another HTML page into the current one.| 
    -<picture> Служит контейнером для одного или более элементов <source> и одного элемента <img> для обеспечения оптимальной версии изображения для различных размеров экрана. Браузер рассмотрит каждый из дочерних элементов <source> и выберет один, соответствующий лучшему совпадению; если совпадений среди элементов <source> найдено не будет, то будет выбран файл, указанный атрибутом src элемента <img> . Затем выбранное изображение отображается в пространстве, занятом элементом <img>. +|[[software:development:ps_pycharm:html5:element:<object>|]]| Represents an external resource, which can be treated as an image, a nested browsing context, or a resource to be handled by a plugin.| 
    -<portal> (en-US) Enables the embedding of another HTML page into the current one for the purposes of allowing smoother navigation into new pages. +|[[software:development:ps_pycharm:html5:element:<picture>|]]| Служит контейнером для одного или более элементов [[software:development:ps_pycharm:html5:element:<source>|]] и одного элемента [[software:development:ps_pycharm:html5:element:<img>|]] для обеспечения оптимальной версии изображения для различных размеров экрана. Браузер рассмотрит каждый из дочерних элементов [[software:development:ps_pycharm:html5:element:<source>|]] и выберет один, соответствующий лучшему совпадению; если совпадений среди элементов [[software:development:ps_pycharm:html5:element:<source>|]] найдено не будет, то будет выбран файл, указанный атрибутом src элемента [[software:development:ps_pycharm:html5:element:<img>|]] . Затем выбранное изображение отображается в пространстве, занятом элементом [[software:development:ps_pycharm:html5:element:<img>|]].| 
    -<source> Указывает несколько медиа-ресурсов для элементов <picture>, <video> и <audio>. Это пустой элемент. Он обычно используется для обслуживания одного и того же медиа-контента в нескольких форматах, поддерживаемых различными браузерами (en-US). +|[[software:development:ps_pycharm:html5:element:<portal>|]]| Enables the embedding of another HTML page into the current one for the purposes of allowing smoother navigation into new pages.| 
    -SVG and MathML +|[[software:development:ps_pycharm:html5:element:<source>|]]| Указывает несколько медиа-ресурсов для элементов [[software:development:ps_pycharm:html5:element:<picture>|]], [[software:development:ps_pycharm:html5:element:<video>|]] и [[software:development:ps_pycharm:html5:element:<audio>|]]. Это пустой элемент. Он обычно используется для обслуживания одного и того же медиа-контента в нескольких форматах, поддерживаемых различными браузерами .| 
    -You can embed SVG and MathML content directly into HTML documents, using the <svg> and <math> elements.+ 
     +===== SVG and MathML ===== 
     + 
     +You can embed SVG and MathML content directly into HTML documents, using the [[software:development:ps_pycharm:html5:element:<svg>|]] and [[software:development:ps_pycharm:html5:element:<math>|]] elements. 
     + 
     +{{tablelayout?colwidth="200px"}} 
     +^ Элемент  ^ Описание  ^ 
     +|[[software:development:ps_pycharm:html5:element:<svg>|]]| Представляет собой контейнер, который определяет новую систему координат и область просмотра. Он используется, как самый внешний элемент документов SVG, но также может использоваться для встраивания фрагмента SVG в документ SVG или HTML.| 
     +|[[software:development:ps_pycharm:html5:element:<math>|]]| Элементом верхнего уровня в MathML является тэг [[software:development:ps_pycharm:html5:element:<math>|]]. Каждый допустимый экземпляр MathML должен быть внутри этого контейнера. Он не допускает вложений, но внутри может быть произвольное число других дочерних элементов.| 
     + 
     +===== Скриптинг =====
      
    -Элемент Описание 
    -<svg> Представляет собой контейнер, который определяет новую систему координат и область просмотра. Он используется, как самый внешний элемент документов SVG, но также может использоваться для встраивания фрагмента SVG в документ SVG или HTML. 
    -<math> Элементом верхнего уровня в MathML является тэг <math>. Каждый допустимый экземпляр MathML должен быть внутри этого контейнера. Он не допускает вложений, но внутри может быть произвольное число других дочерних элементов. 
    -Скриптинг 
     Чтобы создавать динамический контент и веб-приложения, HTML поддерживает использование скриптовых языков, наиболее известным является JavaScript. Некоторые элементы поддерживают эту возможность. Чтобы создавать динамический контент и веб-приложения, HTML поддерживает использование скриптовых языков, наиболее известным является JavaScript. Некоторые элементы поддерживают эту возможность.
      
    -Элемент Описание +{{tablelayout?colwidth="200px"}} 
    -<canvas> Может быть использован для отрисовки графики при помощи скриптов (обычно используется JavaScript). Например, его можно использовать для отрисовки графиков, делать композиции фото или даже выполнять анимации. Вы можете (и должны) дать альтернативное содержание внутри блока <canvas>. Этот контент будет рендерится в обоих браузерах, в старых которые не поддерживают canvas и в браузерах с отключённым JavaScript. +^ Элемент  ^ Описание  ^ 
    -<noscript> Определяет секцию HTML кода, которая будет вставлена, если в браузере пользователя нет либо отключена поддержка JavaScript. +|[[software:development:ps_pycharm:html5:element:<canvas>|]]| Может быть использован для отрисовки графики при помощи скриптов (обычно используется JavaScript). Например, его можно использовать для отрисовки графиков, делать композиции фото или даже выполнять анимации. Вы можете (и должны) дать альтернативное содержание внутри блока [[software:development:ps_pycharm:html5:element:<canvas>|]]. Этот контент будет рендерится в обоих браузерах, в старых которые не поддерживают canvas и в браузерах с отключённым JavaScript.| 
    -<script> Используется для встраивания или подключения исполняемого JavaScript кода. Элемент <script> также может использоваться с другими языками, такими как GLSL (en-US) от WebGL. +|[[software:development:ps_pycharm:html5:element:<noscript>|]]| Определяет секцию HTML кода, которая будет вставлена, если в браузере пользователя нет либо отключена поддержка JavaScript.| 
    -Разграничительные правки+|[[software:development:ps_pycharm:html5:element:<script>|]]| Используется для встраивания или подключения исполняемого JavaScript кода. Элемент [[software:development:ps_pycharm:html5:element:<script>|]] также может использоваться с другими языками, такими как GLSL  от WebGL.| 
     + 
     +===== Разграничительные правки ===== 
     Эти элементы позволяют вам отметить определённые части текста. Эти элементы позволяют вам отметить определённые части текста.
      
    -Элемент Описание +{{tablelayout?colwidth="200px"}} 
    -<del> Представляет диапазон текста, который был удалён из документа. Он может быть использован, например, при отображении "отслеживания изменений" или различий в исходном коде. Элемент <ins> можно использовать для противоположной цели: указание текста, который был добавлен в документ. +^ Элемент  ^ Описание  ^ 
    -<ins> Представляет собой диапазон текста, который был добавлен в документ +|[[software:development:ps_pycharm:html5:element:<del>|]]| Представляет диапазон текста, который был удалён из документа. Он может быть использован, например, при отображении "отслеживания изменений" или различий в исходном коде. Элемент [[software:development:ps_pycharm:html5:element:<ins>|]] можно использовать для противоположной цели: указание текста, который был добавлен в документ.| 
    -Содержание таблиц+|[[software:development:ps_pycharm:html5:element:<ins>|]]| Представляет собой диапазон текста, который был добавлен в документ.| 
     + 
     +===== Содержание таблиц ===== 
     Эти элементы используются для создания и обработки табличных данных. Эти элементы используются для создания и обработки табличных данных.
      
    -Элемент Описание +{{tablelayout?colwidth="200px"}} 
    -<caption> Определяет название (заголовок) таблицы. Если этот элемент используется, он всегда должен быть первым вложенным элементом тэга <table> (en-US). Внешний вид и расположение заголовка по отношению к самой таблице может быть изменено с помощью стилей CSS caption-side (en-US) and text-align. +^ Элемент  ^ Описание  ^ 
    -<col> Определяет столбец в таблице и используется для определения общей семантики на всех ячейках. Обычно он находится в элементе <colgroup> (en-US). +|[[software:development:ps_pycharm:html5:element:<caption>|]]| Определяет название (заголовок) таблицы. Если этот элемент используется, он всегда должен быть первым вложенным элементом тэга [[software:development:ps_pycharm:html5:element:<table>|]] . Внешний вид и расположение заголовка по отношению к самой таблице может быть изменено с помощью стилей CSS caption-side  and text-align.| 
    -<colgroup> (en-US) Defines a group of columns within a table. +|[[software:development:ps_pycharm:html5:element:<col>|]]| Определяет столбец в таблице и используется для определения общей семантики на всех ячейках. Обычно он находится в элементе [[software:development:ps_pycharm:html5:element:<colgroup>|]] .| 
    -<table> (en-US) Represents tabular data — that is, information presented in a two-dimensional table comprised of rows and columns of cells containing data. +|[[software:development:ps_pycharm:html5:element:<colgroup>|]]| Defines a group of columns within a table.| 
    -<tbody> (en-US) Encapsulates a set of table rows (<tr> (en-US) elements), indicating that they comprise the body of the table (<table> (en-US)). +|[[software:development:ps_pycharm:html5:element:<table>|]]| Represents tabular data — that is, information presented in a two-dimensional table comprised of rows and columns of cells containing data.| 
    -<td> Определяет ячейку таблицы которая содержит данные. Участвует в табличной модели. +|[[software:development:ps_pycharm:html5:element:<tbody>|]]| Encapsulates a set of table rows ([[software:development:ps_pycharm:html5:element:<tr>|]]  elements), indicating that they comprise the body of the table ([[software:development:ps_pycharm:html5:element:<table>|]] ).| 
    -<tfoot> Определяет набор строк суммирующих столбцы таблицы. +|[[software:development:ps_pycharm:html5:element:<td>|]]| Определяет ячейку таблицы которая содержит данные. Участвует в табличной модели.| 
    -<th> (en-US) Defines a cell as header of a group of table cells. The exact nature of this group is defined by the scope and headers attributes. +|[[software:development:ps_pycharm:html5:element:<tfoot>|]]| Определяет набор строк суммирующих столбцы таблицы.| 
    -<thead> (en-US) Defines a set of rows defining the head of the columns of the table. +|[[software:development:ps_pycharm:html5:element:<th>|]]| Defines a cell as header of a group of table cells. The exact nature of this group is defined by the scope and headers attributes.| 
    -<tr> (en-US) Defines a row of cells in a table. The row's cells can then be established using a mix of <td> (data cell) and <th> (en-US) (header cell) elements. +|[[software:development:ps_pycharm:html5:element:<thead>|]]| Defines a set of rows defining the head of the columns of the table.| 
    -Формы+|[[software:development:ps_pycharm:html5:element:<tr>|]]| Defines a row of cells in a table. The row's cells can then be established using a mix of [[software:development:ps_pycharm:html5:element:<td>|]] (data cell) and [[software:development:ps_pycharm:html5:element:<th>|]]  (header cell) elements.| 
     + 
     +===== Формы ===== 
     HTML содержит некоторое количество элементов, которые используются вместе для создания форм, которые пользователь может заполнить и отправить на сервер. Доступно множество информации по этой теме в руководстве по HTML формам. HTML содержит некоторое количество элементов, которые используются вместе для создания форм, которые пользователь может заполнить и отправить на сервер. Доступно множество информации по этой теме в руководстве по HTML формам.
      
    -Элемент Описание +{{tablelayout?colwidth="200px"}} 
    -<button> Создаёт интерактивную кнопку, которая может быть использована в формах или в любом другом месте документа, который требует простой, стандартной кнопки. По умолчанию, кнопки HTML обычно представлены в стиле, аналогичном стилю хост-платформы, на которой работает user agent, но вы можете изменить внешний вид кнопки, используя CSS. +^ Элемент  ^ Описание  ^ 
    -<datalist> Содержит набор опций (<option>), доступных для выбора. Выбранное значение будет установлено для элемента <input>, с атрибутом list. +|[[software:development:ps_pycharm:html5:element:<button>|]]| Создаёт интерактивную кнопку, которая может быть использована в формах или в любом другом месте документа, который требует простой, стандартной кнопки. По умолчанию, кнопки HTML обычно представлены в стиле, аналогичном стилю хост-платформы, на которой работает user agent, но вы можете изменить внешний вид кнопки, используя CSS.| 
    -<fieldset> Используется для группировки нескольких элементов управления в веб-форме. +|[[software:development:ps_pycharm:html5:element:<datalist>|]]| Содержит набор опций ([[software:development:ps_pycharm:html5:element:<option>|]]), доступных для выбора. Выбранное значение будет установлено для элемента [[software:development:ps_pycharm:html5:element:<input>|]], с атрибутом list.| 
    -<form> Представляет (собой) раздел документа, содержащий интерактивные элементы управления, которые позволяют пользователю отправлять информацию на веб-сервер. +|[[software:development:ps_pycharm:html5:element:<fieldset>|]]| Используется для группировки нескольких элементов управления в веб-форме.| 
    -<input> Используется для создания интерактивных элементов управления в веб-формах для получения данных от пользователя; в зависимости от устройства и user agent, доступен широкий выбор типов входных данных и виджетов управления. Из-за огромного количества возможных сочетаний типов ввода и атрибутов это один из самых мощных и сложных элементов HTML. +|[[software:development:ps_pycharm:html5:element:<form>|]]| Представляет (собой) раздел документа, содержащий интерактивные элементы управления, которые позволяют пользователю отправлять информацию на веб-сервер.| 
    -<label> Представляет собой подпись к элементу пользовательского интерфейса. +|[[software:development:ps_pycharm:html5:element:<input>|]]| Используется для создания интерактивных элементов управления в веб-формах для получения данных от пользователя; в зависимости от устройства и user agent, доступен широкий выбор типов входных данных и виджетов управления. Из-за огромного количества возможных сочетаний типов ввода и атрибутов это один из самых мощных и сложных элементов HTML.| 
    -<legend> Представляет собой заголовок содержания родительского элемента <fieldset>. +|[[software:development:ps_pycharm:html5:element:<label>|]]| Представляет собой подпись к элементу пользовательского интерфейса.| 
    -<meter> Представляет собой скалярное значение в пределах известного диапазона или дробного значения. +|[[software:development:ps_pycharm:html5:element:<legend>|]]| Представляет собой заголовок содержания родительского элемента [[software:development:ps_pycharm:html5:element:<fieldset>|]].| 
    -<optgroup> Позволяет группировать опции, находящиеся внутри элемента <select>. +|[[software:development:ps_pycharm:html5:element:<meter>|]]| Представляет собой скалярное значение в пределах известного диапазона или дробного значения.| 
    -<option> Используется для определения пункта списка контейнера <select>, элемента <optgroup>, или элемента <datalist>. Элемент <option> может представлять раздел меню всплывающих окон и других перечней или списков HTML документа. +|[[software:development:ps_pycharm:html5:element:<optgroup>|]]| Позволяет группировать опции, находящиеся внутри элемента [[software:development:ps_pycharm:html5:element:<select>|]].| 
    -<output> Является контейнерным элементом, в котором сайт или приложение могут выводить результаты вычислений или действий пользователя. +|[[software:development:ps_pycharm:html5:element:<option>|]]| Используется для определения пункта списка контейнера [[software:development:ps_pycharm:html5:element:<select>|]], элемента [[software:development:ps_pycharm:html5:element:<optgroup>|]], или элемента [[software:development:ps_pycharm:html5:element:<datalist>|]]. Элемент [[software:development:ps_pycharm:html5:element:<option>|]] может представлять раздел меню всплывающих окон и других перечней или списков HTML документа.| 
    -<progress> Отображает индикатор, показывающий ход выполнения задачи, обычно отображаемый в виде прогресс бара (индикатора выполнения). +|[[software:development:ps_pycharm:html5:element:<output>|]]| Является контейнерным элементом, в котором сайт или приложение могут выводить результаты вычислений или действий пользователя.| 
    -<select> Представляет собой элемент управления который содержит меню опций: +|[[software:development:ps_pycharm:html5:element:<progress>|]]| Отображает индикатор, показывающий ход выполнения задачи, обычно отображаемый в виде прогресс бара (индикатора выполнения).| 
    -<textarea> (en-US) Represents a multi-line plain-text editing control, useful when you want to allow users to enter a sizeable amount of free-form text, for example a comment on a review or feedback form. +|[[software:development:ps_pycharm:html5:element:<select>|]]| Представляет собой элемент управления который содержит меню опций:.| 
    -Интерактивные элементы+|[[software:development:ps_pycharm:html5:element:<textarea>|]]| Represents a multi-line plain-text editing control, useful when you want to allow users to enter a sizeable amount of free-form text, for example a comment on a review or feedback form.| 
     + 
     +===== Интерактивные элементы ===== 
     HTML содержит в себе элементы, которые помогают создавать интерактивные объекты пользовательского интерфейса. HTML содержит в себе элементы, которые помогают создавать интерактивные объекты пользовательского интерфейса.
      
    -Элемент Описание +{{tablelayout?colwidth="200px"}} 
    -<details> Используется для раскрытия скрытой (дополнительной) информации. +^ Элемент  ^ Описание  ^ 
    -<dialog> Определяет диалоговое окно или другой интерактивный элемент, такой как инспектор или окно. Элементы <form> могут интегрироваться с диалогом с помощью указания атрибута method="dialog". Когда отправляется такая форма, диалог закрывается с returnValue равным value нажатой кнопки submit. +|[[software:development:ps_pycharm:html5:element:<details>|]]| Используется для раскрытия скрытой (дополнительной) информации.| 
    -<summary> The HTML Disclosure Summary element (<summary>) element specifies a summary, caption, or legend for a <details> element's disclosure box. Clicking the <summary> element toggles the state of the parent <details> element open and closed. +|[[software:development:ps_pycharm:html5:element:<dialog>|]]| Определяет диалоговое окно или другой интерактивный элемент, такой как инспектор или окно. Элементы [[software:development:ps_pycharm:html5:element:<form>|]] могут интегрироваться с диалогом с помощью указания атрибута method="dialog". Когда отправляется такая форма, диалог закрывается с returnValue равным value нажатой кнопки submit.| 
    -Веб-компоненты+|[[software:development:ps_pycharm:html5:element:<summary>|]]| The HTML Disclosure Summary element ([[software:development:ps_pycharm:html5:element:<summary>|]]) element specifies a summary, caption, or legend for a [[software:development:ps_pycharm:html5:element:<details>|]] element's disclosure box. Clicking the [[software:development:ps_pycharm:html5:element:<summary>|]] element toggles the state of the parent [[software:development:ps_pycharm:html5:element:<details>|]] element open and closed.| 
     + 
     +===== Веб-компоненты ===== 
     Веб-компоненты - технология, относящаяся к HTML и делающая возможным создание и использование пользовательских элементов, как будто они в обычном HTML. Кроме того, вы можете даже создавать свои версии стандарта HTML элементов. Веб-компоненты - технология, относящаяся к HTML и делающая возможным создание и использование пользовательских элементов, как будто они в обычном HTML. Кроме того, вы можете даже создавать свои версии стандарта HTML элементов.
      
     Примечание: Эти элементы определены в World Wide Web Consortium (W3C) Web Components collection of specifications скорее, чем в HTML спецификации. К тому же, спецификация Веб-компонентов не завершена и является темой для обсуждений. Примечание: Эти элементы определены в World Wide Web Consortium (W3C) Web Components collection of specifications скорее, чем в HTML спецификации. К тому же, спецификация Веб-компонентов не завершена и является темой для обсуждений.
      
    -Элемент Описание +{{tablelayout?colwidth="200px"}} 
    -<slot> Является частью набора технологии Web Components, является заполнителем внутри веб компонента, который можно заполнить собственной разметкой, которая позволяет создавать отдельные деревья DOM и представлять их вместе. +^ Элемент  ^ Описание  ^ 
    -<template> Представляет собой механизм для отложенного создания клиентского контента, который не отображается во время загрузки страницы, но может быть инициализирован при помощи JavaScript. +|[[software:development:ps_pycharm:html5:element:<slot>|]]| Является частью набора технологии Web Components, является заполнителем внутри веб компонента, который можно заполнить собственной разметкой, которая позволяет создавать отдельные деревья DOM и представлять их вместе.| 
    -Устаревшие и осуждаемые элементы+|[[software:development:ps_pycharm:html5:element:<template>|]]| Представляет собой механизм для отложенного создания клиентского контента, который не отображается во время загрузки страницы, но может быть инициализирован при помощи JavaScript.| 
     + 
     +===== Устаревшие и осуждаемые элементы ===== 
     Предупреждение: Эти HTML-элементы являются устаревшими, и их использование не рекомендуется. Вы не должны использовать их для новых проектов, а также должны заменить их в старых проектах как можно быстрее. Они перечислены здесь только в информационных целях. Предупреждение: Эти HTML-элементы являются устаревшими, и их использование не рекомендуется. Вы не должны использовать их для новых проектов, а также должны заменить их в старых проектах как можно быстрее. Они перечислены здесь только в информационных целях.
      
    -Элемент Описание +{{tablelayout?colwidth="200px"}} 
    -<acronym> Позволяет явно указать, что данная последовательность букв, являющуюся акронимом или аббревиатурой. +^ Элемент  ^ Описание  ^ 
    -<applet> Определяет включение апплета Java. +|[[software:development:ps_pycharm:html5:element:<acronym>|]]| Позволяет явно указать, что данная последовательность букв, являющуюся акронимом или аббревиатурой.| 
    -<bgsound> (en-US) Sets up a sound file to play in the background while the page is used; use <audio> instead. +|[[software:development:ps_pycharm:html5:element:<applet>|]]| Определяет включение апплета Java.| 
    -<big> (en-US) Renders the enclosed text at a font size one level larger than the surrounding text (medium becomes large, for example). The size is capped at the browser's maximum permitted font size. +|[[software:development:ps_pycharm:html5:element:<bgsound>|]]| Sets up a sound file to play in the background while the page is used; use [[software:development:ps_pycharm:html5:element:<audio>|]] instead.| 
    -<blink> Causes the enclosed text to flash slowly. +|[[software:development:ps_pycharm:html5:element:<big>|]]| Renders the enclosed text at a font size one level larger than the surrounding text (medium becomes large, for example). The size is capped at the browser's maximum permitted font size.| 
    -<center> (en-US) Displays its block-level or inline contents centered horizontally within its containing element. +|[[software:development:ps_pycharm:html5:element:<blink>|]]| Causes the enclosed text to flash slowly.| 
    -<content> (en-US) An obsolete part of the Web Components suite of technologies—was used inside of Shadow DOM (en-US) as an insertion point, and wasn't meant to be used in ordinary HTML. It has now been replaced by the <slot> element, which creates a point in the DOM at which a shadow DOM can be inserted. +|[[software:development:ps_pycharm:html5:element:<center>|]]| Displays its block-level or inline contents centered horizontally within its containing element.| 
    -<dir> (en-US) Container for a directory of files and/or folders, potentially with styles and icons applied by the user agent. Do not use this obsolete element; instead, you should use the <ul> element for lists, including lists of files. +|[[software:development:ps_pycharm:html5:element:<content>|]]| An obsolete part of the Web Components suite of technologies—was used inside of Shadow DOM  as an insertion point, and wasn't meant to be used in ordinary HTML. It has now been replaced by the [[software:development:ps_pycharm:html5:element:<slot>|]] element, which creates a point in the DOM at which a shadow DOM can be inserted.| 
    -<font> Определяет размер шрифта, цвета и лицо для его содержимого +|[[software:development:ps_pycharm:html5:element:<dir>|]]| Container for a directory of files and/or folders, potentially with styles and icons applied by the user agent. Do not use this obsolete element; instead, you should use the [[software:development:ps_pycharm:html5:element:<ul>|]] element for lists, including lists of files.| 
    -<frame> (en-US) Defines a particular area in which another HTML document can be displayed. A frame should be used within a <frameset> (en-US). +|[[software:development:ps_pycharm:html5:element:<font>|]]| Определяет размер шрифта, цвета и лицо для его содержимого.| 
    -<frameset> (en-US) Used to contain <frame> (en-US) elements. +|[[software:development:ps_pycharm:html5:element:<frame>|]]| Defines a particular area in which another HTML document can be displayed. A frame should be used within a [[software:development:ps_pycharm:html5:element:<frameset>|]] .| 
    -<image> > Примечание: Этот элемент был удалён из HTML5 (W3C) спецификации , но до сих пор остаётся в спецификации WHATWG. Он частично встроен в большинство браузеров, хотя бы поэтому вряд ли уйдёт. Поскольку схематический алгоритм не реализован ни в одном браузере, семантика тега <hgroup> на практике реализована только теоретически. Спецификация HTML5 (W3C) даёт совет как обозначать подзаголовки, альтернативные заголовки и слоганы. +|[[software:development:ps_pycharm:html5:element:<frameset>|]]| Used to contain [[software:development:ps_pycharm:html5:element:<frame>|]]  elements.| 
    -<keygen> Элемент HTML <image> был экспериментальным элементом, предназначенный для отображения изображений. Он никогда не был реализован, вместо него должен использоваться стандартный элемент <img>. +|[[software:development:ps_pycharm:html5:element:<image>|]]| Примечание: Этот элемент был удалён из HTML5 (W3C) спецификации , но до сих пор остаётся в спецификации WHATWG. Он частично встроен в большинство браузеров, хотя бы поэтому вряд ли уйдёт. Поскольку схематический алгоритм не реализован ни в одном браузере, семантика тега [[software:development:ps_pycharm:html5:element:<hgroup>|]] на практике реализована только теоретически. Спецификация HTML5 (W3C) даёт совет как обозначать подзаголовки, альтернативные заголовки и слоганы.| 
    -<marquee> Used to insert a scrolling area of text. You can control what happens when the text reaches the edges of its content area using its attributes. +|[[software:development:ps_pycharm:html5:element:<keygen>|]]| Элемент HTML [[software:development:ps_pycharm:html5:element:<image>|]] был экспериментальным элементом, предназначенный для отображения изображений. Он никогда не был реализован, вместо него должен использоваться стандартный элемент [[software:development:ps_pycharm:html5:element:<img>|]].| 
    -<menuitem> (en-US) HTML-элемент <marquee> используется для создания на странице прокручивающегося текста (бегущей строки). +|[[software:development:ps_pycharm:html5:element:<marquee>|]]| Used to insert a scrolling area of text. You can control what happens when the text reaches the edges of its content area using its attributes.| 
    -<nobr> (en-US) Prevents the text it contains from automatically wrapping across multiple lines, potentially resulting in the user having to scroll horizontally to see the entire width of the text. +|[[software:development:ps_pycharm:html5:element:<menuitem>|]]| HTML-элемент [[software:development:ps_pycharm:html5:element:<marquee>|]] используется для создания на странице прокручивающегося текста (бегущей строки).| 
    -<noembed> (en-US) An obsolete, non-standard way to provide alternative, or "fallback", content for browsers that do not support the embed element or do not support the type of embedded content an author wishes to use. This element was deprecated in HTML 4.01 and above in favor of placing fallback content between the opening and closing tags of an <object> (en-US) element. +|[[software:development:ps_pycharm:html5:element:<nobr>|]]| Prevents the text it contains from automatically wrapping across multiple lines, potentially resulting in the user having to scroll horizontally to see the entire width of the text.| 
    -<noframes> (en-US) Provides content to be presented in browsers that don't support (or have disabled support for) the <frame> (en-US) element. Although most commonly-used browsers support frames, there are exceptions, including certain special-use browsers including some mobile browsers, as well as text-mode browsers. +|[[software:development:ps_pycharm:html5:element:<noembed>|]]| An obsolete, non-standard way to provide alternative, or "fallback", content for browsers that do not support the embed element or do not support the type of embedded content an author wishes to use. This element was deprecated in HTML 4.01 and above in favor of placing fallback content between the opening and closing tags of an [[software:development:ps_pycharm:html5:element:<object>|]]  element.| 
    -<param> (en-US) Defines parameters for an <object> (en-US) element. +|[[software:development:ps_pycharm:html5:element:<noframes>|]]| Provides content to be presented in browsers that don't support (or have disabled support for) the [[software:development:ps_pycharm:html5:element:<frame>|]]  element. Although most commonly-used browsers support frames, there are exceptions, including certain special-use browsers including some mobile browsers, as well as text-mode browsers.| 
    -<plaintext> (en-US) Renders everything following the start tag as raw text, ignoring any following HTML. There is no closing tag, since everything after it is considered raw text. +|[[software:development:ps_pycharm:html5:element:<param>|]]| Defines parameters for an [[software:development:ps_pycharm:html5:element:<object>|]]  element.| 
    -<rb> (en-US) Used to delimit the base text component of a ruby annotation, i.e. the text that is being annotated. One <rb> element should wrap each separate atomic segment of the base text. +|[[software:development:ps_pycharm:html5:element:<plaintext>|]]| Renders everything following the start tag as raw text, ignoring any following HTML. There is no closing tag, since everything after it is considered raw text.| 
    -<rtc> (en-US) Embraces semantic annotations of characters presented in a ruby of <rb> (en-US) elements used inside of <ruby> element. <rb> (en-US) elements can have both pronunciation (<rt> (en-US)) and semantic (<rtc> (en-US)) annotations. +|[[software:development:ps_pycharm:html5:element:<rb>|]]| Used to delimit the base text component of a ruby annotation, i.e. the text that is being annotated. One [[software:development:ps_pycharm:html5:element:<rb>|]] element should wrap each separate atomic segment of the base text.| 
    -<shadow> An obsolete part of the Web Components technology suite that was intended to be used as a shadow DOM insertion point. You might have used it if you have created multiple shadow roots under a shadow host. +|[[software:development:ps_pycharm:html5:element:<rtc>|]]| Embraces semantic annotations of characters presented in a ruby of [[software:development:ps_pycharm:html5:element:<rb>|]]  elements used inside of [[software:development:ps_pycharm:html5:element:<ruby>|]] element. [[software:development:ps_pycharm:html5:element:<rb>|]]  elements can have both pronunciation ([[software:development:ps_pycharm:html5:element:<rt>|]] ) and semantic ([[software:development:ps_pycharm:html5:element:<rtc>|]] ) annotations.| 
    -<spacer> Allows insertion of empty spaces on pages. It was devised by Netscape to accomplish the same effect as a single-pixel layout image, which was something web designers used to use to add white spaces to web pages without actually using an image. However, <spacer> is no longer supported by any major browser and the same effects can now be achieved using simple CSS. +|[[software:development:ps_pycharm:html5:element:<shadow>|]]| An obsolete part of the Web Components technology suite that was intended to be used as a shadow DOM insertion point. You might have used it if you have created multiple shadow roots under a shadow host.| 
    -<strike> (en-US) Places a strikethrough (horizontal line) over text. +|[[software:development:ps_pycharm:html5:element:<spacer>|]]| Allows insertion of empty spaces on pages. It was devised by Netscape to accomplish the same effect as a single-pixel layout image, which was something web designers used to use to add white spaces to web pages without actually using an image. However, [[software:development:ps_pycharm:html5:element:<spacer>|]] is no longer supported by any major browser and the same effects can now be achieved using simple CSS.| 
    -<tt> (en-US) Creates inline text which is presented using the user agent default monospace font face. This element was created for the purpose of rendering text as it would be displayed on a fixed-width display such as a teletype, text-only screen, or line printer. +|[[software:development:ps_pycharm:html5:element:<strike>|]]| Places a strikethrough (horizontal line) over text.| 
    -<xmp> (en-US) Renders text between the start and end tags without interpreting the HTML in between and using a monospaced font. The HTML2 specification recommended that it should be rendered wide enough to allow 80 characters per line.+|[[software:development:ps_pycharm:html5:element:<tt>|]]| Creates inline text which is presented using the user agent default monospace font face. This element was created for the purpose of rendering text as it would be displayed on a fixed-width display such as a teletype, text-only screen, or line printer.| 
     +|[[software:development:ps_pycharm:html5:element:<xmp>|]]| Renders text between the start and end tags without interpreting the HTML in between and using a monospaced font. The HTML2 specification recommended that it should be rendered wide enough to allow 80 characters per line.|
    software/development/ps_pycharm/html5/element.1691756342.txt.gz · Последнее изменение: 2023/08/11 15:19 — vladpolskiy