Cilat janë lidhje HTML5 për vendndodhjen e vendndodhjes?
idUp derisa HTML5, një tag ka kërkuar një atribut: href. Por HTML5 e bën edhe atë atribut opcional. Kur shkruani një tag pa ndonjë atribut, quhet një lidhje vendbanimi.
Një lidhje e vendqëndrimit duket kështu:
mëparshëmPërdorimi i lidhjeve të mbajtësit të hapësirave gjatë zhvillimit
Pothuajse çdo dizajner web ka krijuar lidhje të vendbanimeve në një kohë ose në tjetrën, duke projektuar dhe ndërtuar një faqe interneti. Para HTML5, do të shkruanim:
teksti i lidhjessi vendmbajtës. Dhe unë kam dërguar faqet për tallje tek klientët me ato vendmbajtës vetëm që klienti të më pyesë "pse lidhjet në tekst nuk funksionojnë?"
Problemi me përdorimin e një hashtag (#) si një lidhje placeholder është që lidhja të klikohet dhe kjo mund të shkaktojë konfuzion për klientët tuaj. Dhe, nëse dikush harron t'i përditësojë ato me URL-të e sakta, këto lidhje mund të duken të thyera në faqen e drejtpërdrejtë, sepse ato nuk lidhen me asgjë.
Në vend të kësaj, duhet të filloni të përdorni një tags pa ndonjë atribut. Ju mund të stilit të këtyre të duken si çdo lidhje tjetër në faqen tuaj, por ata nuk do të klikohen sepse ato janë vetëm vendmbajtëse.
Përdorimi i lidhjeve të vendbanuesve në faqet e gjalla
Por lidhjet e vendqëndrimit kanë një vend në hartimin e web faqes për më shumë se thjesht zhvillim. Një vend që një lidhje vendmbërritëse mund të shkëlqejë është në lundrim. Në shumë raste, listat e navigimit të internetit kanë një mënyrë për të treguar se në cilën faqe jeni. Këto shpesh quhen tregues "ju jeni këtu".
Shumica e vendeve mbështeten në atributet id në elementin që ka nevojë për "ju jeni këtu", por disa përdorin edhe atributin e klasës. Sidoqoftë, cilado atribut që përdorni, duhet të bëni një grumbull pune në çdo faqe që ka navigacion në të, duke shtuar dhe hequr atributin nga elementët e duhur.
Me një lidhje placeholder, ju mund të shkruani navigacion tuaj megjithatë ju dëshironi, dhe pastaj thjesht hiqni atribut href nga lidhja e duhur kur ju shtoni navigacion në një faqe. I ruaj të gjithë listën time të lundrimit si një fragment në redaktuesin tim, kështu që është vetëm një kopjim i shpejtë i kopjimit dhe pastaj fshij href. Ju gjithashtu mund të merrni CMS tuaj për të bërë të njëjtën gjë.
Përveç kësaj, duke shtuar një styling të veçantë (unë do t'ju tregoj më poshtë) në një lidhje vendbanimi, lidhja nuk mund të klikohet. Pra, klientët nuk hutohen duke menduar se mund të marrin diçka tjetër nëse klikojnë në linkun e lundrimit ku ata aktualisht janë.
Lidhjet e ruajtësit të stileve
Lidhjet e placeholder janë të lehta për t'u stilit dhe stilit të ndryshëm nga lidhjet e tjera në faqen tuaj web. Thjesht jini të sigurt për të stilit si një tag ashtu edhe një tag: link. Për shembull:
një {ngjyrë: e kuqe; font-weight: bold; tekst-dekorim: asnjë; } a: link {ngjyra: blu; font-pesha: normale; tekst-dekorim: nënvizoj; }Kjo CSS do të bëjë lidhjet e vendqëndrimit të guximshme dhe të kuqe, pa nënvizuar. Ndërsa lidhjet e rregullta do të jenë me peshë normale, blu dhe të nënvizuara.
Mos harroni të rivendosni çdo stil që nuk dëshironi të bartni nga një etiketë. Për shembull, unë e vendos peshën e shkronjave me shkronja të trasha për lidhjet e vendqëndrimit, kështu që më duhej ta vendosja:
font-pesha: normale;për lidhjet standarde. E njëjta gjë është e vërtetë me dekorimin e tekstit, duke e hequr atë me një përzgjedhës, do të ishte hequr për përzgjedhësen e një link: nëse nuk do ta kisha kthyer atë.