Doiciméadú agus samplaí chun leathanach a thaispeáint chun sraith ábhar gaolmhar a léiriú atá ann thar leathanaigh iolracha.
Forbhreathnú
Bainimid úsáid as bloc mór de naisc nasctha le haghaidh ár leathanach, rud a fhágann go bhfuil naisc deacair a chailleann agus go héasca inscálaithe - go léir agus limistéir mhóra buailte á soláthar againn. Tógtar uimhriú le heilimintí liosta HTML ionas gur féidir le léitheoirí scáileáin líon na nasc atá ar fáil a fhógairt. Bain úsáid as eilimint timfhilleadh <nav>chun é a aithint mar mhír loingseoireachta do léitheoirí scáileáin agus teicneolaíochtaí cúnta eile.
Ina theannta sin, ós rud é gur dócha go mbeidh níos mó ná rannóg loingseoireachta amháin dá leithéid ag leathanaigh, moltar tuairisc a sholáthar aria-labelchun <nav>a chuspóir a léiriú. Mar shampla, má úsáidtear comhpháirt an leathanaigh chun nascleanúint a dhéanamh idir sraith torthaí cuardaigh, d’fhéadfadh lipéad cuí a bheith ar aria-label="Search results pages".
Ag obair le deilbhíní
Ag iarraidh íocón nó siombail a úsáid in ionad an téacs le haghaidh roinnt nasc uimhriúcháin? Bí cinnte tacaíocht chuí léitheoir scáileáin a chur ar fáil le ariatréithe.
Stáit faoi mhíchumas agus stáit ghníomhacha
Is féidir naisc uimhriúcháin a shaincheapadh do chúinsí éagsúla. Bain úsáid as .disabledchun naisc a bhfuil an chuma orthu nach féidir cliceáil orthu agus .activechun an leathanach reatha a léiriú.
Cé go n- .disabledúsáideann an rang pointer-events: nonechun iarracht a dhéanamh feidhmiúlacht naisc <a>s a dhíchumasú, níl an t-airí CSS sin caighdeánaithe fós agus níl sé freagrach as nascleanúint méarchláir. Mar sin, ba cheart duit tabindex="-1"naisc faoi mhíchumas a chur leis i gcónaí agus JavaScript saincheaptha a úsáid chun a bhfeidhmiúlacht a dhíchumasú go hiomlán.
Is féidir leat ancairí gníomhacha nó díchumasaithe a mhalartú go roghnach le haghaidh <span>, nó an t-ancaire a fhágáil ar lár i gcás na saigheada roimhe seo agus na saigheada seo chugainn, chun feidhm chliceáil a bhaint agus fócas an mhéarchláir a chosc agus na stíleanna atá beartaithe a choinneáil.
Sizing
An bhfuil fonn ort uimhrigh níos mó nó níos lú? Cuir .pagination-lgnó .pagination-smle haghaidh méideanna breise.
Ailíniú
Athraigh ailíniú na gcomhpháirteanna uimhriúcháin le fóntais flexbox .