X'inhuma l-Links ta 'Placeholder għall-HTML5?
IdUp sakemm HTML5, it-tikketta kienet teħtieġ attribut wieħed: href. Iżda HTML5 jagħmel anki dak l-attribut mhux obbligatorju. Meta tikteb it-tikketta mingħajr l-ebda attribut tissejjaħ rabta ta 'placeholder.
Rabta ta 'placeholder tidher bħal din:
PreċedentiBl-użu ta 'Links ta' Placeholder Matul l-Iżvilupp
Kważi kull web designer ħoloq links tal-placeholder f'ħin wieħed jew ieħor waqt li ddisinja u tibni websajt. Qabel l-HTML5, kieku niktbu:
link textbħala l-placeholder. U bgħatt is-siti tal-mockup lill-klijenti b'dawk id-detenturi ta 'biljetti biss biex il-klijent jistaqsikli "għaliex ma jiġux ir-rabtiet fit-test tax-xogħol?"
Il-problema bl-użu ta 'hashtag (#) bħala link għal placeholder hija li l-link jista' jingħafas, u dan jista 'joħloq konfużjoni għall-klijenti tiegħek. U, jekk xi ħadd jinsa li jaġġornahom bl-URLs korretti, dawk ir-rabtiet jistgħu jidhru miksura fuq is-sit ħajjin għaliex ma jorbtux ma 'xi ħaġa.
Minflok, għandek tibda tuża tikketti mingħajr ebda attribut. Tista 'stilha tidher bħal kull link ieħor fuq il-paġna tiegħek, iżda mhux se tkun ikklikkja għax huma biss dawk li għandhom il-placeholders.
Bl-użu ta 'Links ta' Placeholder f'Siti Live
Iżda r-rabtiet ta 'placeholder għandhom post fid-disinn tal-web għal aktar milli sempliċiment żvilupp. Post wieħed li rabta ta 'placeholder jista' jiddi fin-navigazzjoni. F'ħafna każijiet, il-listi ta 'navigazzjoni tal-websajt għandhom xi mod biex jindikaw liema paġna taqa'. Dawn ta 'spiss jissejħu indikaturi "int hawn".
Il-biċċa l-kbira tas-siti jiddependu fuq attributi id fuq l-element li teħtieġ il-markatur "int hawn", iżda xi wħud jużaw ukoll l-attribut tal-klassi. Madankollu, tkun xi tkun l-attribut li tuża, trid tagħmel bukkett ta 'xogħol fuq kull paġna li għandha n-navigazzjoni fuqha, billi żżid u tneħħi l-attribwit mill-elementi korretti.
Ma 'link għal placeholder, tista' tikteb in-navigazzjoni tiegħek madanakollu tixtieq, u mbagħad sempliċement tneħħi l-attribut href mir-rabta xierqa meta żżid in-navigazzjoni għal paġna. Qiegħed inħejja l-lista ta 'navigazzjoni sħiħa tiegħi bħala snippet fl-editur tiegħi, għalhekk huwa biss kopja ta' malajr u paste u mbagħad ħassar l-href. Tista 'wkoll tikseb is-CMS tiegħek biex tagħmel l-istess ħaġa.
U minbarra li żżid grafika speċjali (nista 'nuruk kif hawn taħt) għal link ta' placeholder, il-link ma jistax jintgħażel. Allura l-klijenti ma jsibux konfuż li jaħsbu li jistgħu jiksbu xi ħaġa oħra jekk jikklikkjaw fuq il-link tan-navigazzjoni fejn bħalissa huma.
Styling Placeholder Links
Il-links tal-placeholder huma faċli għal stil u stil differenti mir-rabtiet l-oħra fuq il-paġna web tiegħek. Sempliċement kun żgur li l-istil kemm il-lametta kif ukoll it-tikketta tal-link: Pereżempju:
a {kulur: aħmar; font-weight: grassa; dekorazzjoni tat-test: ħadd; } a: link {kulur: blu; font-weight: normali; dekorazzjoni tat-test: tissottolinja; }Dan is-CSS ser jagħmel rabtiet ta 'placeholder grassa u ħomor, mingħajr ebda sottolinjar. Filwaqt li r-rabtiet regolari se jkunu ta 'piż normali, blu u enfasizzat.
Ftakar li reset xi stili li ma tridx tinġarr mill-lametta. Per eżempju, tajt il-font-weight b'tipa grassa għar-rabtiet tal-placeholder, għalhekk kelli niżżilha biex:
font-weight: normali;għar-rabtiet standard. L-istess jgħodd mad-dekorazzjoni tat-test, billi tneħħiha bis-selettur, kien ikun imneħħi għas-selettur ta 'rabta: jekk ma rridx.