book51.ru

Эта страница только для чтения. Вы можете посмотреть её исходный текст, но не можете его изменить. Сообщите администратору, если считаете, что это неправильно.
====== HTML глобальный атрибут:  dir (директория) ======

[[software:development:web:docs:web:html:global_attributes|Глобальный атрибут]] **class ** - это [[software:development:web:docs:glossary:enumerated|перечисляемый]] атрибут, указывающий направление текста элемента ''.dir''

Задает направление и отображение текста — слева направо или справа налево. Браузеры обычно самостоятельно различают направление текста, если он задан в кодировке Юникод, но с помощью атрибута dir можно указать, в каком направлении отображать текст. Для арабских и еврейских символов приоритетным является направление, заложенное в Юникод, поэтому на них атрибут dir действовать не будет.

=====Интерактивный пример=====

<html>
<iframe height="350" style="width: 100%;" scrolling="no" title="Untitled" src="./demo/code-docs/pages/global_attributes/dir.html" frameborder="no" loading="lazy" allowtransparency="true" allowfullscreen="true">
</iframe>
</html>

<html>
<iframe height="350" style="width: 100%;" scrolling="no" title="Untitled" src="./demo/code-docs/pages/global_attributes/dir_1.html" frameborder="no" loading="lazy" allowtransparency="true" allowfullscreen="true">
</iframe>
</html>

=====Использование=====

<WRAP left round info 100%>
**Примечание**\\  
  Этот атрибут является обязательным для [[software:development:web:docs:web:html:element:bdo|<bdo>]] элемента, где он имеет другое семантическое значение.

  * Этот атрибут не наследуется элементом [[software:development:web:docs:web:html:element:bdi|<bdi>]]. Если не установлено, его значение равно auto.
  * Этот атрибут может быть переопределен свойствами CSS [[software:development:web:docs:web:css:direction|direction]] [[software:development:web:docs:web:css:unicode-bidi|unicode-bidi]], если страница CSS активна и элемент поддерживает эти свойства.
  * Поскольку направленность текста семантически связана с его содержанием, а не с его представлением, веб-разработчикам рекомендуется по возможности использовать этот атрибут вместо связанных свойств CSS. Таким образом, текст будет отображаться правильно даже в браузере, который не поддерживает CSS или в котором CSS отключен.
  * Значение autoследует использовать для данных с неизвестной направленностью, например данных, поступающих от пользователя и в конечном итоге сохраняемых в базе данных.
</WRAP>

<WRAP left round info 100%>
**Примечание**\\  
  Браузеры могут разрешать пользователям изменять направление [[software:development:web:docs:web:html:element:input|<input>]] и [[software:development:web:docs:web:html:element:textarea|<textarea>]], чтобы облегчить создание контента. Chrome и Safari предоставляют опцию направления в контекстном меню полей ввода, а Legacy Edge использует комбинации клавиш ''Ctrl'' + ''Left Shift'' и ''Ctrl'' + ''Right Shift''. Firefox использует ''Ctrl''/ ''Cmd++'' ''Shift'', ''X'' но НЕ обновляет dir значение атрибута.
</WRAP>

=====Синтаксис=====

<code>
<dir={ltr | rtl}>
</code>

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

=====Значения атрибута=====

Значения
  * **ltr:** Текст отображается как обычно — слева направо и должно использоваться для языков, которые пишутся слева направо (например, английский);
  * **rtl:** Текст инвертируется и отображается справа налево и должно использоваться для языков, которые пишутся справа налево (например, арабский);
  * **auto:** позволяет пользовательскому агенту принять решение. Он использует базовый алгоритм, анализируя символы внутри элемента, пока не найдет символ с сильной направленностью, а затем применяет эту направленность ко всему элементу.

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







=====Доступность=====

В HTML5 атрибут dir можно использовать с любым HTML элементом (все элементы с этим атрибутом будут проходить валидацию. Тем не менее, не всегда это имеет смысл!).

В HTML 4.01 атрибут dir нельзя использовать с элементами <base>, <br>, <frame>, <frameset>, <hr>, <iframe>, <param>, <script>.

=====Ссылки и Дополнения=====

  * [[https://html.spec.whatwg.org/multipage/dom.html#the-dir-attribute|Стандарт HTML # атрибут-dir]]
  * [[https://www.w3.org/TR/html401/dirlang.html#h-8.2|HTML 4.01 Specification]]