- URL eller "adress" på en sida på Internet
- <A> -taggen och dess grundläggande syntax
- Absolut och relativ referens
- Relativ länk till katalog som är högre än nuvarande
- Egenskaper för <A> -taggen. Så här öppnar du ett dokument genom referens i ett nytt fönster
- Titel länk. Titeln attributet för <A> -taggen
- Attribut hyperlänk nofollow. Förbud mot överföring av webbplatsens "förtroende" med hänvisning
- Intern länk eller ankare inuti dokumentet
- Link Anchor - Bild
- förlängning
Referenser (eller hyperlänkar) genomtränger Internet som blodkärl. Om det inte fanns några länkar skulle det inte finnas något Internet.
Hur man skapar en länk i ett HTML-dokument och registrerar sina attribut, vilken webbadress som är och hur sökmotorer relaterar till länkar - i den här lektionen för nybörjare för att lära sig HTML.
URL eller "adress" på en sida på Internet
Varje HTML-dokument på webben har sin egen "exakta adress". Det kallas "URL", från engelska. URL - Uniform Resource Locator
URL-strukturen är ofta synlig i adressfältet i webbläsaren. Den innehåller:
- Protokollnamnet är http: // eller https: //
- Site Domain
- mappen eller sökvägen till mappen där dokumentet är beläget,
- Filnamn (kanske inte alltid).
Tack vare den här "exakta adressen" blev det möjligt att hänvisa till det här dokumentet från texten i ett annat dokument.
<A> -taggen och dess grundläggande syntax
Jag hoppas att ordet "syntax" inte längre skrämmer dig 🙂
<a href="http://domen-saita.ru/papka-na-servere/dokument.html"> länktext </a>
Som du kan se, efter starten av <A> -taggen måste det finnas ett obligatoriskt href-attribut som anger adressen till det dokument som du vill åka till.
Innehållet i <A> behållarens etikett är en text (även om det kan finnas en bild), som är länkens text. Det kallas också " Anchor " eller helt enkelt - Anchor.
Absolut och relativ referens
I exemplen ovan användes absoluta referenser. De som innehåller dokumentets fullständiga URL .
I vissa fall innehåller inte href-attributet en fullständig URL med namnet på protokollet och domänen på webbplatsen. Om dokumentet som länken leder till finns på samma sajt - du kan använda den relativa länken som leder från den plats där dokumentet är beläget.
Schema när relativ referens tillämpas
Exempel: En länk från det första.html-dokumentet leder till andra.html-filen, som ligger i nyhetsmappen.
Relativ länk till katalog som är högre än nuvarande
kod:
<a href="../first.html"> Det här är en relativ länk till en fil på en katalognivå en </a>
Den här länken leder till filen first.html i "parent" -katalogen, dvs. en nivå upp .
Kombinationen ../ indikerar en mapp en nivå upp från den angivna positionen för filen från vilken länken görs.
Egenskaper för <A> -taggen. Så här öppnar du ett dokument genom referens i ett nytt fönster
För att dokumentet ska kunna öppnas i en ny webbläsarflik måste du använda attributmålet = "_ blank"
Attribut länk mål = "_ blank"
Missa inte det. Du behöver inte göra interna länkar till webbplatsen med det här attributet. Användare kommer att irriteras av "gnistfönstret".
I allmänhet med detta målattribut - hela historien. Det finns fortfarande ett antal betydelser, men alla används sällan idag.
Detta beror på att de är utformade för att fungera med webbplatsen på ramar som inte längre är populära och med tillkomsten av HTML5 blir en sak av det förflutna.
Titel länk. Titeln attributet för <A> -taggen
Ett annat användbart attribut är title = "Text som förklarar var den här länken leder"
syntax:
<a href="http://domen-saita.ru/papka-na-servere/dokument.html" title="hopp popup-hint"> det här är en ledtrådslänk </a>
Som du kan se visar webbläsaren det som ett verktygstips. Och ändå tar det hänsyn till sökmotorerna.
Attributtips för länktitel
Attribut hyperlänk nofollow. Förbud mot överföring av webbplatsens "förtroende" med hänvisning
Det finns ett ytterligare tvetydigt attribut för länkarna rel = "nofollow"
Han berättar för sökmotorer att länkdokumentet inte är trovärdigt. Samtidigt överförs inte trust ("trust") indikatorer från Source-webbplatsen till webbplatsen genom referens.
Ämnet av "trust" och länk rankning är fortfarande framåt, men om det är kort kommer "ödet" av webbplatser i sökmotorerna också att bero på antalet länkar som leder till denna webbplats. Ju mer av dem, desto mer auktoritativa webbplatser länkar - ju mer trovärdighet av webbplatsen genom referens.
I vissa fall är det värt att "skärma" länkar med det här attributet. Till exempel, om du skriver en negativ recension om någon tjänst.
<a href="http://bad-sait.ru/dokument.html" rel="nofollow"> dålig webbplats </a>
Intern länk eller ankare inuti dokumentet
I stora texter krävs ofta installation av så kallade "ankare" i logiska delar av dokumentet. Då är det här, du kan referera.
Det enklaste sättet att använda det är att skapa en lokal innehållsförteckning från hyperlänkar som leder till dessa ankare. Sådana innehållsförteckningar placeras vanligen i början av artikeln.
När du skapar ett sådant ankare används namnattributet istället för href-attributet.
Syntaxen för att skapa ett ankare är:
<a name="top"> </a>
När du skapar en länk lägger du till i slutet av webbadressen genom tecknet # - namnet på "ankaren":
<p> <a href="#top"> Topp </a> </ p>
Övergången kommer att vara exakt till denna plats, dvs. Webbläsaren placerar denna plats i sin övre synliga del.
Ofta, i långa dokument, längst ner lägger de en sådan länk "Top".
... efter att ha rest runt jorden av doftande korn, fann de högsta kvalitet för dem som Afrika, Asien, Central- och Sydamerika är kända för. Därför idag i varumärkets kaffehus Kaffeböna Du hittar de bästa kaffesorterna från erkända tillverkare.
? Till toppen ?
Från ett annat dokument kan du också gå till den här platsen, om du lägger till i slutet av webbadressen genom tecknet # name_
<a href="http://domen-saita.ru/dokument.html#top"> länktext leder till ett ankare "top" i det här dokumentet </a>
Link Anchor - Bild
Vilken bild som helst kan vara en länk.
kod:
<a href="http://sait.ru/dokument.html"> <img src = kartinka.jpg "width =" 100 "height =" 131 "/> </a>
Som standard understryks länkarna av webbläsaren med en solid blå linje och länkbilden får den blå ramen.
Länkar-bilder får en blå ram
För att bli av med det läggs en enkel regel till CSS-filen för webbplatsen:
en {border: 0px;}
Detta är en instruktion för att göra gränttjockleken noll för alla bildlänkar.
förlängning
I nästa inlägg kommer jag att prata om email länkar, deras attribut och metoder för "skydd" från onda spammare