- Az oldal URL-je vagy „címe” az interneten
- <A> címke és alapvető szintaxisa
- Abszolút és relatív referencia
- Relatív link a könyvtárhoz magasabb, mint az aktuális
- A <A> címke attribútumai. Dokumentum megnyitása referenciaként egy új ablakban
- Cím link. A <A> címke attribútuma
- Attribútum hiperhivatkozás nofollow. Tiltsa le a webhely „bizalmának” átadását referenciával
- Belső kapcsolat vagy horgony a dokumentumban
- Link horgony - kép
- kiterjesztés
A hivatkozások (vagy hiperhivatkozások) áthatolnak az interneten, mint az erek. Ha nincs kapcsolat, nincs internet.
Hogyan lehet létrehozni egy linket egy HTML dokumentumban, és helyesen regisztrálni az attribútumokat, milyen URL-t és hogyan keres a keresőmotorok a linkekhez - ebben a következő leckében a kezdőknek, hogy tanuljanak HTML-ben.
Az oldal URL-je vagy „címe” az interneten
Minden webes HTML-dokumentumnak saját „pontos címe” van. Az angol neve „URL”. URL - Egységes erőforráskereső
Az URL-struktúra gyakran látható a böngésző címsorában. Tartalmazza:
- A protokoll neve http: // vagy https: //
- Site Domain
- a mappa vagy a mappa elérési útja, ahol ez a dokumentum található,
- Fájlnév (nem mindig lehet).
Ennek a „pontos címnek” köszönhetően egy másik dokumentum szövegéből lehetett hivatkozni erre a dokumentumra.
<A> címke és alapvető szintaxisa
Remélem, hogy a „szintaxis” szó már nem megrémít 🙂
<a href="http://domen-saita.ru/papka-na-servere/dokument.html"> link szöveg </a>
Mint látható, a <A> címke megkezdése után egy kötelező href attribútumnak kell lennie, amely megadja annak a dokumentumnak a címét, amelyhez szeretne menni.
A <A> konténercímke maga a szöveg (bár lehet egy kép), ami a hivatkozás szövege. Ez is " Anchor " vagy egyszerűen - Anchor.
Abszolút és relatív referencia
A fenti példákban abszolút hivatkozásokat alkalmaztunk. Azok, amelyek a dokumentum teljes URL-jét tartalmazzák.
Egyes esetekben a href attribútum nem tartalmaz teljes URL-címet a protokoll nevével és a webhely domainjével. Ha az a dokumentum, amelyre a hivatkozás vezet, ugyanazon a webhelyen található - használhatja a dokumentum helyéről származó relatív hivatkozást.
Rendszer, amikor relatív hivatkozást alkalmaznak
Példa: egy link a first.html dokumentumból a második.html fájlhoz vezet, amely a hírek mappájában található.
Relatív link a könyvtárhoz magasabb, mint az aktuális
kód:
<a href="../first.html"> ez egy relatív hivatkozás egy fájl címtárszintű fájljára </a>
Ez a hivatkozás az első.html fájlhoz vezet a "szülő" könyvtárban, azaz egy szinttel feljebb .
A ../ kombináció egy szinttel feljebb lévő mappát jelez a fájl adott pozíciójából, ahonnan a link készül.
A <A> címke attribútumai. Dokumentum megnyitása referenciaként egy új ablakban
Ahhoz, hogy a dokumentum egy új böngészőfülön megnyíljon, a target = "_ blank" attribútumot kell használni.
Attribútum link target = "_ blank"
Ne használja vissza. Nincs szükség belső hivatkozások létrehozására az adott attribútummal. A felhasználók bosszantják a „szikrázó ablakot”.
Általában ez a cél attribútum - az egész történet. Még mindig számos jelentése van, de mindegyiket ritkán használják ma.
Ez azért van, mert azok a webhelyen való használatra lettek tervezve, amelyek már nem népszerűek, és a HTML5 megjelenésével a múlté válnak.
Cím link. A <A> címke attribútuma
Egy másik hasznos attribútum a title = "Szöveg, amely elmagyarázza, hogy hol található ez a link"
szintaxis:
<a href="http://domen-saita.ru/papka-na-servere/dokument.html" title="the pop-up tipp"> ez egy tipp link </a>
Mint látható, a böngésző eszköz tippként jelenik meg. És mégis figyelembe veszi a keresőmotorokat.
A hivatkozás címének attribútum tippje
Attribútum hiperhivatkozás nofollow. Tiltsa le a webhely „bizalmának” átadását referenciával
A linkek rel = "nofollow" egy további kétértelmű attribútuma
Elmondja a keresőmotoroknak, hogy a link dokumentum nem megbízható. Ugyanakkor a forráshelyről származó bizalmi („trust”) indikátorok nem kerülnek továbbításra az oldalra.
A „bizalom” és a link-rangsor témája még mindig előre van, de ha rövid, akkor a keresőmotorok helyszíneinek sorsa attól is függ, hogy hány linket vezet az oldalhoz. Minél többet jelentenek, annál hitelesebbek a helyek, annál nagyobb a hitelessége a webhelyre.
Bizonyos esetekben érdemes „szkrínelést” elérni ezzel az attribútummal. Például, ha negatív értékelést ír le bármely szolgáltatásról.
<a href="http://bad-sait.ru/dokument.html" rel="nofollow"> rossz webhely </a>
Belső kapcsolat vagy horgony a dokumentumban
Nagy szövegekben gyakran szükséges az úgynevezett „horgonyok” beszerelése a dokumentum logikai részébe. Akkor ez a hely van, hivatkozhat.
A legegyszerűbb módja a helyi tartalomjegyzék létrehozása a horgonyokhoz vezető hiperhivatkozásokból. Az ilyen tartalomjegyzékek általában a cikk elején helyezkednek el.
Egy ilyen horgony létrehozásakor a href attribútum helyett a név attribútumot használjuk.
A horgony létrehozásának szintaxisa:
<a name="top"> </a>
Hivatkozás létrehozásakor az URL végén adja meg a # jelet - a "horgony" nevét:
<p> <a href="#top"> Top </a> </ p>
Az átmenet pontosan erre a helyre lesz, azaz A böngésző elhelyezi ezt a helyet a felső látható részében.
Hosszú dokumentumokban gyakran az alsó részén egy „Top” linket helyeztek el.
... az illatos szemek világában utazva a legmagasabb minőséget találták azoknak, amelyekre Afrika, Ázsia, Közép- és Dél-Amerika híres. Ezért ma már a márka kávéházaiban Kávébab Meg fogja találni a legjobb kávéfajtákat az elismert gyártóktól.
? A lap tetejére ?
Egy másik dokumentumból is el lehet menni erre a helyre, ha az URL végét a # name_accord jel segítségével adja hozzá
A <a href="http://domen-saita.ru/dokument.html#top"> linkszöveg a dokumentum tetejéhez való horgonyhoz vezet </a>
Link horgony - kép
Bármely kép link lehet.
kód:
<a href="http://sait.ru/dokument.html"> <img src = kartinka.jpg "width =" 100 "height =" 131 "/> </a>
Alapértelmezés szerint a linkeket a kék böngésző aláhúzza, és a linkképek a kék keretet kapják.
A linkek képek kék keretet kapnak
Hogy megszabaduljon róla, egy egyszerű szabály kerül hozzáadásra a webhely CSS fájljához:
a {border: 0px;}
Ez egy utasítás arra, hogy az összes képhivatkozásnál a nullátmérő nulla legyen.
kiterjesztés
A következő hozzászólásban e-mail hivatkozásokról, azok tulajdonságairól és a "védelem" módszereiről beszélek a gonosz spammerekről