HTML-grundläggande - Länkar och ankare

• Maj 22, 2024

Du kan använda länkar för att ansluta din sida till andra sidor, eller till och med för att hoppa till olika delar av samma sida. Länkar ger din webbplats en dynamisk kvalitet som gör den annorlunda än till exempel en bok eller ett tidskrift.

På sin mest grundläggande nivå ser en länktagg så här ut:



Varje tagg som börjar med 'a' indikerar en länk, men det finns två grundläggande typer av länkar: hyperlänkar och namngivna ankare. En hyperlänk är en länk som ansluter en webbsida till en annan webbsida och ser ut så här:

Länktext här

Informationen i taggen berättar för din webbläsare att det här är en hyperlänk (href) som ansluts till webbsidan 'page.html.' Texten inuti taggarna (Länktext här) är den del av länken som en besökare faktiskt ser och kan klicka på för att hoppa till page.html. Om du länkar till en sida på din webbplats från en sida som finns på samma webbplats kan du lämna domäninformationen. Om du till exempel skapade en länk på din sida på www.domain.com/home.html och länken som är ansluten till destinationssidan www.domain.com/page.html, kan du skriva länken som och hoppa över information om domännamn. Om du lämnar domännamnet antar webbläsaren att destinationssidan finns på samma webbplats som länksidan.

Det namngivna ankaret (ofta kallat helt enkelt 'ankare') tjänar ett annat syfte. Som du kanske gissat från namnet skapar ett ankare en osynlig flagga på sidan som berättar din webbläsare var du ska landa när du ställer in en länk som släpper besökare vid en specifik punkt på en sida. Ett ankare ser så här ut:



Vanligtvis har ett ankare ingen text mellan öppnings- och stängningstaggarna, eftersom det helt enkelt finns där för att markera en plats på sidan. För att skapa en länk som gör det möjligt för besökare att hoppa till denna plats på sidan från en annan sida kan du bygga en hyperlänk som denna:

Besök inläggssektionen

'#' I länken berättar för webbläsaren att du länkar till ett namngivet ankare. Om du ville skapa en hyperlänk som skulle hoppa en besökare till ett annat avsnitt på samma sida, så ser det ut så här:

Besök inläggssektionen

En annan viktig del av dina hyperlänkar är "mål" -attributet. Detta berättar för webbläsaren hur man visar målsidan. Du har tre huvudalternativ: 'target = "_ blank",' 'target = "_ self",' och 'target = "_ top".'

Argumentet '_blank' öppnar den länkade sidan i ett nytt fönster. Detta är särskilt användbart när du länkar till en extern webbplats eftersom besökaren kan bläddra igenom den nya webbplatsen till sitt hjärtainnehåll utan att förlora sin plats på din webbplats. Det är också bäst att öppna dokument som PDF-filer i ett nytt fönster, eftersom besökare ofta automatiskt stänger dokumentet när de är färdiga med det.

Argumentet "själv" gör att den länkade sidan ersätter den aktuella sidan i det befintliga webbläsarfönstret. Detta är bäst för länkar på din webbplats; annars kommer besökare som surfar mycket på din webbplats med många öppna fönster, vilket kan vara extremt irriterande! Detta är standardargumentet för "mål" -attributet, så om du inte anger ett mål kommer dina länkar alltid att använda det befintliga webbläsarfönstret.

Argumentet "_top" används vanligtvis på webbplatser med ramuppsättningar och ber webbläsaren att skriva över hela ramuppsättningen, i motsats till att helt enkelt ladda den nya sidan till vilken del av ramuppsättningen som har den ursprungliga länken.

Video Instruktioner: 37 Organizing ideas #1 [With Dollar Store Organization Tips] (Maj 2024).