Tanlaş · molecule
Yozuv tanlovi
Öquvçi uçun yozuv tanlovi (Qaror 22.10 #4): Yangi (davlat alifbosi: ş ç ö ğ) · Eski lotin · Кирилл. Sahifa yangi alifboda yoziladi; tanlov brauzerda saqlanadi va matn DOM'da brauzerning özida ögiriladi — server, baza va manzillarga tegilmaydi. code, pre, kbd, input, [translate="no"] va [data-yozuv-skip] ögirilmaydi; eski lotindagi blok — data-yozuv-manba="eski" («Yangi»da yangi alifboga ötadi). Ögiriş yadrosi — foxui/yozuv (serverda ham işlatiladi). fx-segment ustiga qurilgan; ixçam variant data-variant="short".
Toşkent — Özbekistonning poytaxti. Bu yerda çiroyli bağlar, eski şahar va yangi köçalar bor. fx-yozuv va https://foxui.dev tegilmaydi.
Oʻzbekiston Milliy ensiklopediyasidan: «Toshkent — qadimiy shahar». Bu blok eski lotinda yozilgan — «Yangi» tanlansa yangi alifboda oʻqiladi.
Variantlar
| Atribut | Qiymatlar | Standart |
|---|---|---|
data-variant | fullshort ixçam yorliqlar (Yangi · Eski · Кир) — header va telefon uçun | full |
Anatomiya
- root
.fx-yozuvşart - item
.fx-segment__itemşart - label
.fx-yozuv__labelşart - label-short
.fx-yozuv__label-shortixtiyoriy
Holatlar
Klaviatura va kiriş
| Tugma | Amal |
|---|---|
| Tab, Enter, Space | Yozuvni tanlaydi |
role="group" + aria-label; tanlangani aria-pressed="true"; kirill tugmasi lang="uz-Cyrl"; kirill tanlanganda <html lang="uz-Cyrl"> — ekran öquvçi töğri talaffuz qiladi.
Naqş: WAI-ARIA APG toolbar · rol group
Kod
AI uçun: qaçon işlatiladi
- Matnli sayt (ensiklopediya, blog, maqola) — öquvçi öziga qulay yozuvni tanlaydi.
- Header yoki maqola tepasida, til tanlovi yonida.
- Interfeys tilini (özbek/rus/ingliz) almaştiriş →
langswitch - Ikki holatli oddiy tanlov →
segment - Кирилл tugmasini har saytga qöymang — hozir faqat Manbaa'da (Qaror 22.10 #4); boşqa saytlarda faqat Yangi va Eski lotin (kirill tugmasi markup'da bölmasa, çiqmaydi).
- Yorliqlarni ögiriladigan qilmang — har yorliq öz yozuvida turadi (data-yozuv-skip butun tanlovga).
- Kontentni bazada uç yozuvda saqlamang — manba bitta (yangi alifbo), qolgani brauzerda ögiriladi.
- Manzil (slug) va qidiruvni yozuvga boğlamang — slug ASCII (foxui/slug), qidiruv asciiLotin bilan ikkala yozuvni teng köradi.
npx foxui add yozuv
<div class="fx-segment fx-yozuv" role="group" aria-label="Yozuv" data-fx-yozuv data-yozuv-skip> <button class="fx-segment__item" type="button" data-value="yangi" aria-pressed="true"><span class="fx-yozuv__label">Yangi</span><span class="fx-yozuv__label-short">Yangi</span></button> <button class="fx-segment__item" type="button" data-value="eski" aria-pressed="false"><span class="fx-yozuv__label">Eski lotin</span><span class="fx-yozuv__label-short">Eski</span></button> <button class="fx-segment__item" type="button" data-value="kirill" aria-pressed="false" lang="uz-Cyrl"><span class="fx-yozuv__label">Кирилл</span><span class="fx-yozuv__label-short">Кир</span></button> </div> <div class="fx-segment fx-yozuv" data-variant="short" data-size="sm" role="group" aria-label="Yozuv (ixcham)" data-fx-yozuv data-yozuv-skip> <button class="fx-segment__item" type="button" data-value="yangi" aria-pressed="true"><span class="fx-yozuv__label">Yangi</span><span class="fx-yozuv__label-short">Yangi</span></button> <button class="fx-segment__item" type="button" data-value="eski" aria-pressed="false"><span class="fx-yozuv__label">Eski lotin</span><span class="fx-yozuv__label-short">Eski</span></button> <button class="fx-segment__item" type="button" data-value="kirill" aria-pressed="false" lang="uz-Cyrl"><span class="fx-yozuv__label">Кирилл</span><span class="fx-yozuv__label-short">Кир</span></button> </div> <p>Toşkent — Özbekistonning poytaxti. Bu yerda çiroyli bağlar, eski şahar va yangi köçalar bor. <code>fx-yozuv</code> va https://foxui.dev tegilmaydi.</p> <blockquote data-yozuv-manba="eski">Oʻzbekiston Milliy ensiklopediyasidan: «Toshkent — qadimiy shahar». Bu blok eski lotinda yozilgan — «Yangi» tanlansa yangi alifboda oʻqiladi.</blockquote>