Многоязычный веб-сайт UTF-8 с арабским языком

StackOverflow https://stackoverflow.com/questions/1780656

  •  21-09-2019
  •  | 
  •  

Вопрос

Я буду писать код веб-сайта, на котором будет Арабский как поддерживаемый язык.Я думаю, что с помощью Unicode UTF8 я смогу охватить арабский алфавит.Я также читал, что он читается справа налево, поэтому, думаю, мне следует выравнивать по правому краю при отображении на арабском языке.

Я прошу сообщество опыт и возможные подводные камни.

  • utf-8 юникод
  • CSS-селектор для переключения выравнивания текста

Заранее благодарим вас за ваш вклад.

Это было полезно?

Решение

Чтение http://www.w3.org/International/tutorials/bidi-xhtml/ и http://en.wikipedia.org/wiki/Internationalization_and_localization может быть полезно.

Некоторые вещи, о которых я могу подумать:

  • ваш выбор цветов и изображений может оказаться оскорбительным или безвкусным в некоторых странах.
  • каждое изображение с текстом должно быть переведено (image и alt);каждое изображение с направленностью должно быть перевернуто (например:Стрелка)
  • старайтесь избегать имен классов, например class="left" если вы не хотите будущих головных болей.Я думаю, что сверху, снизу, до или после все в порядке, но не слева/справа.
  • вам нужно будет проверить каждую инструкцию CSS относительно выравнивания текста, положения фона, плавания, ясности и, очевидно, влево и вправо с позицией:абсолютный/относительный;
  • для разных шрифтов нужны разные размеры шрифтов (хотя эта проблема в основном касается азиатских шрифтов)
  • как и для любого другого поддерживаемого языка, многие фрагменты текста в шаблонах должны быть переведены.

Под «селектором CSS для переключения выравнивания текста» вы имеете в виду dir="rtl" ?Это атрибут HTML.Но вам все равно понадобится класс (подойдет для элемента body), который будет действовать как гигантский переключатель для нужд вашего дизайна.Нравиться

.en .yourclass { background: url(images/en/bg.jpg) } 
.ar .yourclass { background: url(images/ar/bg.jpg) }

редактировать:селектор атрибутов сделал бы то же самое, но есть и старый плохой IE...

:lang(ar) .yourclass { background: url(images/ar/bg.jpg) }
or
[lang|="ar"] .yourclass { background: url(images/ar/bg.jpg) }

Другие советы

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

Этого недостаточно, необходимо также задать направление как rtl (справа налево).Что вам нужно:

  direction: rtl;
  text-align: right;

Этот — хороший ресурс для объявления языка в HTML.

Лицензировано под: CC-BY-SA с атрибуция
Не связан с StackOverflow
scroll top