Mwongozo wa Mwanzoni kwa Hifadhi ya Hifadhi ya HTML5

Je, ni HTML5 Msaidizi wa Viungo?

idUp hadi HTML5, lebo imetaka sifa moja: href. Lakini HTML5 hufanya hata sifa hiyo kwa hiari. Unapoandika kitambulisho bila sifa yoyote inayoitwa kiungo cha mahali.

Kiungo cha mahali pa siri kinaonekana kama hii:

Iliopita

Kutumia Viungo vya Mahali Wakati wa Maendeleo

Karibu kila mtengenezaji wa wavuti ametengeneza viungo vya mahali wakati mwingine wakati wa kubuni na kujenga tovuti. Kabla ya HTML5, tungeandika:

kiungo maandishi

kama mwenyeji. Na nimetuma maeneo ya kuhamasisha kwa wateja na wale wanaohusika na tu kuwa na mteja ananiulize "kwa nini viungo vya maandishi havifanyi kazi?"

Tatizo kwa kutumia hashtag (#) kama kiungo cha mahali pa siri ni kuwa kiungo kinachunguzwa, na hii inaweza kusababisha kuchanganyikiwa kwa wateja wako. Na, ikiwa mtu anasahau kuwasilisha kwa URL zilizo sahihi, viungo hivyo vinaweza kuonekana kuvunjwa kwenye tovuti ya kuishi kwa sababu haziunganishi na chochote.

Badala yake, unapaswa kuanza kutumia vitambulisho bila sifa yoyote. Unaweza kutazama haya kuangalia kama kiungo kingine kwenye ukurasa wako, lakini hawatakuwa clickable kwa sababu wao ni wamiliki wa mahali tu.

Kutumia Viungo vya Mahali kwenye Sehemu za Kuishi

Lakini viungo vya mahali vilivyo na mahali vili na nafasi katika kubuni wavuti kwa zaidi ya maendeleo tu. Sehemu moja ambayo kiungo cha mahali paweza kuangaza ni katika urambazaji. Mara nyingi, orodha za urambazaji wa tovuti zina njia fulani ya kuonyesha ukurasa ulio nao. Hizi mara nyingi huitwa "wewe hapa" viashiria.

Wengi maeneo hutegemea sifa za kitambulisho kwenye kipengele kinachohitaji alama ya "uko hapa", lakini wengine hutumia sifa ya darasa pia. Hata hivyo, chochote kile unachotumia, unahitaji kufanya kikundi cha kazi kwenye kila ukurasa ambayo ina urambazaji juu yake, na kuongeza na kuondoa sifa kutoka kwa vipengele sahihi.

Pamoja na kiungo cha mahali, unaweza kuandika urambazaji wako hata hivyo ungependa, kisha uondoe tu sifa ya href kutoka kwenye kiungo sahihi wakati uongeze urambazaji kwenye ukurasa. Ninaweka orodha yangu ya urambazaji kama snippet katika mhariri wangu, kwa hiyo ni nakala ya haraka-kuweka na kisha kufuta href. Unaweza pia kupata CMS yako kufanya kitu kimoja.

Na badala ya kuongeza mtindo maalum (nitakuonyesha jinsi ya chini) kwenye kiungo cha mahali, kiungo hakina clickable. Kwa hivyo wateja hawapati kuchanganyikiwa kufikiri kwamba wanaweza kupata kitu kingine ikiwa wanabofya kwenye kiungo cha urambazaji ambapo kwa sasa wanapo.

Viungo vya Mahalili ya Styling

Viungo vya Msimamo ni rahisi kwa mtindo na style tofauti na viungo vingine kwenye ukurasa wako wa wavuti. Hakikisha tu mtindo wa lebo na lebo: kiungo cha kiungo. Kwa mfano:

{rangi: nyekundu; font-uzito: ujasiri; maandishi-mapambo: hakuna; }: kiungo {rangi: bluu; font-uzito: kawaida; mapambo-maandishi: kusisitiza; }

CSS hii itafanya viungo vyenye ujasiri na nyekundu, bila kusisitiza. Wakati viungo vya kawaida vitakuwa vya uzito wa kawaida, bluu na imesisitizwa.

Kumbuka kurejesha mitindo yoyote ambayo hutaki kuletwa kutoka kwenye lebo. Kwa mfano, mimi kuweka uzito wa font kwa ujasiri kwa viungo placeholder, hivyo nilikuwa na kuweka kwa:

font-uzito: kawaida;

kwa viungo vya kawaida. Vile vile ni kweli na mapambo ya maandiko, kwa kuifuta na mchezaji, ingekuwa imeondolewa kwa: kizio cha kiungo ikiwa sikuwa na kuifungua.