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 chiallaíonn sé deacair a chailleann agus go héasca inscálaithe - go léir agus a sholáthar réimsí buailte mór. 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 go soláthróidh tú tacaíocht cheart don léitheoir scáileáin 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 .disabledas 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 .