worldwide open-source software - software:development:ps_pycharm:html5:attribute

global_attributes

anonymous@undisclosed.example.com (Anonymous) — Sat, 01 Feb 2025 06:14:41 +0000

Глобальные атрибуты

Глобальные атрибуты — это атрибуты общие для всех HTML-элементов; они могут использоваться всеми элементами, хотя на некоторые элементы могут не оказывать влияния.
Глобальные атрибуты могут быть указаны для любых элементов HTML, даже для тех, которые не указаны в стандарте. Это значит, что все нестандартные элементы должны допускать эти атрибуты, даже если использование этих элементов означает, что документ больше не является HTML5-совместимым. Например, HTML5-совместимые браузеры скрывают содержимое, помеченное как <foo hidden>…<foo> , хотя <foo> не является верным HTML-элементом.
В дополнение к основным для HTML глобальным атрибутам, также существуют следующие глобальные атрибуты:

xml:lang и xml:base — унаследованы от спецификации XHTML, и хотя являются устаревшими, сохранены в целях совместимости.
Многочисленные aria-* атрибуты, используемые для улучшения доступности.
Атрибуты обработчиков событий: onabort, onautocomplete, onautocompleteerror, onblur, oncancel, oncanplay, oncanplaythrough, onchange, onclick, onclose, oncontextmenu, oncuechange, ondblclick, ondrag, ondragend, ondragenter, ondragexit, ondragleave, ondragover, ondragstart, ondrop, ondurationchange, onemptied, onended, onerror, onfocus, oninput, oninvalid, onkeydown, onkeypress, onkeyup, onload, onloadeddata, onloadedmetadata, onloadstart, onmousedown, onmouseenter, onmouseleave, onmousemove, onmouseout, onmouseover, onmouseup, onmousewheel, onpause, onplay, onplaying, onprogress, onratechange, onreset, onresize, onscroll, onseeked, onseeking, onselect, onshow, onsort, onstalled, onsubmit, onsuspend, ontimeupdate, ontoggle, onvolumechange, onwaiting.

Описание

accesskey

Даёт подсказку для создания комбинации клавиш для текущего элемента. Этот атрибут содержит список разделённых пробелами символов. Браузер должен использовать первый имеющийся в раскладке клавиатуры символ из списка.

class

Это список разделённых пробелами классов элемента. Классы позволяют CSS и JavaScript выбирать и получать доступ к конкретным элементам через селекторы по классу или через функции, такие как метод Document.getElementsByClassName().

contenteditable

Это перечислимый атрибут, указывающий, нужно ли предоставить пользователю возможность редактировать элемент. Если это так, браузер изменит свой виджет таким образом, чтобы позволить редактирование. Атрибут должен принимать одно из следующих значений:

true или пустая строка, указывает, что элемент должен быть редактируемым;
false, указывает, что элемент не должен быть редактируемым.

contextmenu

Это id элемента <menu>, который следует использовать в качестве контекстного меню для данного элемента.

data-*

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

dir

Это перечислимый атрибут указывающий направление текста в элементе. Он может принимать одно из следующих значений:

ltr, что расшифровывается как left to right (слева направо), и предназначено для языков, в которых пишут слева направо (как в русском);
rtl, что расшифровывается как right to left (справа налево), и предназначено для языков, в которых пишут справа налево (как в арабском);
auto — позволяет принять решение пользовательскому приложению. Оно применяет базовый алгоритм — анализирует символы внутри элемента до тех пор, пока не найдёт символ со строгим направлением, а затем применяет это направление ко всему элементу.

draggable ¹⁾

Это перечислимый атрибут, указывающий, можно ли перетаскивать элемент с помощью Drag and Drop API. Он может принимать одно из следующих значений:

true, указывающее, что элемент можно перетаскивать;
false, указывающее, что элемент нельзя перетаскивать.

dropzone ²⁾

Это перечислимый атрибут, указывающий типы содержимого, которое можно перетащить в элемент с помощью Drag and Drop API. Он может принимать одно из следующих значений:

copy, указывающее, что перетаскивание создаст копию перетаскиваемого элемента;
move, указывающее, что перетаскиваемый элемент будет перемещён в новое расположение;
link — создаст ссылку на перетаскиваемые данные.

hidden

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

Определяет идентификатор (ID), который должен быть уникален для всего документа. Он предназначен для идентификации элемента при создании ссылок на него, исполнении скриптов или применении стилей (посредством CSS).

itemid, ³⁾

itemprop, ⁴⁾

itemref, ⁵⁾

itemscope, ⁶⁾

itemtype, ⁷⁾

Эти атрибуты относятся к определению микроданных.

lang

Участвует в определении языка элемента, языка написания нередактируемых элементов или языка, на котором должны быть написаны редактируемые элементы. Содержит единственное значение в формате, определённом в документе IETF BCP47. xml:lang имеет приоритет над ним.

spellcheck ⁸⁾

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

true, указывающее, что элемент должен, по возможности, проверяться на наличие орфографических ошибок;
false, указывающее, что элемент не должен проверяться на наличие орфографических ошибок.

style

Содержит описание стилей CSS, которые должны быть применены к элементу. Учтите, что рекомендуется определять стили в отдельном файле или файлах. Этот атрибут, как и элемент <style>, предназначен, в основном, для оперативного применения стилей, например в целях тестирования.

tabindex

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

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

title

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

translate

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

пустая строка или "yes" указывает, что элемент должен быть переведён;
"no" указывает, что элемент не должен быть переведён.

¹⁾ , ²⁾ , ³⁾ , ⁴⁾ , ⁵⁾ , ⁶⁾ , ⁷⁾ , ⁸⁾

Экспериментальная возможность, в будущем может измениться!

manifest

anonymous@undisclosed.example.com (Anonymous) — Sat, 01 Feb 2025 06:26:03 +0000

Атрибут manifest

Описание

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

В качестве значения атрибута manifest указывается относительный или абсолютный путь к текстовому файлу, он называется «файл манифеста» или просто «манифест». Имя и расположение файла может быть любым, но он должен отдаваться сервером с заголовком text/cache-manifest. Например, для веб-сервера Apache в файле .htaccess расположенным в корне сайта следует прописать такую строку.

AddType text/cache-manifest .cache

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

Раздел	Описание
CACHE MANIFEST	Этой обязательной строкой должен начинаться любой манифест.
CACHE:	Содержит перечень ресурсов, которые браузер должен кэшировать. Данный раздел используется по умолчанию, если его не указать и нет других разделов, то записи в манифесте причисляются к этому разделу.
NETWORK:	Список ресурсов, которые доступны только при подключении к сети. Обычно в этот раздел входят программы выполняемые на стороне сервера.
FALLBACK:	Список замещающих файлов, которые будут использоваться при отсутствии подключения к сети. Допустимо использовать символ * для обозначения всех файлов. Например, *.php /offline.html означает, что вместо любого файла с расширением php будет показана страница offline.html.

Синтаксис

<html manifest="URL">

Значения

В качестве значения указывается адрес файла манифеста.

Значение по умолчанию

Нет.

Пример №1

|HTML5|IE|Cr|Op|Sa|Fx|

<!DOCTYPE html>
<html manifest="22.cache">
 <head>
  <meta charset="utf-8">
  <title>22 хода</title>
  <link href="22.css" rel="stylesheet">
  <script src="22.js"></script> 
 </head>
 <body>
  <div id="main">
   <h1>22 хода</h1>
   <canvas id="game" width="400" height="400">
     <img src="images/old.png" alt="">
   </canvas>
   <p>Ходов: <span id="move">0</span>
   <span id="msg"></span></p>
   <h3>Цель игры</h3>
   <p>Вам необходимо за 22 хода сгруппировать все серые фишки
   на кружках в верхнем квадрате, а чёрные фишки&nbsp;&#8212; в нижнем. 
   Кружки с точкой должны оказаться незанятыми.</p>
   <p>Фишка может перемещаться только по линиям&nbsp;&#8212; по горизонтали
   или вертикали, а также перепрыгивать через фишку, если за ней есть свободное 
   поле.</p>
  </div>
 </body>
</html>

Содержимое файла 22.cache показано в примере 2.

Пример №2 (Файл 22.cache)

CACHE MANIFEST
# Версия 1.0
 
CACHE:
22.css 
22.js
images/old.png