1. Interneta lapas URL vai “adrese”
2. <A> atzīme un tās pamata sintakse
3. Absolūtā un relatīvā atsauce
4. Relatīvā saite uz direktoriju augstāka par pašreizējo
5. <A> taga atribūti. Kā atvērt dokumentu ar atsauci jaunā logā
6. Nosaukuma saite. <A> taga nosaukuma atribūts
7. Atribūta hipersaite nofollow. Aizliegt vietnes "uzticības" nodošanu ar atsauci
8. Iekšējā saite vai enkurs dokumenta iekšpusē
9. Saites enkurs - attēls
10. Turpinājums

Atsauces (vai hipersaites) iekļūst internetā kā asinsvadi. Ja nebūtu saites, nebūtu interneta.

Kā izveidot saiti HTML dokumentā un pareizi reģistrēt tā atribūtus, kā URL ir un kā meklētājprogrammas attiecas uz saitēm - šajā nākamajā nodarbībā iesācējiem, lai iemācītos HTML.

Interneta lapas URL vai “adrese”

Katram HTML dokumentam tīmeklī ir sava “precīza adrese”. To sauc par "URL" no angļu valodas. URL - vienota resursu vietne

URL struktūra bieži ir redzama pārlūkprogrammas adrešu joslā. Tas ietver:

1. Protokola nosaukums ir http: // vai https: //
2. Vietnes domēns
3. mapi vai ceļu uz mapi, kurā atrodas šis dokuments,
4. Faila nosaukums (ne vienmēr var būt).

Pateicoties šai “precīzai adresei”, bija iespējams atsaukties uz šo dokumentu no cita dokumenta teksta.

<A> atzīme un tās pamata sintakse

Es ceru, ka vārds „sintakse” vairs neuztraucas jums 🙂

<a href="http://domen-saita.ru/papka-na-servere/dokument.html"> saites teksts </a>

Kā redzat, pēc <A> taga sākuma jābūt obligātam atribūtam href, kas norāda tā dokumenta adresi, uz kuru vēlaties doties.

<A> iekšpusē konteinera atzīme pati par sevi ir teksts (lai gan var būt attēls), kas ir saites teksts. To sauc arī par " enkuru " vai vienkārši - enkuru.

Absolūtā un relatīvā atsauce

Iepriekš minētajos piemēros tika izmantotas absolūtas atsauces. Tie, kas satur pilnu dokumenta URL .

Dažos gadījumos atribūts href nesatur pilnu URL ar protokola nosaukumu un vietnes domēnu. Ja dokuments, uz kuru ved saite, atrodas tajā pašā vietā - jūs varat izmantot relatīvo saiti, kas ved no vietas, kur atrodas dokuments.

Shēma, kad tiek izmantota relatīvā atsauce

Piemērs: saite no dokumenta first.html noved pie faila second.html, kas atrodas ziņu mapē.

Relatīvā saite uz direktoriju augstāka par pašreizējo

Kods:

<a href="../first.html"> šī ir relatīva saite uz failu direktorijas līmenī </a>

Šī saite noved pie faila first.html "vecāku" direktorijā, t.i. vienā līmenī .

Kombinācija ../ norāda mapi, kas ir viena līmeņa uz augšu no faila, no kura tiek veidota saite, dotās pozīcijas.

<A> taga atribūti. Kā atvērt dokumentu ar atsauci jaunā logā

Lai dokuments tiktu atvērts jaunā pārlūka cilnē, jums jāizmanto atribūts target = "_ blank"

Atribūta saite target = "_ blank"

Nelietojiet to ļaunprātīgi. Nav nepieciešams izveidot iekšējās saites uz šo vietni ar šo atribūtu. Lietotājus traucēs „dzirkstošais logs”.

Kopumā ar šo mērķa atribūtu - visu stāstu. Joprojām ir vairākas tās nozīmes, bet visas tās tiek izmantotas reti.

Tas ir tāpēc, ka tie ir paredzēti darbam ar vietni uz rāmjiem, kas vairs nav populāri, un ar HTML5 parādīšanos kļūst par pagātni.

Nosaukuma saite. <A> taga nosaukuma atribūts

Vēl viens noderīgs atribūts ir title = "Teksts, kas izskaidro, kur šī saite ved"

Sintakse:

<a href="http://domen-saita.ru/papka-na-servere/dokument.html" title="the popupup hint"> šī ir saites saite </a>

Kā redzat, pārlūkprogramma to parāda kā rīka tipu. Un tomēr tā ņem vērā meklētājprogrammas.

Saites nosaukuma atribūta norāde

Atribūta hipersaite nofollow. Aizliegt vietnes "uzticības" nodošanu ar atsauci

Saitei rel = "nofollow" ir vēl viens neskaidrs atribūts

Viņš stāsta meklētājprogrammām, ka saites dokuments var nebūt uzticams. Tajā pašā laikā uzticamības (“trust”) rādītāji no avota vietnes netiek nosūtīti uz vietni pēc atsauces.

„Uzticības” un saikņu klasifikācijas temats joprojām ir priekšā, bet, ja tas ir īss, meklētājprogrammu vietņu liktenis būs atkarīgs arī no saitēm, kas ved uz šo vietni. Jo vairāk no tiem, jo ​​vairāk autoritatīvu vietņu ir saikne, jo lielāka ir vietnes uzticamība.

Dažos gadījumos ir vērts saukt “skrīningu” ar šo atribūtu. Piemēram, ja rakstāt negatīvu pārskatu par jebkuru pakalpojumu.

<a href="http://bad-sait.ru/dokument.html" rel="nofollow"> slikta vietne </a>

Iekšējā saite vai enkurs dokumenta iekšpusē

Lielos tekstos bieži ir nepieciešama tā saukto „enkuru” uzstādīšana dokumenta loģiskajās daļās. Tad tas ir šajā vietā, jūs varat atsaukties.

Vieglākais veids, kā to izmantot, ir izveidot vietējo satura rādītāju no hipersaites, kas ved uz šiem enkuriem. Šādi satura rādītāji parasti atrodas raksta sākumā.

Veidojot šādu enkuru, atribūta href vietā tiek izmantots nosaukuma atribūts.

Sintakse, lai izveidotu enkuru, ir:

<a name="top"> </a>

Veidojot saiti, URL beigās pievienojiet zīmi # - "enkura" nosaukumu:

<p> <a href="#top"> Top </a> </ p>

Pāreja būs tieši šai vietai, t.i. Pārlūks novietos šo vietu augšējā redzamā daļā.

Bieži vien garos dokumentos pašā apakšā viņi ievieto šādu saiti “Top”.

... ceļojot pa smaržīgo graudaugu pasauli, viņi atrada visaugstāko kvalitāti tiem, kam ir slavena Āfrika, Āzija, Centrālā un Dienvidamerika. Tāpēc šodien zīmola kafejnīcās Kafijas pupiņas Labākās kafijas šķirnes jūs atradīsiet no atzītiem ražotājiem.

? Uz augšu ?

No cita dokumenta varat arī doties uz šo vietu, ja URL beigās pievienojat zīmi # name_accord

<a href="http://domen-saita.ru/dokument.html#top"> saites teksts noved pie dokumenta enkura "top" </a>

Saites enkurs - attēls

Jebkurš attēls var būt saite.

Kods:

<a href="http://sait.ru/dokument.html"> <img src = kartinka.jpg "width =" 100 "height =" 131 "/> </a>

Pēc noklusējuma saites tiek pasvītrotas pārlūkprogrammā ar stabilu zilu līniju, un saites attēli iegūst zilu rāmi.

Saites-attēli saņem zilu rāmi

Lai to atbrīvotu, vietnes CSS failam tiek pievienots vienkāršs noteikums:

a {border: 0px;}

Tas ir norādījums, lai visām attēla saitēm nulles biezums būtu nulle.

Turpinājums

Nākamajā amatā es runāšu par e-pasta saitēm, to atribūtiem un "aizsardzības" metodēm no ļaunajiem surogātpasta izplatītājiem