Атрибут содержимого — это атрибут как вы его устанавливаете из содержимого (HTML-код), и его можно устанавливать или получать с помощью {{domxref("element.setAttribute()")}} или {{domxref("element.getAttribute()")}}. Атрибут содержимого всегда строка, даже когда ожидаемое значение должно быть число. Например, для того чтобы установить maxlength элемента {{HTMLElement("input")}} в 42 используя атрибут содержимого, вам нужно вызвать setAttribute("maxlength", "42") на этом элементе.
-
IDL-атрибут также известен как свойство JavaScript. Это атрибуты, которые вы можете читать или устанавливать используя JavaScript-свойства наподобие element.foo. IDL-атрибут всегда собирается использовать (но может преобразовать) основной атрибут содержимого для возврата, когда вы получаете его и сохраняет в атрибут содержимого, когда вы устанавливаете его. Другими словами, IDL-атрибуты, в сущности, отражают атрибуты содержимого.
+
IDL-атрибут также известен как свойство JavaScript. Это атрибуты, которые вы можете читать или устанавливать используя JavaScript-свойства наподобие element.foo. IDL-атрибут всегда собирается использовать (но может преобразовать) основной атрибут содержимого для возврата, когда вы получаете его и сохраняет в атрибут содержимого, когда вы устанавливаете его. Другими словами, IDL-атрибуты, в сущности, отражают атрибуты содержимого.
Большую часть времени, IDL атрибуты возвращают их значения такими, какими они используются. Например, по умолчанию type для элементов {{HTMLElement("input")}} — "text", поэтому если вы установите input.type="foobar", элемент <input> будет иметь тип text (по виду и по поведению) но значение атрибута содержимого "type" будет "foobar". Однако, IDL-атрибут type возвратит строку "text".
Исторически HTML-элементы было принято делить на блочные и строчные. Блочные элементы занимают всю ширину своего родителя (контейнера), формально создавая «блок» (отсюда и название).
+
Исторически HTML-элементы было принято делить на блочные и строчные. Блочные элементы занимают всю ширину своего родителя (контейнера), формально создавая «блок» (отсюда и название).
Браузеры обычно отображают блочные элементы с переводом строки до и после элемента. Блочные элементы можно представить в виде стопки коробок. Следующий пример демонстрирует, как это выглядит:
-
Блочные элементы
+
Блочные элементы
HTML
@@ -38,57 +38,57 @@
Блочные проти
Содержание
-
Как правило, блочные элементы могут содержать строчные элементы и другие блочные элементы. Неотъемлемой частью этогоструктурногоразличияявляется идея, чтоблочные элементысоздают«более крупную»структуру, чемвстроенные элементы.
+
Как правило, блочные элементы могут содержать строчные элементы и другие блочные элементы. Неотъемлемой частью этого структурного различия является идея, что блочные элементы создают «более крупную» структуру, чем встроенные элементы.
Форматирование по умолчанию
По умолчанию блочные элементы начинаются с новой строки, а строчные могут начинаться в любом месте строки.
-
Разделение элементов наблочные и строчные использовалось в спецификацииHTML до версии4.01.ВHTML5это противопоставление заменено болеесложным набором категорий контента.Категория «строчных» элементов примерно соответствует категории текстового контента, а для «блочных» элементов прямого соответствия нет, но «блочные» и «строчные» элементы вместе примерно соответствуюткатегориипотокового контента вHTML5 (т.е., грубо говоря, «блочные» элементы — это потоковый контент минус текстовый контент).Кроме того, есть и другие категории, например, интерактивный контент.
+
Разделение элементов на блочные и строчные использовалось в спецификации HTML до версии 4.01. В HTML5 это противопоставление заменено более сложным набором категорий контента. Категория «строчных» элементов примерно соответствует категории текстового контента, а для «блочных» элементов прямого соответствия нет, но «блочные» и «строчные» элементы вместе примерно соответствуют категории потокового контента в HTML5 (т.е., грубо говоря, «блочные» элементы — это потоковый контент минус текстовый контент).Кроме того, есть и другие категории, например, интерактивный контент.
Элементы
-
Ниже приведёнполный список всех блочных элементов(хотя формально понятие «блочный» не применяется к новым элементамв HTML5).
+
Ниже приведён полный список всех блочных элементов (хотя формально понятие «блочный» не применяется к новым элементам в HTML5).
Этот атрибут сообщает о том, что эта ссылка должна быть использована для скачивания файла, и, когда пользователь нажимает на ссылку, ему будет предложено сохранить файл как локальный. Если у этого атрибута есть значение, оно будет использовано как заполненное название файла в Окне сохранения, которое открывается, когда пользователь нажимает на ссылку (пользователь может поменять название перед сохранением файла). Ограничений на позволенные значения нет (хотя оно будет конвертировано в нижние подчёркивания, предотвращая специфичные пути), но стоит обратить внимание, что у большинства файловых систем есть ограничения на то, какие знаки препинания поддерживаются файловой системой, и браузеры регулируют названия согласно ограничениям.
-
Примечание:
-
Атрибут может быть использован вместе с blob: URLs и data: URLs, чтобы пользователи могли проще скачать контент, который сгенерирован с помощью JavaScript (например, картинка, созданная с помощью онлайн-сайта для рисования).
+
Атрибут может быть использован вместе с blob: URLs и data: URLs, чтобы пользователи могли проще скачать контент, который сгенерирован с помощью JavaScript (например, картинка, созданная с помощью онлайн-сайта для рисования).
Если представлен HTTP-заголовок Content-Disposition:, и он содержит иное название, у HTTP-заголовка есть преимущество над атрибутом.
Если этот атрибут установлен и Content-Disposition: установлен на inline, Firefox отдаёт преимущество Content-Disposition, но в тоже время Chrome отдаёт преимущество атрибуту download.
-
Этот атрибут соблюдается только на ресурсах с тем же доменом.
+
Этот атрибут соблюдается только на ресурсах с тем же доменом.
@@ -74,8 +73,8 @@
Атрибуты
{{htmlattrdef("ping")}} {{HTMLVersionInline(5)}}
Этот атрибут уведомляет указанные в нём URL, что пользователь перешёл по ссылке.
Этот атрибут сообщает, какую информацию передавать ресурсу по ссылке:
-
+
Этот атрибут сообщает, какую информацию передавать ресурсу по ссылке:
+
"no-referrer" не отправляет заголовок Referer.
"no-referrer-when-downgrade" не отправляет заголовок Referer ресурсу без TLS (HTTPS). Это стандартное поведение браузера, если не указана иная политика.
@@ -83,35 +82,28 @@
Атрибуты
"origin-when-cross-origin" отправляет другим ресурсам только протокол, хост и порт, а внутри ресурса также отправляет путь.
"unsafe-url" отправляет только ресурс и адрес (но не пароли или никнеймы). Это значение небезопасно, так как могут утечь ресурс и адрес с TLS-защищённых ресурсов на небезопасные.
+
-
-
-
{{htmlattrdef("rel")}}
Для ссылок, которые содержат атрибут href, этот атрибут устанавливает отношения между ссылками. Значением является список значений, разделённый пробелами. Значения и их семантика будут зарегистрированы другими сайтами, которые могут иметь произвольное значение к документу автора. Значением по умолчанию является void, если не задано иное. Используйте этот тег, только если задан атрибут {{htmlattrxref("href", "a")}}.
-
-
-
{{htmlattrdef("target")}}
-
Этот атрибут определяет, где показать содержимое по ссылке. В HTML4, это название и ключевое слово фрейма. В HTML5, это название или ключевое слово в браузере (например, вкладка, окно или iframe). У следующих ключевых слов специальные значения:
-
+
Этот атрибут определяет, где показать содержимое по ссылке. В HTML4, это название и ключевое слово фрейма. В HTML5, это название или ключевое слово в браузере (например, вкладка, окно или iframe). У следующих ключевых слов специальные значения:
+
_self загружает документ в текущем фрейме в HTML4 (или текущей вкладке в HTML5) как текущий. Это значение по умолчанию, если не указано иное значение.
_blank загружает документ в новой окне в HTML4 или вкладке в HTML5.
_parent загружает документ в родительском фрейме в HTML4 или в родительской вкладке в HTML5. Если нет родителя, параметр будет вести себя как _self: Load the response into the HTML4 frameset parent of the current frame or HTML5 parent browsing context of the current one. If there is no parent, this option behaves the same way as _self.
_top в HTML4 загружает документ в новом окне, игнорируя другие фреймы. В HTML5 загружает в окне высшего уровня. Если родителя нет, опция ведёт себя как _self.
-
- Используйте этот атрибут только если указан {{htmlattrxref("href", "a")}}.
-
+
+
Используйте этот атрибут только если указан {{htmlattrxref("href", "a")}}.
Примечание: Используя target, вы должны добавлять rel="noopener noreferrer", чтобы избежать эксплуатацию API window.opener.
-
-
+
{{htmlattrdef("type")}}
-
Этот атрибут определяет MIME-тип для документа по ссылке. Обычно это используется как контрольная информация, но в будущем браузеры могут добавлять маленькую иконку для медиафайлов. Например, браузер может добавить маленькую иконку мегафона, если тип файла установлен как audio/wav.
-
Используйте этот атрибут только если указан {{htmlattrxref("href", "a")}}.
+
Этот атрибут определяет MIME-тип для документа по ссылке. Обычно это используется как контрольная информация, но в будущем браузеры могут добавлять маленькую иконку для медиафайлов. Например, браузер может добавить маленькую иконку мегафона, если тип файла установлен как audio/wav.
+
Используйте этот атрибут только если указан {{htmlattrxref("href", "a")}}.
Устаревшие
@@ -208,10 +200,10 @@
Нестандартные
-
{{htmlattrdef("methods")}}{{Non-standard_inline}}
+
{{htmlattrdef("methods")}}{{Non-standard_inline}}
Значение этого атрибута предоставляет информацию о функциях, которые могут быть выполнены на объекте. Обычно значения даны HTTP-протоколом, когда он использован, но может (для похожих целей, как для атрибута title) быть полезным для включения контрольной информации в ссылке. Например, браузер может выбрать другой тип рендеринга для ссылки как функцию определённых методов; что-то, что может быть найдено, может иметь другую иконку, или внешняя ссылка может получить индикатор перехода с текущего сайта. Этот элемент не понимается или не поддерживается полностью даже браузером Internet Explorer 4, который определил этот атрибут. Значения methods (MSDN).
-
{{htmlattrdef("urn")}}{{Non-standard_inline}}
-
Этот атрибут, предложенный Microsoft, определяет отношения уникального названия ресурса (URN) с ссылкой. Хотя он основан на стандартах работы нескольких лет назад, значение URN всё ещё не определено полностью, поэтому этот атрибут не имеет значения. Значения urn (MSDN).
+
{{htmlattrdef("urn")}}{{Non-standard_inline}}
+
Этот атрибут, предложенный Microsoft, определяет отношения уникального названия ресурса (URN) с ссылкой. Хотя он основан на стандартах работы нескольких лет назад, значение URN всё ещё не определено полностью, поэтому этот атрибут не имеет значения. Значения urn (MSDN).
Исходный код этого интерактивного примера находится в GitHub репозитории. Если вы хотите внести свой вклад в проект интерактивных примеров, пожалуйста, склонируйте https://github.com/mdn/interactive-examples и отправьте нам запрос.
The source for this interactive example is stored in a GitHub repository. If you'd like to contribute to the interactive examples project, please clone https://github.com/mdn/interactive-examples and send us a pull request.
-
@@ -122,7 +120,7 @@
Атрибуты
Use this attribute only if the href attribute is present.
This attribute specifies the media type in the form of a MIME type for the link target. Generally, this is provided strictly as advisory information; however, in the future a browser might add a small icon for multimedia types. For example, a browser might add a small speaker icon when type is set to audio/wav. For a complete list of recognized MIME types, see https://www.w3.org/TR/html4/references.html#ref-MIMETYPES. Use this attribute only if the href attribute is present.
+
This attribute specifies the media type in the form of a MIME type for the link target. Generally, this is provided strictly as advisory information; however, in the future a browser might add a small icon for multimedia types. For example, a browser might add a small speaker icon when type is set to audio/wav. For a complete list of recognized MIME types, see https://www.w3.org/TR/html4/references.html#ref-MIMETYPES. Use this attribute only if the href attribute is present.
The source for this interactive example is stored in a GitHub repository. If you'd like to contribute to the interactive examples project, please clone https://github.com/mdn/interactive-examples and send us a pull request.
-
Данный документ может иметь множество статей; например, когда читатель просматривает блог, в котором текст каждой статьи отображается один за другим, каждая публикация будет находиться в элементе <article>, возможно, с одним или более элементами <section> внутри.
@@ -119,5 +117,5 @@
Смотрите также
Связанные с этим разделом элементы: {{HTMLElement("body")}}, {{HTMLElement("nav")}}, {{HTMLElement("section")}}, {{HTMLElement("aside")}}, {{HTMLElement("h1")}}, {{HTMLElement("h2")}}, {{HTMLElement("h3")}}, {{HTMLElement("h4")}}, {{HTMLElement("h5")}}, {{HTMLElement("h6")}}, {{HTMLElement("hgroup")}}, {{HTMLElement("header")}}, {{HTMLElement("footer")}}, {{HTMLElement("address")}}
The source for this interactive example is stored in a GitHub repository. If you'd like to contribute to the interactive examples project, please clone https://github.com/mdn/interactive-examples and send us a pull request.
Базовый адрес (URL) для указания полного пути (основной, главный адрес). Если указан данный атрибут, значит этот элемент должен находиться до других элементов с атрибутами URLs. Разрешены абсолютные (внешние) и относительные (внутренние) адреса (URLs).
{{htmlattrdef("target")}}
-
Значение атрибута определяет имя контекста, которое применяется для ссылок (<a>) и форм (<form>). Они нужны для отображения контекста (пример: вкладка, окно или встроенный фрейм). Следующие ключевые слова имеют специальные значения:
+
Значение атрибута определяет имя контекста, которое применяется для ссылок (<a>) и форм (<form>). Они нужны для отображения контекста (пример: вкладка, окно или встроенный фрейм). Следующие ключевые слова имеют специальные значения:
_self: загружает результат в текущем окне или вкладке. Если атрибут не указан, является значением по умолчанию.
_blank: загружает результат в новом окне или бланке.
Исходный код этого интерактивного примера находится в GitHub репозитории. Если вы хотите внести свой вклад в проект интерактивных примеров, пожалуйста, склонируйте https://github.com/mdn/interactive-examples и отправьте нам запрос.
-
@@ -58,9 +56,7 @@
Пример
Результат:
-
-
This is a quotation taken from the Mozilla Developer Center.
The source for this interactive example is stored in a GitHub repository. If you'd like to contribute to the interactive examples project, please clone https://github.com/mdn/interactive-examples and send us a pull request.
-
-
Как мы видим из примера выше, элемент <br> поставлен в том месте, где мы хотим перенести строку. Текст после <br> начинается со следующей строки текстового блока.
Firefox по умолчанию, в отличие от прочих браузеров, сохраняет назначенное динамически отключённое состояние для элемента <button>, даже при обновлении страницы. Чтобы изменить поведение браузера в этом случае, используйте атрибут {{htmlattrxref("autocomplete","button")}}.
{{htmlattrdef("form")}} {{HTMLVersionInline(5)}}
-
Атрибут form позволяет указать элемент {{HTMLElement("form")}}, с которым связана кнопка. Данный атрибут должен хранить значение id элемента {{HTMLElement("form")}}. Если данный атрибут не установлен, то элемент <button> будет связан с родительским элементом {{HTMLElement("form")}}, если последний существует.
-
Атрибут работает независимо от расположения элементов в документе, поэтому он позволяет связать элемент <button> с формой, даже в случае, если <button> не является наследником элемента {{HTMLElement("form")}}.
+
Атрибут form позволяет указать элемент {{HTMLElement("form")}}, с которым связана кнопка. Данный атрибут должен хранить значение id элемента {{HTMLElement("form")}}. Если данный атрибут не установлен, то элемент <button> будет связан с родительским элементом {{HTMLElement("form")}}, если последний существует.
+
Атрибут работает независимо от расположения элементов в документе, поэтому он позволяет связать элемент <button> с формой, даже в случае, если <button> не является наследником элемента {{HTMLElement("form")}}.
Если button имеет тип submit, этот атрибут является именем или ключевым словом,
-
указывающим, где отображать ответ, полученный после отправки формы. This is a name of, or keyword for, a browsing context (for example, tab, window, or inline frame). If this attribute is specified, it overrides the {{htmlattrxref("target", "form")}} attribute of the button's form owner. The following keywords have special meanings:
+
Если button имеет тип submit, этот атрибут является именем или ключевым словом,
+
указывающим, где отображать ответ, полученный после отправки формы. This is a name of, or keyword for, a browsing context (for example, tab, window, or inline frame). If this attribute is specified, it overrides the {{htmlattrxref("target", "form")}} attribute of the button's form owner. The following keywords have special meanings:
_self: Load the response into the same browsing context as the current one. This value is the default if the attribute is not specified.
Источник для этого интерактивного примера хранится в репозитории GitHub. Если вы хотите внести свой вклад в интерактивный проект примеров, пожалуйста, клонируйте https://github.com/mdn/interactive-examples и пришлите нам запрос на принятие изменений.
Источник для этого интерактивного пример хранится в GitHub репозитории. Если вы хотите внести свой вклад, ознакомьтесь с https://github.com/mdn/interactive-examples и отправьте нам pull request.
Источник для этого интерактивного пример хранится в GitHub репозитории. Если вы хотите внести свой вклад, ознакомьтесь с https://github.com/mdn/interactive-examples и отправьте нам pull request.
-
@@ -83,8 +81,8 @@
Полифил
Смотрите также
-
Элемент {{HTMLElement("input")}} , в особенности его атрибут {{htmlattrxref("list", "input")}};
-
Элемент {{HTMLElement("option")}}.
+
Элемент {{HTMLElement("input")}} , в особенности его атрибут {{htmlattrxref("list", "input")}};
Источник для этого интерактивного пример хранится в GitHub репозитории. Если вы хотите внести свой вклад, ознакомьтесь с https://github.com/mdn/interactive-examples и отправьте нам pull request.
The source for this interactive example is stored in a GitHub repository. If you'd like to contribute to the interactive examples project, please clone https://github.com/mdn/interactive-examples and send us a pull request.
-
Этот элемент часто (но не обязательно) отображается с помощью применения зачёркнутого стиля к тексту.
Исходный код этого интерактивного примера хранится в репозитории GitHub. Если вы хотите внести свой вклад в проект интерактивных примеров, пожалуйста, клонируйте https://github.com/mdn/interactive-examples и отправьте нам pull-запрос.
The source for this interactive example is stored in a GitHub repository. If you'd like to contribute to the interactive examples project, please clone https://github.com/mdn/interactive-examples and send us a pull request.
-
Являясь "чистым" контейнером, элемент <div>, по существу, не представляет ничего. Между тем, он используется для группировки контента, что позволяет легко его стилизовать, используя атрибуты {{htmlattrxref("class")}} или {{htmlattrxref("id")}}, помечать раздел документа, написанный на разных языках (используя атрибут {{htmlattrxref("lang")}}), и так далее.
Источник для этого интерактивного пример хранится в GitHub репозитории. Если вы хотите внести свой вклад, ознакомьтесь с https://github.com/mdn/interactive-examples и отправьте нам pull request.
Источник для этого интерактивного пример хранится в GitHub репозитории. Если вы хотите внести свой вклад, ознакомьтесь с https://github.com/mdn/interactive-examples и отправьте нам pull request.
The source for this interactive example is stored in a GitHub repository. If you'd like to contribute to the interactive examples project, please clone https://github.com/mdn/interactive-examples and send us a pull request.
-
{{Note("Этот раздел посвящён только элементу, который является частью стандарта HTML5, и никак не касается ранних, нестандартизированных его реализаций.")}}
Имейте ввиду, что большинство современных браузеров посчитали устаревшей и удалили поддержку встраивания плагинов, так что использование <embed>, как правило, не рекомендуется, если вы хотите, чтобы ваш сайт одинаково работал у всех его пользователей.
The source for this interactive example is stored in a GitHub repository. If you'd like to contribute to the interactive examples project, please clone https://github.com/mdn/interactive-examples and send us a pull request.
-
Пример выше показывает, как элемент <fieldset> группирует части HTML-формы, а вложенный элемент {{htmlelement("legend")}} даёт заголовок для <fieldset>. Он может иметь несколько атрибутов, самый используемый из них form, который содержит id формы {{htmlelement("form")}} на этой же странице. Этот атрибут позволяет сделать <fieldset> частью формы <form> даже если он не находится внутри неё. Также вы можете отключить <fieldset> и всё его содержимое с помощью атрибута disabled.
Атрибуты
@@ -34,10 +32,6 @@
Стилизация с CSS
Если задан <legend>, он будет помещён поверх верхней границы. <legend> сжимается и переносится, также имеет свой контекст форматирования. Значение display блочное (например, display: inline работает как block).
Источник для этого интерактивного пример хранится в GitHub репозитории. Если вы хотите внести свой вклад, ознакомьтесь с https://github.com/mdn/interactive-examples и отправьте нам pull request.
Источник для этого интерактивного пример хранится в GitHub репозитории. Если вы хотите внести свой вклад, ознакомьтесь с https://github.com/mdn/interactive-examples и отправьте нам pull request.
HTML фонт элемент(<font>) определяет размер шрифта, цвета и лицо для его содержимого
-
Примечание по применению:
+
Примечание по применению:
Не используйте этот элемент!
-
Хотя он был нормализован в HTML 3.2, он был устаревшим в HTML 4.01, в то время как все элементы, относящиеся только к стилю, затем устарели в HTML5.
+
Хотя он был нормализован в HTML 3.2, он был устаревшим в HTML 4.01, в то время как все элементы, относящиеся только к стилю, затем устарели в HTML5.
-
+
Начиная с HTML 4, HTML больше не передаёт информацию о стиле (вне элемента {{HTMLElement ("style")}} или атрибута style для каждого элемента). Для любой новой веб-разработки стили должны быть написаны только с использованием CSS.
-
+Предыдущее поведение элемента {{HTMLElement ("font")}} может быть достигнуто и даже лучше контролироваться с помощью CSS CSS-свойств шрифтов.
-
Начиная с HTML 4, HTML больше не передаёт информацию о стиле (вне элемента {{HTMLElement ("style")}} или атрибута style для каждого элемента). Для любой новой веб-разработки стили должны быть написаны только с использованием CSS.
-
-Предыдущее поведение элемента {{HTMLElement ("font")}} может быть достигнуто и даже лучше контролироваться с помощью CSS CSS-свойств шрифтов.
-
-
Атрибут
@@ -34,30 +29,24 @@
Атрибут
{{htmlattrdef("color")}}
-
Этот атрибут устанавливает цвет текста, используя либо именованный цвет, либо цвет, указанный в шестнадцатеричном формате #RRGGBB.
+
Этот атрибут устанавливает цвет текста, используя либо именованный цвет, либо цвет, указанный в шестнадцатеричном формате #RRGGBB.
{{htmlattrdef("face")}}
-
Этот атрибут содержит список разделённых запятыми одного или нескольких имён шрифтов. Текст документа в стиле по умолчанию отображается на первой грани шрифта, поддерживаемой браузером клиента. Если в локальной системе не указан шрифт, браузер обычно по умолчанию использует пропорциональный или фиксированный шрифт для этой системы.
+
Этот атрибут содержит список разделённых запятыми одного или нескольких имён шрифтов. Текст документа в стиле по умолчанию отображается на первой грани шрифта, поддерживаемой браузером клиента. Если в локальной системе не указан шрифт, браузер обычно по умолчанию использует пропорциональный или фиксированный шрифт для этой системы.
{{htmlattrdef("size")}}
-
Этот атрибут определяет размер шрифта как числовое или относительное значение. Числовые значения варьируются от 1 до 7, при этом 1 является наименьшим, а 3 - значением по умолчанию. Его можно определить с использованием относительного значения, например, +2 или -3, которые устанавливают его относительно значения атрибута {{htmlattrxref ("size", "basefont")}} {{HTMLElement ("basefont") }}, или по отношению к 3, значение по умолчанию, если оно не существует.
+
Этот атрибут определяет размер шрифта как числовое или относительное значение. Числовые значения варьируются от 1 до 7, при этом 1 является наименьшим, а 3 - значением по умолчанию. Его можно определить с использованием относительного значения, например, +2 или -3, которые устанавливают его относительно значения атрибута {{htmlattrxref ("size", "basefont")}} {{HTMLElement ("basefont") }}, или по отношению к 3, значение по умолчанию, если оно не существует.
DOM interface
-
-
-
Этот элемент реализует интерфейс {{domxref ("HTMLFontElement")}}
-
-
+
Этот элемент реализует интерфейс {{domxref ("HTMLFontElement")}}
The source for this interactive example is stored in a GitHub repository. If you'd like to contribute to the interactive examples project, please clone https://github.com/mdn/interactive-examples and send us a pull request.
-
@@ -88,6 +86,6 @@
Смотрите также
Связанные с этим разделом элементы: {{HTMLElement("body")}}, {{HTMLElement("nav")}}, {{HTMLElement("article")}}, {{HTMLElement("aside")}}, {{HTMLElement("h1")}}, {{HTMLElement("h2")}}, {{HTMLElement("h3")}}, {{HTMLElement("h4")}}, {{HTMLElement("h5")}}, {{HTMLElement("h6")}}, {{HTMLElement("hgroup")}}, {{HTMLElement("header")}}, {{HTMLElement("section")}}, {{HTMLElement("address")}};
Другие элементы, которые используются для создания форм: {{HTMLElement("button")}}, {{HTMLElement("datalist")}}, {{HTMLElement("fieldset")}}, {{HTMLElement("input")}},{{HTMLElement("keygen")}}, {{HTMLElement("label")}}, {{HTMLElement("legend")}}, {{HTMLElement("meter")}}, {{HTMLElement("optgroup")}}, {{HTMLElement("option")}}, {{HTMLElement("output")}}, {{HTMLElement("progress")}}, {{HTMLElement("select")}}, {{HTMLElement("textarea")}}.
The source for this interactive example is stored in a GitHub repository. If you'd like to contribute to the interactive examples project, please clone https://github.com/mdn/interactive-examples and send us a pull request.
-
@@ -95,5 +93,5 @@
Смотрите также
Связанные с этим разделом элементы: {{HTMLElement("body")}}, {{HTMLElement("nav")}}, {{HTMLElement("article")}}, {{HTMLElement("aside")}}, {{HTMLElement("h1")}}, {{HTMLElement("h2")}}, {{HTMLElement("h3")}}, {{HTMLElement("h4")}}, {{HTMLElement("h5")}}, {{HTMLElement("h6")}}, {{HTMLElement("hgroup")}}, {{HTMLElement("footer")}}, {{HTMLElement("section")}}, {{HTMLElement("address")}}.
Обычный метод навигации для пользователей программ чтения с экрана - это переход от заголовка к заголовку для быстрого определения содержимого страницы. Из-за этого важно не пропускать один или несколько уровней заголовка. Это может создать путаницу, так как человеку, который движется по этому пути, может быть интересно узнать, где находится отсутствующий заголовок.
+
Обычный метод навигации для пользователей программ чтения с экрана - это переход от заголовка к заголовку для быстрого определения содержимого страницы. Из-за этого важно не пропускать один или несколько уровней заголовка. Это может создать путаницу, так как человеку, который движется по этому пути, может быть интересно узнать, где находится отсутствующий заголовок.
Не делай
@@ -114,7 +114,7 @@
Делай
Расположение
-
Заголовки могут быть вложены в подразделы, чтобы отразить организацию содержимого страницы. Большинство программ чтения с экрана также могут создавать упорядоченный список всех заголовков на странице, что может помочь человеку быстро определить иерархию содержимого:
+
Заголовки могут быть вложены в подразделы, чтобы отразить организацию содержимого страницы. Большинство программ чтения с экрана также могут создавать упорядоченный список всех заголовков на странице, что может помочь человеку быстро определить иерархию содержимого:
h1 Жуки
@@ -166,9 +166,9 @@
Расположение
Содержание раздела маркировки
-
Другим распространённым методом навигации для пользователей программ чтения с экрана является создание списка содержимого секций и использование его для определения макета страницы.
+
Другим распространённым методом навигации для пользователей программ чтения с экрана является создание списка содержимого секций и использование его для определения макета страницы.
-
Содержимое секционирования можно пометить, используя комбинацию aria-labelledby и {{htmlattrxref("id")}} атрибута, с ярлыком, кратко описывающим назначение раздела. Этот метод полезен в ситуациях, когда на одной странице имеется более одного элемента секционирования.
+
Содержимое секционирования можно пометить, используя комбинацию aria-labelledby и {{htmlattrxref("id")}} атрибута, с ярлыком, кратко описывающим назначение раздела. Этот метод полезен в ситуациях, когда на одной странице имеется более одного элемента секционирования.
Пример
@@ -189,7 +189,7 @@
Пример
</footer>
-
В этом примере технология чтения с экрана объявила бы, что есть два {{HTMLElement("nav")}} разделы, один называется «Основная навигация», а другой - «Нижний колонтитул». Если ярлыки не были предоставлены, человеку, использующему программное обеспечение для чтения с экрана, возможно, придётся расследовать каждый nav содержание элемента, чтобы определить их назначение.
+
В этом примере технология чтения с экрана объявила бы, что есть два {{HTMLElement("nav")}} разделы, один называется «Основная навигация», а другой - «Нижний колонтитул». Если ярлыки не были предоставлены, человеку, использующему программное обеспечение для чтения с экрана, возможно, придётся расследовать каждый nav содержание элемента, чтобы определить их назначение.
Элемент HTML <image> был экспериментальным элементом, предназначенный для отображения изображений. Он никогда не был реализован, вместо него должен использоваться стандартный элемент {{HTMLElement("img")}}.
-
НИКОГДА НЕ ИСПОЛЬЗУЙТЕ ЕГО!Для отображения изображений используйте стандартный элемент {{HTMLElement("img")}}.
+
НИКОГДА НЕ ИСПОЛЬЗУЙТЕ ЕГО!Для отображения изображений используйте стандартный элемент {{HTMLElement("img")}}.
Следует обратить внимание, что до Firefox 22 элемент <image>, хоть и не поддерживался, был связан с {{domxref("HTMLSpanElement")}}. Позже это было исправлено, и теперь он связан с {{domxref("HTMLElement")}} в соответствии с требованиями спецификации.
The source for this interactive example is stored in a GitHub repository. If you'd like to contribute to the interactive examples project, please clone https://github.com/mdn/interactive-examples and send us a pull request.
-
Приведённый выше пример показывает очень простое использование элемента <img>. Атрибут src обязателен и содержит путь к изображению, которое вы хотите встроить в документ. Атрибут alt содержит текстовое описание изображения, которое не обязательно, но невероятно полезно для доступности — программы чтения с экрана читают это описание своим пользователям, так они знают какое изображение показано, и так же оно отображается на странице, если изображение не может быть загружено по какой-либо причине.
Есть много других атрибутов, которые могут быть указаны для достижения различных целей, например:
На этой странице собраны все {{Glossary("Element","элементы")}} {{Glossary("HTML")}}. Они сгруппированы по функциям, чтобы помочь вам найти то, что вам нужно для реализации ваших идей. Хотя это руководство написано для относительных новичков в программировании, мы хотим, чтобы оно было полезным для всех.
+
На этой странице собраны все {{Glossary("Element","элементы")}} {{Glossary("HTML")}}. Они сгруппированы по функциям, чтобы помочь вам найти то, что вам нужно для реализации ваших идей. Хотя это руководство написано для относительных новичков в программировании, мы хотим, чтобы оно было полезным для всех.
-
Основные элементы
+
Основные элементы
-
Основные элементыявляются основойлюбогоHTMLдокумента.Вы увидитеэти элементыв исходном кодедлявсех веб-страницпосле задания типа документана первой строкена странице. DOCTYPEопределяет, какую версию(X) HTML этастраницаиспользует.Элементы страницынаходятсямеждуоткрывающим тегом <HTML>и закрывающим</HTML>. Элемент{{HTMLElement("html")}} называется корневымэлементом.
+
Основные элементы являются основой любого HTML документа. Вы увидите эти элементы в исходном коде для всех веб-страниц после задания типа документа на первой строке на странице. DOCTYPE определяет, какую версию (X) HTML эта страница использует. Элементы страницы находятся между открывающим тегом <HTML> и закрывающим </ HTML>. Элемент{{HTMLElement("html")}} называется корневым элементом.
{{HTMLRefTable("HTML Root Element")}}
-
Метаданные документа
+
Метаданные документа
-
Метаданные содержатинформацию о странице. Они включают в себяинформациюо стилях, скриптыи данные, чтобы помочьпрограммному обеспечению (поисковые системы, {{Glossary("Browser","браузеры")}} и т.д.) использовать иотображать страницу.Метаданные длястилейи скриптымогут быть определенына страницеили ссылкена другой файл, который имеетинформацию.
+
Метаданные содержат информацию о странице. Они включают в себя информацию о стилях, скрипты и данные, чтобы помочь программному обеспечению (поисковые системы, {{Glossary("Browser","браузеры")}} и т.д.) использовать и отображать страницу. Метаданные для стилей и скрипты могут быть определены на странице или ссылке на другой файл, который имеет информацию.
{{HTMLRefTable("HTML Document Metadata")}}
Секционирование содержания
-
Секционирование содержанияэлементовпозволяет разложитьсодержимое документана логические части.Используйтесекционированиеэлементов для созданияобщих чертсодержания страницы, включая шапку и подвал и заголовочные элементыдля обозначенияразделов.
+
Секционирование содержания элементов позволяет разложить содержимое документа на логические части. Используйте секционирование элементов для создания общих черт содержания страницы, включая шапку и подвал и заголовочные элементы для обозначения разделов.
{{HTMLRefTable("HTML Sections")}}
-
Текстовое содержание
+
Текстовое содержание
-
Используйте текстовые элементыHTML дляорганизацииблоковили разделовсодержания, размещённыемежду тегами открытия<body>и закрытия</body>.Важное значение для{{Glossary("accessibility")}}и{{Glossary("SEO")}}, чтобы эти элементы определилицель илиструктуруэтого контента.
+
Используйте текстовые элементы HTML для организации блоков или разделов содержания, размещённые между тегами открытия <body> и закрытия </body>. Важное значение для {{Glossary("accessibility")}} и {{Glossary("SEO")}}, чтобы эти элементы определили цель или структуру этого контента.
{{HTMLRefTable("HTML Grouping Content")}}
-
Встроенныетекстовыесемантики
+
Встроенные текстовые семантики
-
Используйтевстроенную в HTMLтекстовуюсемантику, чтобы определитьсмысл,структуру илистильтекста,линий иличаститекста.
+
Используйте встроенную в HTML текстовую семантику, чтобы определить смысл, структуру или стиль текста, линий или части текста.
{{HTMLRefTable("HTML Text-Level Semantics")}}
-
Изображенияимультимедиа
+
Изображения и мультимедиа
-
HTMLпозволяет использоватьразличные мультимедийныересурсы, такие какизображения, аудиоивидео.
+
HTML позволяет использовать различные мультимедийные ресурсы, такие как изображения, аудио и видео.
{{HTMLRefTable("multimedia")}}
-
Встроенное содержание
+
Встроенное содержание
-
СодержаниемультимедийныхHTML включает в себядругиематериалы, дажеесли они невсегда легковзаимодействуют.
+
Содержание мультимедийных HTML включает в себя другие материалы, даже если они не всегда легко взаимодействуют.
@@ -74,7 +74,7 @@
Разграничит
{{HTMLRefTable("HTML Edits")}}
-
Содержание таблиц
+
Содержание таблиц
Эти элементы используются для создания и обработки табличных данных.
@@ -92,7 +92,7 @@
-
Веб-компоненты
+
Веб-компоненты
Веб-компоненты - технология, относящаяся к HTML и делающая возможным создание и использование пользовательских элементов, как будто они в обычном HTML. Кроме того, вы можете даже создавать свои версии стандарта HTML элементов.
@@ -102,7 +102,7 @@
Устаревшие и осуждаемые элементы
-
+
Предупреждение: Эти HTML элементы являются устаревшими, и их использование не рекомендуется. Вы не должны использовать их для новых проектов, а также должны заменить их в старых проектах как можно быстрее. Они перечислены здесь только в информационных целях.
The source for this interactive example is stored in a GitHub repository. If you'd like to contribute to the interactive examples project, please clone https://github.com/mdn/interactive-examples and send us a pull request.
Исходный код этого интерактивного примера хранится в репозитории GitHub. Если вы хотите внести свой вклад в проект интерактивных примеров, пожалуйста, клонируйте https://github.com/mdn/interactive-examples и отправьте нам запрос на внесение изменений.
-
Среди браузеров со своим интерфейсом для выбора даты, есть интерфейс браузеров Chrome и Opera, который выглядит так:
@@ -58,8 +56,8 @@
Значение
{{EmbedLiveSample('Значение', 600, 40)}}
-
-
Помните, что отображаемый формат даты отличается от настоящего значения value – отображаемый формат даты будет выбран, базируясь на региональных параметрах браузера пользователя, тогда как значение value всегда имеет формат гггг-мм-дд.
+
+
Помните, что отображаемый формат даты отличается от настоящего значения value – отображаемый формат даты будет выбран, базируясь на региональных параметрах браузера пользователя, тогда как значение value всегда имеет формат гггг-мм-дд.
Вы также можете получить или установить значение даты в JavaScript с помощью свойств {{domxref("HTMLInputElement.value", "value")}} и {{domxref("HTMLInputElement.valueAsNumber", "valueAsNumber")}} элемента input. Например:
ЭлементHTML <input> используется для создания интерактивных элементов управления в веб-формах для получения данных от пользователя; в зависимости от устройства и {{Glossary("user agent")}}, доступен широкий выбор типов входных данных и виджетов управления. Из-за огромного количества возможных сочетаний типов ввода и атрибутов это один из самых мощных и сложных элементов HTML.
-
+
Content categoriesFlow content, listed, submittable, resettable, form-associated element, phrasing content.
If the {{htmlattrxref("type", "input")}} has not the hidden value, labellable element, palpable content.
Permitted content None, it is an {{Glossary("empty element")}}.
<!-- A common form that includes input tags -->
diff --git a/files/ru/web/html/element/input/range/index.html b/files/ru/web/html/element/input/range/index.html
index 886c61f98cb665..cf227068681ad2 100644
--- a/files/ru/web/html/element/input/range/index.html
+++ b/files/ru/web/html/element/input/range/index.html
@@ -12,8 +12,6 @@
Исходный код данного примера расположен в GitHub репозитории. Если вы хотите внести внести изменения в привер, пожалуйста склонируйте https://github.com/mdn/interactive-examples и отправьте нам пул реквест.
-
Если используемый браузер не поддерживает тип range, он будет отображаться как input{{HTMLElement('input/text', 'text')}}.
The source for this interactive example is stored in a GitHub repository. If you'd like to contribute to the interactive examples project, please clone https://github.com/mdn/interactive-examples and send us a pull request.
Источник для этого интерактивного пример хранится в GitHub репозитории. Если вы хотите внести свой вклад, ознакомьтесь с https://github.com/mdn/interactive-examples и отправьте нам pull request.
-
@@ -60,8 +58,6 @@
Атрибуты
{{htmlattrdef("type")}} {{Deprecated_inline}}
Этот символьный атрибут указывает на тип нумерации:
-
The source for this interactive example is stored in a GitHub repository. If you'd like to contribute to the interactive examples project, please clone https://github.com/mdn/interactive-examples and send us a pull request.
-
Чтобы подключить таблицу стилей, вы должны включить элемент <link> внутри вашего {{HTMLElement("head")}} следующим образом:
<link href="main.css" rel="stylesheet">
@@ -77,8 +75,8 @@
Атрибуты
{{HTMLAttrDef("hreflang")}}
Этот атрибут определяет язык, связываемого ресурса. Он является консультативным. Допустимые значения определяются BCP47. Используйте этот атрибут только если присутствуют атрибуты {{HTMLAttrxRef("href", "a")}}.
Указывает на относительную важность ресурса. Приоритетные подсказки передаются используя значения:
-
+
Указывает на относительную важность ресурса. Приоритетные подсказки передаются используя значения:
+
auto: указывает на отсутствие предпочтений. Браузер может использовать собственную эвристику для определения приоритетов ресурсов.
high: указывает браузеру, что ресурс находится в высоком приоритете.
@@ -162,8 +160,6 @@
Устаревшие атрибу
Примечание: Этот атрибут считается устаревшим жизненным стандартом WHATWG HTML (который является каноничной спецификацией MDN). Однако, стоит отметить, что revне считается устаревшим в спецификации W3C. Стоит сказать, учитывая неопределённость, полагаться на rev не стоит.
-
-
Взамен, вы должны использовать атрибут {{HTMLAttrxRef("rel", "link")}} с противоположным значением типов ссылки. Например, чтобы установить обратную ссылку для made, укажите author.Также, этот атрибут не означает "ревизия" и не должен использоваться с номером версии, даже если многие сайты используют его в этих целях.
Исходный код этого интерактивного примера хранится в репозитории GitHub. Если вы хотите внести свой вклад в проект интерактивных примеров, пожалуйста клонируйте https://github.com/mdn/interactive-examples и отправьте нам "pull request" (предложение изменения кода в чужом репозитории).
-
Документ не должен иметь более одного элемента <main> у которого не указан атрибут {{htmlattrxref("hidden")}}.
The source for this interactive example is stored in a GitHub repository. If you'd like to contribute to the interactive examples project, please clone https://github.com/mdn/interactive-examples and send us a pull request.
Замечание: Динамическая вставка <meta name="referrer"> (с помощью document.write или appendChild) создаёт недетерминизм, когда дело доходит до отправки рефереров. Также стоит отметить, что когда определяется несколько конфликтующих политик, применяется No-referrer policy.
-
+ Замечание: Динамическая вставка <meta name="referrer"> (с помощью document.write или appendChild) создаёт недетерминизм, когда дело доходит до отправки рефереров. Также стоит отметить, что когда определяется несколько конфликтующих политик, применяется No-referrer policy.
diff --git a/files/ru/web/html/element/meter/index.html b/files/ru/web/html/element/meter/index.html
index df943852c1f026..545e5846f89f4a 100644
--- a/files/ru/web/html/element/meter/index.html
+++ b/files/ru/web/html/element/meter/index.html
@@ -12,8 +12,6 @@
The source for this interactive example is stored in a GitHub repository. If you'd like to contribute to the interactive examples project, please clone https://github.com/mdn/interactive-examples and send us a pull request.
Permitted content When scripting is disabled and when it is a descendant of the {{HTMLElement("head")}} element: in any order, zero or more {{HTMLElement("link")}} elements, zero or more {{HTMLElement("style")}} elements, and zero or more {{HTMLElement("meta")}} elements.
When scripting is disabled and when it isn't a descendant of the {{HTMLElement("head")}} element: any transparent content, but no <noscript> element must be among its descendants.
diff --git a/files/ru/web/html/element/ol/index.html b/files/ru/web/html/element/ol/index.html
index e8caf4bd7feb26..ee2fc26c25954a 100644
--- a/files/ru/web/html/element/ol/index.html
+++ b/files/ru/web/html/element/ol/index.html
@@ -13,8 +13,6 @@
Источник для интерактивного примера расположен в GitHub. Если вы желаете сделать вклад в интерактивную часть, распакуйте https://github.com/mdn/interactive-examples и отправьте нам pull request.
The source for this interactive example is stored in a GitHub repository. If you'd like to contribute to the interactive examples project, please clone https://github.com/mdn/interactive-examples and send us a pull request.
The source for this interactive example is stored in a GitHub repository. If you'd like to contribute to the interactive examples project, please clone https://github.com/mdn/interactive-examples and send us a pull request.
The source for this interactive example is stored in a GitHub repository. If you'd like to contribute to the interactive examples project, please clone https://github.com/mdn/interactive-examples and send us a pull request.
Это логический атрибут, указывающий браузеру, если возможно, загружать скрипт, указанный в атрибуте {{htmlattrdef("src")}}, асинхронно.
-
+
Это логический атрибут, указывающий браузеру, если возможно, загружать скрипт, указанный в атрибуте {{htmlattrdef("src")}}, асинхронно.
Атрибут {{htmlattrdef("async")}} не будет оказывать никакого эффекта, если атрибут {{htmlattrdef("src")}} отсутствует.
-
-
Обычно браузеры загружают <script> синхронно, (т.е. async="false") во время разбора документа.
-
-
Динамически вставленный <script> (используя, например, document.createElement) по умолчанию загружаются браузером асинхронно, поэтому для включения синхронной загрузки (т.е. когда скрипты загружаются в порядке их вставки) укажите async="false".
{{htmlattrdef("crossorigin")}}
Обычные элементы тега script передают мало информации в {{domxref('GlobalEventHandlers.onerror', 'window.onerror')}} для скриптов, которые не проходят проверку CORS. Чтобы разрешить ведение журнала ошибок сайта, которые используют отдельный домен для статических файлов (например, изображение, видео-файл, CSS-стили или Javascript-код), используйте атрибут {{htmlattrdef("crossorigin")}}. Посмотрите статью «настройки атрибутов CORS» для более наглядного объяснения его допустимых аргументов.
-
-
-
{{htmlattrdef("defer")}}
-
Это логический атрибут, указывающий браузеру, что скрипт должен выполняться после разбора документа, но до события {{event("DOMContentLoaded")}}.
-
Скрипты с атрибутом {{htmlattrdef("defer")}} будут предотвращать запуск события {{event("DOMContentLoaded")}} до тех пор, пока скрипт не загрузится полностью и не завершится его инициализация.
-
+
Это логический атрибут, указывающий браузеру, что скрипт должен выполняться после разбора документа, но до события {{event("DOMContentLoaded")}}.
+
Скрипты с атрибутом {{htmlattrdef("defer")}} будут предотвращать запуск события {{event("DOMContentLoaded")}} до тех пор, пока скрипт не загрузится полностью и не завершится его инициализация.
Атрибут {{htmlattrdef("defer")}} не будет оказывать никакого эффекта, если атрибут {{htmlattrdef("src")}} отсутствует.
-
-
Чтобы достигнуть такого же эффекта для динамически вставленных скриптов используйте async=false.
-
Скрипты с атрибутом {{htmlattrdef("defer")}} будут выполняться в том порядке, в котором они появились при разборе документа.
-
-
-
+
Чтобы достигнуть такого же эффекта для динамически вставленных скриптов используйте async=false.
+
Скрипты с атрибутом {{htmlattrdef("defer")}} будут выполняться в том порядке, в котором они появились при разборе документа.
{{htmlattrdef("integrity")}}
This attribute contains inline metadata that a user agent can use to verify that a fetched resource has been delivered free of unexpected manipulation. See Subresource Integrity.
{{htmlattrdef("nomodule")}}
This Boolean attribute is set to indicate that the script should not be executed in browsers that support ES2015 modules — in effect, this can be used to serve fallback scripts to older browsers that do not support modular JavaScript code.
-
-
-
{{htmlattrdef("nonce")}}
A cryptographic nonce (number used once) to whitelist inline scripts in a script-src Content-Security-Policy. The server must generate a unique nonce value each time it transmits a policy. It is critical to provide a nonce that cannot be guessed as bypassing a resource's policy is otherwise trivial.
{{htmlattrdef("src")}}
-
This attribute specifies the URI of an external script; this can be used as an alternative to embedding a script directly within a document.
-
-
+
This attribute specifies the URI of an external script; this can be used as an alternative to embedding a script directly within a document.
Если у элемента script будет указан атрибут {{htmlattrdef("src")}}, то он не должен иметь встроенный скрипт между тегами.
-
-
{{htmlattrdef("text")}}
Like the textContent attribute, this attribute sets the text content of the element. Unlike the textContent attribute, however, this attribute is evaluated as executable code after the node is inserted into the DOM.
The source for this interactive example is stored in a GitHub repository. If you'd like to contribute to the interactive examples project, please clone https://github.com/mdn/interactive-examples and send us a pull request.
-
Например, меню навигации должно быть помещено в элемент {{htmlelement("nav")}}, но список результатов поиска и отображение карты с её элементами управления не имеют специфических элементов и могут быть помещены в <section>.
Требуемый для элементов {{HTMLElement("audio")}} и {{HTMLElement("video")}} адрес медиа-ресурсов. Значение этого атрибута игнорируется браузером, когда элемент <source> размещён внутри элемента {{HTMLElement("picture")}}.
{{htmlattrdef("srcset")}} {{experimental_inline}}
-
Список из одной или нескольких строк, разделённых запятыми, определяющий набор возможных изображений, представленных для отображения в браузере. Каждая строка может состоять из:
-
+
Список из одной или нескольких строк, разделённых запятыми, определяющий набор возможных изображений, представленных для отображения в браузере. Каждая строка может состоять из:
Каждая строка списка должна содержать по крайней мере дескриптор ширины или дескриптор плотности пикселей.
Браузер выбирает самое подходящее изображение для отображения в данный момент времени.
HTML-элемент <style> содержит стилевую информацию для документа или его части. По умолчанию стилевые инструкции внутри этого элемента считаются написанными на CSS.
Permitted content Style information matching the language of the type attribute.
Tag omission {{no_tag_omission}}
@@ -52,7 +52,7 @@
Простая таблиц
Таблица стилей с ограниченной областью действия
-
<article>
+
<article>
<div>Атрибут scoped позволяет включить элементы стиля в середине документа.
Внутренние правила применяются только внутри родительского элемента.</div>
<p>Этот текст должен быть чёрным. Если он красный, ваш браузер не поддерживает атрибут scoped.</p>
diff --git a/files/ru/web/html/element/summary/index.html b/files/ru/web/html/element/summary/index.html
index 8ff4a3897afe0d..ddcf5a6d87de2e 100644
--- a/files/ru/web/html/element/summary/index.html
+++ b/files/ru/web/html/element/summary/index.html
@@ -9,8 +9,6 @@
The source for this interactive example is stored in a GitHub repository. If you'd like to contribute to the interactive examples project, please clone https://github.com/mdn/interactive-examples and send us a pull request.
Примечание: Не используйте этот атрибут, поскольку он устарел в последнем стандарте. Вместо этого рассмотрите возможность использования атрибута title.
Этот атрибут включает список строк разделённых пробелами. Каждая строка это ID группы ячеек которой соответствует этот заголовок.
Примечание: Не используйте этот атрибут, он устарел в последней версии стандарта: вместо этого используйте атрибут {{htmlattrxref("scope", "td")}}.
@@ -128,15 +125,12 @@
Атрибуты
Примечание использования: Не используйте этот атрибут, поскольку он нестандартный: элемент {{HTMLElement("td")}} должен быть стилизован с помощью CSS. Чтобы получить аналогичный эффект как атрибут bgcolor, используйте CSS свойство {{cssxref("background-color")}}.
Этот атрибут используется для определения символа по которому происходит выравнивание в ячейке. Типичный случай когда для него задают значение периода (.) когда необходимо выровнять числовые или денежные значения. Если {{htmlattrxref("align", "td")}} не задан. то атрибут char игнорируется.
+
Этот атрибут используется для определения символа по которому происходит выравнивание в ячейке. Типичный случай когда для него задают значение периода (.) когда необходимо выровнять числовые или денежные значения. Если {{htmlattrxref("align", "td")}} не задан. то атрибут char игнорируется.
Примечание: Не используйте этот атрибут, тк он устарел (и больше не поддерживается) в последней версии стандарта. Достигнуть такого же эффекта как от {{htmlattrxref("char", "thead")}}, в CSS3 вы можете you can use the character set using the {{htmlattrxref("char", "th")}} attribute as the value of the {{cssxref("text-align")}} property {{unimplemented_inline}}.
Этот атрибут атрибут включает количество символов на которое смещаются при выравнивании данные от установленного char атрибута.
+
Этот атрибут атрибут включает количество символов на которое смещаются при выравнивании данные от установленного char атрибута.
Примечание: Не используйте этот атрибут, он устарел (не поддерживается) в последней версии стандарта.
{{htmlattrdef("colspan")}}
@@ -145,10 +139,8 @@
Атрибуты
Этот атрибут содержит список срок разделённых пробелами, каждая соответствует id атрибуту {{HTMLElement("th")}} элементов которые использует этот элемент.
{{htmlattrdef("rowspan")}}
Этот атрибут содержит положительное целое число указывающее какое количество строк необходимо объединить. По умолчанию значение равно1; Если его значение 0, тогда его действие распространяется до конца табличной секции ({{HTMLElement("thead")}}, {{HTMLElement("tbody")}}, {{HTMLElement("tfoot")}}, даже если неявно определено чему ячейка принадлежит. Значения выше 65534 сокращаются до 65534.
Этот атрибут определяет вертикальное выравнивание текста в ячейке. Возможные значения атрибута:
+
Этот атрибут определяет вертикальное выравнивание текста в ячейке. Возможные значения атрибута:
baseline, поместит текст ближе к нижней части ячейки, но выровняет его по базовой линии символов, а не нижней линии. Если все символы одного размера, тогда имеет такой же эффект как bottom.
bottom, поместит текст как можно ближе к нижней части ячейки
The source for this interactive example is stored in a GitHub repository. If you'd like to contribute to the interactive examples project, please clone https://github.com/mdn/interactive-examples and send us a pull request.
Источник для интерактивного примера расположен в GitHub. Если вы желаете сделать вклад в интерактивную часть, распакуйте https://github.com/mdn/interactive-examples и отправьте нам pull request.
Атрибут логического значения (bool) говорит о том, что список будет представлен в более компактном стиле. Интерпретация этого атрибута зависит от {{glossary("user agent")}} и не работает со всеми браузерами.
-
+
Атрибут логического значения (bool) говорит о том, что список будет представлен в более компактном стиле. Интерпретация этого атрибута зависит от {{glossary("user agent")}} и не работает со всеми браузерами.
Предупреждение: Не используйте этот атрибут, ибо он устаревший и больше не используется, используйте CSS. Для схожего эффекта с compact, подойдёт свойство CSS {{cssxref("line-height")}} с значением 80%.
-
-
-
{{ htmlattrdef("type") }} {{Deprecated_inline}}
Этот атрибут добавляет маркеры (bullets) в список. Значения установлены под HTML3.2 и переходными на HTML 4.0/4.01 являются:
Логическийатрибут;если указан, то видеоначнёт воспроизводится автоматически, как толькоэто будет возможно сделать безостановки, чтобы закончитьзагрузку данных.
+
Логический атрибут; если указан, то видео начнёт воспроизводится автоматически, как только это будет возможно сделать без остановки, чтобы закончить загрузку данных.
Логический атрибут; если указано, видео автоматически начнёт буферизацию, даже если оно не настроено на автоматический запуск. Используйте этот атрибут только тогда, когда очень вероятно, что пользователь будет смотреть видео. Видео буферизуется до тех пор, пока не заполнится кеш мультимедиа.
Примечание: несмотря на то, что в ранних версиях HTML5 атрибут autobuffer присутствовал, в последующих выпусках он был удалён. Также он был удалён из Gecko 2.0 и других браузеров, а в некоторых никогда не реализовывался. Спецификация определяет новый перечислимый атрибут preload, вместо autobuffer с другим синтаксисом. {{bug(548523)}}
@@ -51,22 +51,22 @@
Атрибуты
{{htmlattrdef("buffered")}}
Атрибут для определения временных диапазонов буферизованных носителей. Этот атрибут содержит объект {{domxref("TimeRanges")}}.
{{htmlattrdef("controls")}}
-
Если этот атрибутприсутствует, тогда браузер отобразит элементыуправления, чтобы позволитьпользователю управлятьвоспроизведением видео, регулировать громкость, осуществлять перемотку, а также ставить на паузу и возобновление воспроизведение.
+
Если этот атрибут присутствует, тогда браузер отобразит элементы управления, чтобы позволить пользователю управлять воспроизведением видео, регулировать громкость, осуществлять перемотку, а также ставить на паузу и возобновление воспроизведение.
{{htmlattrdef("crossorigin")}}
This enumerated attribute indicates whether to use CORS to fetch the related image. CORS-enabled resources can be reused in the {{HTMLElement("canvas")}} element without being tainted. The allowed values are:
anonymous
-
Sends a cross-origin request without a credential. In other words, it sends the Origin: HTTP header without a cookie, X.509 certificate, or performing HTTP Basic authentication. If the server does not give credentials to the origin site (by not setting the Access-Control-Allow-Origin: HTTP header), the image will be tainted, and its usage restricted.
+
Sends a cross-origin request without a credential. In other words, it sends the Origin: HTTP header without a cookie, X.509 certificate, or performing HTTP Basic authentication. If the server does not give credentials to the origin site (by not setting the Access-Control-Allow-Origin: HTTP header), the image will be tainted, and its usage restricted.
use-credentials
-
Sends a cross-origin request with a credential. In other words, it sends the Origin: HTTP header with a cookie, a certificate, or performing HTTP Basic authentication. If the server does not give credentials to the origin site (through Access-Control-Allow-Credentials: HTTP header), the image will be tainted and its usage restricted.
+
Sends a cross-origin request with a credential. In other words, it sends the Origin: HTTP header with a cookie, a certificate, or performing HTTP Basic authentication. If the server does not give credentials to the origin site (through Access-Control-Allow-Credentials: HTTP header), the image will be tainted and its usage restricted.
When not present, the resource is fetched without a CORS request (i.e. without sending the Origin: HTTP header), preventing its non-tainted used in {{HTMLElement('canvas')}} elements. If invalid, it is handled as if the enumerated keyword anonymous was used. See CORS settings attributes for additional information.
{{htmlattrdef("height")}}
-
Высотаобласти отображениявидеовпикселях.
+
Высота области отображения видео в пикселях.
{{htmlattrdef("loop")}}
-
Логическийатрибут;если указан, то по окончанию проигрывания,видеоавтоматически начнёт воспроизведение с начала.
+
Логический атрибут; если указан, то по окончанию проигрывания, видео автоматически начнёт воспроизведение с начала.
{{htmlattrdef("muted")}}
-
Логический атрибут, который определяет значение по умолчания для аудио дорожки, содержащуюся в видео. Если атрибут указан, то аудио дорожка воспроизводиться не будет. Значениеатрибута по умолчанию- "ложь", и это означает, чтозвук будетвоспроизводиться, когдавидео воспроизводится.
+
Логический атрибут, который определяет значение по умолчания для аудио дорожки, содержащуюся в видео. Если атрибут указан, то аудио дорожка воспроизводиться не будет. Значение атрибута по умолчанию - "ложь", и это означает, что звук будет воспроизводиться, когда видео воспроизводится.
{{htmlattrdef("played")}}
Атрибут {{domxref("TimeRanges")}}, указывающий все диапазоны воспроизводимого видео.
{{htmlattrdef("preload")}}
@@ -84,7 +84,7 @@
Атрибуты
The autoplay attribute has precedence over preload. If autoplay is specified, the browser would obviously need to start downloading the video for playback.
-
The specification does not force the browser to follow the value of this attribute; it is a mere hint.
+
The specification does not force the browser to follow the value of this attribute; it is a mere hint.
@@ -93,7 +93,7 @@
Атрибуты
{{htmlattrdef("src")}}
The URL of the video to embed. This is optional; you may instead use the {{HTMLElement("source")}} element within the video block to specify the video to embed.
{{htmlattrdef("width")}}
-
Ширинаобласти отображениявидеовпикселях.
+
Ширина области отображения видео в пикселях.
События
@@ -135,7 +135,7 @@
Server support
If the MIME type for the video is not set correctly on the server, the video may not show or show a gray box containing an X (if JavaScript is enabled).
-
If you use Apache Web Server to serve Ogg Theora videos, you can fix this problem by adding the video file type extensions to "video/ogg" MIME type. The most common video file type extensions are ".ogm", ".ogv", or ".ogg". To do this, edit the "mime.types" file in "/etc/apache" or use the "AddType" configuration directive in httpd.conf.
+
If you use Apache Web Server to serve Ogg Theora videos, you can fix this problem by adding the video file type extensions to "video/ogg" MIME type. The most common video file type extensions are ".ogm", ".ogv", or ".ogg". To do this, edit the "mime.types" file in "/etc/apache" or use the "AddType" configuration directive in httpd.conf.
Исходный код этого интерактивного примера хранится в репозитории GitHub. Если вы хотите внести свой вклад в проект интерактивных примеров, пожалуйста, клонируйте https://github.com/mdn/interactive-examples и отправьте нам запрос на извлечение.
Исходный код этого примера хранится на GitHub. Если вы хотели бы поспособствовать интерактивными примерами, пожалуйста склонируйете https://github.com/mdn/interactive-examples и отправьте pull request.
-
Хотя спецификация не предъявляет требований к именам классов, веб-разработчикам рекомендуется использовать имена, описывающие семантическое назначение элемента, а не представление элемента. Например, атрибут описывает атрибут, а не курсив, хотя элемент этого класса может быть представлен курсивом. Семантические имена остаются логичными даже при изменении представления страницы.
Исходный код этого интерактивного примера хранится в репозитории GitHub. Если вы хотите внести свой вклад в проект интерактивных примеров, пожалуйста, клонируйте https://github.com/mdn/interactive-examples и отправьте нам запрос на извлечение.
-
Все такие пользовательские данные доступны через интерфейс {{domxref ("HTMLElement")}} элемента, для которого установлен атрибут. Свойство {{domxref ("HTMLElement.dataset")}} предоставляет к ним доступ.
Символ * может быть заменён любым именем, соответствующим производственному правилу имён xml, со следующими ограничениями:
The source for this interactive example is stored in a GitHub repository. If you'd like to contribute to the interactive examples project, please clone https://github.com/mdn/interactive-examples and send us a pull request.
Исходный код этого интерактивного примера хранится в репозитории GitHub. Если вы хотите внести свой вклад в проект интерактивных примеров, пожалуйста клонируйте https://github.com/mdn/interactive-examples и отправьте нам "pull request" (предложение изменения кода в чужом репозитории).
-
Значение этого атрибута "непрозрачная" строка: это означает, что веб-автор не должен использовать его для передачи какой-либо информации. Особое значение, например семантическое, получать из этой строки не надо.
Значение id не должно содержать пропусков (пробелов, табуляции и т.д). Браузеры обрабатывают пробелы, как часть уникального идентификатора. В отличии от атрибута {{htmlattrxref("class")}}, который позволяет разделять пробелами значение (указывать несколько классов через пробел), элементы могут иметь только один ID.
Определяет группу атрибутов, называемых атрибутами пользовательских данных, позволяющих осуществлять обмен служебной информацией между HTML и его DOM представлением, что может быть использовано скриптами. Все такие пользовательские данные доступны через интерфейс {{domxref("HTMLElement")}} элемента у которого установлен атрибут. Свойство {{domxref("HTMLElement.dataset")}} предоставляет доступ к ним.
The source for this interactive example is stored in a GitHub repository. If you'd like to contribute to the interactive examples project, please clone https://github.com/mdn/interactive-examples and send us a pull request.
-
Если значение атрибута — пустая строка (lang=""), язык устанавливается, как неизвестный. Если тег языка недействителен согласно BCP47, он устанавливается, как недействительный.
Статьи, представленные ниже, могут помочь вам больше узнать о HTML.
-
-
+
Введение в HTML
Если вы новичок в веб-разработке, обязательно прочитайте нашу статью "Основы HTML", чтобы узнать, что такое HTML и как его использовать.
@@ -39,7 +38,7 @@
-
Руководства для начинающих
+
Руководства для начинающих
Наше Пространство изучения HTML содержит множество модулей, которые обучают HTML с нуля — начальные знания не требуются.
@@ -69,7 +68,7 @@
Продвинутые темы
Значение preload атрибута {{htmlattrxref("rel", "link")}} элемента {{htmlelement("link")}} позволяет писать декларативные fetch-запросы в HTML {{htmlelement("head")}}, указывая ресурсы, которые потребуются вашим страницам сразу после загрузки и, следовательно, которые вы хотите начать предварительно загружать на раннем этапе жизненного цикла страницы, прежде чем браузером запустится основной механизм рендеринга (отрисовки). Это гарантирует, что они станут доступными раньше и с меньшей вероятностью заблокируют первый рендеринг страницы, что приведёт к улучшению производительности. В этой статье приведено начальное руководство по работе с preload (предзагрузкой).
