Различия

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

--- software:development:web:docs:web:html:global_attributes:dir [2024/03/03 17:48] – [Интерактивный пример] vladpolskiy
+++ software:development:web:docs:web:html:global_attributes:dir [2024/03/03 19:02] (текущий) – [Ссылки и Дополнения] vladpolskiy
@@ Строка 21: / Строка 21: @@
 <WRAP left round info 100%>
 **Примечание**\\
-  * Для совместимости со старыми браузерами и JavaScript рекомендуется придерживаться данных правил описанных в Значении атрибута.
+  Этот атрибут является обязательным для [[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>
@@ Строка 36: / Строка 45: @@
 Значения
-  * ltr: Текст отображается как обычно — слева направо.
+  * **ltr:** Текст отображается как обычно — слева направо и должно использоваться для языков, которые пишутся слева направо (например, английский);
-  * rtl: Текст инвертируется и отображается справа налево.
+  * **rtl:** Текст инвертируется и отображается справа налево и должно использоваться для языков, которые пишутся справа налево (например, арабский);
+  * **auto:** позволяет пользовательскому агенту принять решение. Он использует базовый алгоритм, анализируя символы внутри элемента, пока не найдет символ с сильной направленностью, а затем применяет эту направленность ко всему элементу.
 Значение по умолчанию:
@@ Строка 50: / Строка 60: @@
 =====Доступность=====
-В HTML5 атрибут class можно использовать с любым HTML элементом (все элементы с этим атрибутом будут проходить валидацию. Тем не менее, это не всегда имеет смысл!).
+В HTML5 атрибут dir можно использовать с любым HTML элементом (все элементы с этим атрибутом будут проходить валидацию. Тем не менее, не всегда это имеет смысл!).
-В HTML 4.01 атрибут class нельзя использовать с элементами <base>, <head>, <html>, <meta>, <param>, <script>, <style>, <title>.
+В HTML 4.01 атрибут dir нельзя использовать с элементами <base>, <br>, <frame>, <frameset>, <hr>, <iframe>, <param>, <script>.
 =====Ссылки и Дополнения=====
-  * [[https://https://msiter.ru/references/html-reference/global/class|Общий HTML атрибут class]]
-  * [[https://html.spec.whatwg.org/multipage/dom.html#global-attributes:classes-2|Стандарт HTML # global-attributes:classes-2]]
+  * [[https://html.spec.whatwg.org/multipage/dom.html#the-dir-attribute|Стандарт HTML # атрибут-dir]]
-  * [[https://webref.ru/html/attr/class|WebReference - Атрибут class]]
+  * [[https://www.w3.org/TR/html401/dirlang.html#h-8.2|HTML 4.01 Specification]]