Beynəlxalq Veb-saytlar üçün 6 Sürətli Məsləhət

Cümə, 31 May 2013

Redaktorların qeydi: Google veb-axtarışı üçün
beynəlxalqlaşdırma,
işlərinin müxtəlif yollarını araşdırdıqdan sonra, burada Google Veb Studiya komandasının üzvlərindən veb-tərtibatçılar üçün məsləhətlər yer alan bir məqalə təqdim olunur.

Bir çox veb-sayt birdən çox dildə mövcuddur və getdikcə daha çox sayt birdən çox dildə istifadəyə verilir. Lakin veb-saytı birdən çox dildə yaratmaq sadəcə tərcümə və ya yerliləşdirmə (L10N) demək deyil. Bu, beynəlxalqlaşdırma (I18N) ilə əlaqəli bir neçə əlavə tələb edir. Bu yazıda beynəlxalq saytlar üçün bir neçə məsləhət paylaşırıq.

Səhifələri üslub vərəqlərində deyil, kodlaşdırmada I18N-ə hazır edin

Dil və istiqamət sənədin məzmununa xasdır. Mümkünsə, beynəlxalqlaşdırma məqsədləri üçün üslub vərəqlərindən deyil, həmişə işarələmədən istifadə etməlisiniz. İstifadə edin
@lang və @dir, heç olmasa html elementində:

Xüsusi siniflər və ya ID-lər kimi öz həllərinizi yaratmaqdan çəkinin.

Üslub vərəqlərində I18N-ə gəldikdə, həmişə CSS-ə etibar edə bilməzsiniz: CSS spesifikasiyası müəyyən edir ki, uyğun gələn istifadəçi agentləri
kimi xüsusiyyətlərə direction və ya unicode-bidiməhəl qoymaya bilər.
(XML üçün vəziyyət yenidən dəyişir. XML xüsusi beynəlxalqlaşdırma işarələməsi təklif etmir, ona görə də burada CSS-dən istifadə etmək məsləhətdir.)

Bütün lokalizasiyalar üçün bir üslub vərəqindən istifadə edin

LTR və RTL istiqamətləri və ya hətta hər dil üçün ayrı üslub vərəqləri yaratmaq əvəzinə, hər şeyi bir üslub vərəqində birləşdirin. Bu, beynəlxalqlaşdırma qaydalarınızı başa düşməyi və saxlamağı çox asanlaşdırır.

Beləliklə, alternativ üslub vərəqini yerləşdirmək əvəzinə

sadəcə mövcud olanınızdan istifadə edin

Bu yanaşmanı tətbiq edərkən mövcud CSS qaydalarını beynəlxalq qarşılıqları ilə tamamlamalısınız:

İstifadə edin [dir='rtl'] atribut seçicisi

Mövcud üslub vərəqinizlə qərar verməyi tövsiyə etdiyimiz üçün (məsləhət #2), digər istiqamət üçün fərqli üslub verməli olduğunuz elementləri seçməyin fərqli yoluna ehtiyacınız var. RTL məzmunu xüsusi işarələmə tələb etdiyi üçün (məsləhət #1), bu asan olmalıdır: Əksər müasir brauzerlər üçün biz sadəcə olaraq
[dir='rtl'].

Budur bir nümunə:

İstifadə edin :lang() psevdo sinfi

Müəyyən bir dilin sənədlərini hədəf almaq üçün :lang() psevdo sinfindən istifadə edin. (Nəzərə alın ki, biz burada mətn fraqmentlərindən deyil, sənədlərdən danışırıq, çünki müəyyən bir dilin fraqmentlərini hədəfləmək işi bir qədər mürəkkəbləşdirir.)

Məsələn, qalın formatlaşdırmanın Çin sənədləri üçün yaxşı işləmədiyini aşkar etsəniz (həqiqətən də işləmir), aşağıdakılardan istifadə edin:

Sol və sağ ilə əlaqəli dəyərləri əks etdirin

Həm LTR, həm də RTL məzmunu ilə işləyərkən istiqaməti dəyişən bütün dəyərləri əks etdirmək vacibdir. Diqqət yetirilməli xüsusiyyətlər arasında sərhədlər, boşluqlar və daxili məsafələr, həmçinin mövqe ilə əlaqəli xüsusiyyətlər, floatvə ya
text-align.

daxildir. Məsələn, LTR-də text-align: left
olan şey RTL-də text-align: right

olmalıdır.
İstiqaməti “çevirməyi” asanlaşdıran alətlər mövcuddur. Onlardan biriCSSJanus

dövrüdür, baxmayaraq ki, o, “eyni üslub vərəqi” üçün deyil, “ayrı üslub vərəqi” sahəsi üçün yazılmışdır.

Təfərrüatlara diqqət yetirin

• Aşağıdakı elementlərə diqqət yetirin:
  Oxlar və ya fonlar kimi sol və ya sağ üçün nəzərdə tutulmuş şəkillər, box-shadow vətext-shadow values
• içindəki işıq mənbələri, eləcə də JavaScript mövqeləndirilməsi və animasiyalar: Bunların dəyişdirilməsi və əks istiqamətdə uyğunlaşdırılması tələb oluna bilər.
• Şrift ölçüləri və şriftlər, xüsusən də latın əlifbası olmayanlar üçün: Skriptdən və şriftdən asılı olaraq, defolt şrift ölçüsü çox kiçik ola bilər. Ölçünü və lazım gələrsə şrifti tənzimləməyi düşünün.
  CSSspesifikasiyası :
[dir='rtl'] (və ya [dir='ltr']) qarmağından (məsləhət #2) istifadə edərkən daha yüksək spesifikliyə malik seçicidən istifadə edirsiniz. Bu, problemlərə səbəb ola bilər. Sadəcə diqqətli olun və müvafiq olaraq tənzimləyin.

Hər hansı bir sualınız və ya rəyiniz varsa,
Beynəlxalqlaşdırma Veb-ustas Yardım Forumunabaxın və ya şərhlərinizi burada buraxın.

Müəllif:
Jens O. Meiert
və
Tony Ruscoe,
Texniki Rəhbərlər, Google Veb Studiya