Введение
HTML-тег <bdo> используется для изменения направления текста, особенно в ситуациях, когда разные языки смешиваются вместе. Тег полезен в случаях, когда необходимо отображать языки, читающиеся справа налево, например арабский или иврит, вдоль языков, читающихся слева направо, таких как английский. В этом лабораторном занятии вы научитесь создавать двухнаправленный текст с использованием HTML-тега <bdo>.
Примечание: Вы можете практиковать программирование в
index.htmlи изучить Как писать HTML в Visual Studio Code. Пожалуйста, нажмите на кнопку "Go Live" в нижнем правом углу, чтобы запустить веб-сервис на порту 8080. Затем вы можете обновить вкладку Web 8080, чтобы просмотреть веб-страницу.
HTML-Тег
Создайте новый файл и назовите его "index.html".
Добавьте следующий код в файл index.html, чтобы открыть HTML-тег:
<!doctype html>
<html>
<head>
<title>Bi-Directional Text using bdo tag</title>
</head>
<body></body>
</html>
Добавление тега bdo
Вмежду тегов <body> добавьте следующий код, чтобы создать двухнаправленный текст с использованием тега <bdo>:
<h3>Bi-Directional Text using bdo tag:</h3>
<bdo dir="rtl">مرحبا بالعالم</bdo><br />
<bdo dir="ltr">Hello world</bdo>
Здесь мы создали простой пример двухнаправленного текста. Атрибут dir добавляется для указания направления текста в теге <bdo>. Значение rtl сообщает браузеру читать текст справа налево, в то время как значение ltr сообщает браузеру читать текст слева направо.
Сохраните файл index.html и откройте его в веб-браузере. Теперь на странице должно быть отображено двухнаправленный текст.
Резюме
Тег <bdo> используется для создания двухнаправленного текста на веб-странице. Он помогает отображать языки, читающиеся справа налево, вдоль языков, читающихся слева направо. Атрибут dir используется для указания направления текста в теге <bdo> и может иметь два значения: ltr или rtl. Используйте тег с осторожностью, так как он может изменить смысл текста.
