Π‘ΠΎΠ΄Π΅Ρ€ΠΆΠ°Π½ΠΈΠ΅

Анкор ссылки. ΠŸΡ€Π°Π²ΠΈΠ»ΡŒΠ½ΠΎΠ΅ составлСниС β€” SEO Π½Π° vc.ru

Анкор ссылки β€” это тСкст, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ располагаСтся ΠΌΠ΅ΠΆΠ΄Ρƒ html Ρ‚Π΅Π³Π°ΠΌΠΈ <a></a>. Π’ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π΅ содСрТаниС Π΄Π°Π½Π½ΠΎΠ³ΠΎ Ρ‚Π΅Π³Π° Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½ΠΎ отличаСтся ΠΎΡ‚ простого тСкста ΠΈ ΠΏΡ€ΠΈ ΠΊΠ»ΠΈΠΊΠ΅ Π½Π° Π½Π΅Π³ΠΎ происходит ΠΏΠ΅Ρ€Π΅Ρ…ΠΎΠ΄ Π½Π° Π΄Ρ€ΡƒΠ³ΡƒΡŽ страницу. Π’ ΠΊΠ°ΠΊΠΎΠΌ Π²ΠΈΠ΄Π΅ отобраТаСтся тСкст Π°Π½ΠΊΠΎΡ€Π° ссылки зависит ΠΎΡ‚ Π΄ΠΈΠ·Π°ΠΉΠ½Π° сайта, ΠΊΠ°ΠΊ ΠΏΡ€Π°Π²ΠΈΠ»ΠΎ ΠΎΠ½ отличаСтся Ρ†Π²Π΅Ρ‚ΠΎΠΌ ΠΈ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅ΠΌ.

3533 просмотров

Для Ρ‚ΠΎΠ³ΠΎ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ ссылку с Π°Π½ΠΊΠΎΡ€ΠΎΠΌ, Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎ Π·Π°ΠΊΠ»ΡŽΡ‡ΠΈΡ‚ΡŒ тСкст Π² html ΠΊΠΎΠ΄Π΅ ΠΌΠ΅ΠΆΠ΄Ρƒ Ρ‚Π΅Π³Π°ΠΌΠΈ <a></a> ΠΈ ΡƒΠΊΠ°Π·Π°Ρ‚ΡŒ Π² Π°Ρ‚Ρ€ΡƒΠ±ΡƒΡ‚Π΅ href=» » адрСс страницы для ΠΏΠ΅Ρ€Π΅Ρ…ΠΎΠ΄Π°.

Π’ качСствС Π°Π½ΠΊΠΎΡ€Π° ΠΌΠΎΠΆΠ΅Ρ‚ Π±Ρ‹Ρ‚ΡŒ использован тСкст ΠΈΠ»ΠΈ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅. ΠŸΡ€ΠΈ использовании изобраТСния Π² качСствС Π°Π½ΠΊΠΎΡ€Π°, ссылка считаСтся Π±Π΅Π·Π°Π½ΠΊΠΎΡ€Π½ΠΎΠΉ.

ΠŸΡ€ΠΈΠΌΠ΅Ρ€

<a href=»https://site.ru»>Анкор</a>

ΠŸΠΎΡ‡Π΅ΠΌΡƒ Π²Π°ΠΆΠ½Ρ‹ Π°Π½ΠΊΠΎΡ€Ρ‹ Ρƒ ссылок

НС сСкрСт, Ρ‡Ρ‚ΠΎ ссылочная масса сайта учитываСтся Π² Ρ€Π°Π½ΠΆΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠΈ поисковыми систСмами, ΠΈ ΠΎΡ‚ Π΅Π΅ объСма ΠΈ качСства зависит ΡƒΡΠΏΠ΅ΡˆΠ½ΠΎΡΡ‚ΡŒ продвиТСния, поэтому Π²Π°ΠΆΠ½ΠΎ ΡƒΠΌΠ΅Ρ‚ΡŒ ΡΠΎΡΡ‚Π°Π²Π»ΡΡ‚ΡŒ ΠΏΡ€Π°Π²ΠΈΠ»ΡŒΠ½Ρ‹Π΅ Π°Π½ΠΊΠΎΡ€Ρ‹ ссылок (Π°Π½ΠΊΠΎΡ€-лист).

Π’Ρ…ΠΎΠΆΠ΄Π΅Π½ΠΈΠ΅ ΠΊΠ»ΡŽΡ‡Π΅Π²ΠΎΠ³ΠΎ запроса Π² Π°Π½ΠΊΠΎΡ€-лист ΠΏΠΎΠ²Ρ‹ΡˆΠ°Π΅Ρ‚ Ρ€Π΅Π»Π΅Π²Π°Π½Ρ‚Π½ΠΎΡΡ‚ΡŒ Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π° Π΄Π°Π½Π½ΠΎΠΌΡƒ ΠΊΠ»ΡŽΡ‡Π΅Π²ΠΎΠΌΡƒ слову.

Π’Π°ΠΆΠ½ΠΎ ΠΎΡ‚ΠΌΠ΅Ρ‚ΠΈΡ‚ΡŒ, Ρ‡Ρ‚ΠΎ сущСствуСт 2 Π²ΠΈΠ΄Π° Π°Π½ΠΊΠΎΡ€-листов:

  • Π²Π½ΡƒΡ‚Ρ€Π΅Π½Π½ΠΈΠΉ β€” Π² Π½Π΅Π³ΠΎ ΠΏΠΎΠΏΠ°Π΄Π°ΡŽΡ‚ Π°Π½ΠΊΠΎΡ€Ρ‹ ссылок со страниц, располоТСнных Π½Π° Π²Π½ΡƒΡ‚Ρ€Π΅Π½Π½ΠΈΡ… страницах Ρ‚ΠΎΠ³ΠΎ ΠΆΠ΅ Π΄ΠΎΠΌΠ΅Π½Π°;
  • внСшний β€” содСрТит Π°Π½ΠΊΠΎΡ€Ρ‹ ссылок, проставлСнныС с Π΄Ρ€ΡƒΠ³ΠΈΡ… рСсурсов.

ΠŸΡ€Π°Π²ΠΈΠ»Π° составлСния Π°Π½ΠΊΠΎΡ€ΠΎΠ² для ссылок

  • Π°Π½ΠΊΠΎΡ€Π½Ρ‹ΠΉ тСкст Π΄ΠΎΠ»ΠΆΠ΅Π½ ΡΠΎΠ΄Π΅Ρ€ΠΆΠ°Ρ‚ΡŒ ΠΊΠ»ΡŽΡ‡Π΅Π²Ρ‹Π΅ слова;
  • Π°Π½ΠΊΠΎΡ€ Π΄ΠΎΠ»ΠΆΠ΅Π½ Π±Ρ‹Ρ‚ΡŒ СстСствСнно вписан Π² контСкст прСдлоТСния;
  • Π½Π΅ злоупотрСбляйтС прямыми вхоТдСниями, Π°Π½ΠΊΠΎΡ€-лист Π΄ΠΎΠ»ΠΆΠ΅Π½ Π±Ρ‹Ρ‚ΡŒ Ρ€Π°Π·Π½ΠΎΠΎΠ±Ρ€Π°Π·Π½Ρ‹ΠΌ, Π² ΠΈΠ΄Π΅Π°Π»Π΅ всС Π°Π½ΠΊΠΎΡ€Π½Ρ‹Π΅ ссылки Π΄ΠΎΠ»ΠΆΠ½Ρ‹ Π±Ρ‹Ρ‚ΡŒ ΡƒΠ½ΠΈΠΊΠ°Π»ΡŒΠ½Ρ‹ΠΌΠΈ;
  • для ΠΏΠΎΠ²Ρ‹ΡˆΠ΅Π½ΠΈΡ СстСствСнности ссылочного профиля рСкомСндуСтся ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Π½Π΅ ΠΌΠ΅Π½Π΅Π΅ 50% Π±Π΅Π·Π°Π½ΠΊΠΎΡ€Π½Ρ‹Ρ… ссылок;
  • Π² околоссылочном тСкстС рСкомСндуСтся ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Ρ€Π΅Π»Π΅Π²Π°Π½Ρ‚Π½Ρ‹Π΅ ссылкС ΠΊΠ»ΡŽΡ‡Π΅Π²Ρ‹Π΅ слова;
  • ΡƒΡ‡ΠΈΡ‚Ρ‹Π²Π°ΠΉΡ‚Π΅ Π΄Π»ΠΈΠ½Ρƒ Π°Π½ΠΊΠΎΡ€Π°, большоС количСство ссылок с Π°Π½ΠΊΠΎΡ€Π°ΠΌΠΈ ΠΈΠ· 5 ΠΈ Π±ΠΎΠ»Π΅Π΅ ΠΊΠ»ΡŽΡ‡Π΅Π²Ρ‹Ρ… слов выглядят нССстСствСнно Π² ссылочном ΠΏΡ€ΠΎΡ„ΠΈΠ»Π΅.

ΠŸΡ€ΠΈ Π½Π°Ρ€Π°Ρ‰ΠΈΠ²Π°Π½ΠΈΠΈ ссылочной массы всСгда Π΅ΡΡ‚ΡŒ Π²Π΅Ρ€ΠΎΡΡ‚Π½ΠΎΡΡ‚ΡŒ попадания ΠΏΠΎΠ΄ санкции поисковых систСм, поэтому Π²Π°ΠΆΠ½ΠΎ ΡƒΠΌΠ΅Ρ‚ΡŒ Π³Ρ€Π°ΠΌΠΎΡ‚Π½ΠΎ ΡΠΎΡΡ‚Π°Π²Π»ΡΡ‚ΡŒ Π°Π½ΠΊΠΎΡ€-лист ΠΈ Π²Ρ‹Π±ΠΈΡ€Π°Ρ‚ΡŒ Π΄ΠΎΠ½ΠΎΡ€ΠΎΠ² ΠΏΡ€ΠΈ ΠΏΠΎΠΊΡƒΠΏΠΊΠ΅ ссылок.

Π–Π΄ΠΈΡ‚Π΅ Π½ΠΎΠ²Ρ‹Π΅ Π·Π°ΠΌΠ΅Ρ‚ΠΊΠΈ Π² Π±Π»ΠΎΠ³Π΅ ΠΈΠ»ΠΈ ΠΈΡ‰ΠΈΡ‚Π΅ Π½Π° нашСм сайтС.

Анкоры ΠΈ ссылки: ΠΊΠ°ΠΊ ΠΎΠ½ΠΈ Ρ€Π°Π±ΠΎΡ‚Π°ΡŽΡ‚ Π² HTML

ГипСрссылки β€” ΠΎΠ΄Π½Π° ΠΈΠ· Ρ„ΡƒΠ½Π΄Π°ΠΌΠ΅Π½Ρ‚Π°Π»ΡŒΠ½Ρ‹Ρ… Ρ‚Π΅Ρ…Π½ΠΎΠ»ΠΎΠ³ΠΈΠΉ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π΄Π΅Π»Π°ΡŽΡ‚ ΠΈΠ½Ρ‚Π΅Ρ€Π½Π΅Ρ‚ ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΠΎΠ½Π½ΠΎΠΉ ΠΌΠ°Π³ΠΈΡΡ‚Ρ€Π°Π»ΡŒΡŽ. ПониманиС Ρ‚ΠΎΠ³ΠΎ, ΠΊΠ°ΠΊ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Π°Π½ΠΊΠΎΡ€Ρ‹, являСтся основным аспСктов, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Π½ΡƒΠΆΠ½ΠΎ ΠΎΡΠ²ΠΎΠΈΡ‚ΡŒ Π² HTML.

Вэгом Π°Π½ΠΊΠΎΡ€Π° являСтся <a>. Для Π½Π΅Π³ΠΎ Ρ‚Ρ€Π΅Π±ΡƒΡŽΡ‚ΡΡ ΠΎΡ‚ΠΊΡ€Ρ‹Π²Π°ΡŽΡ‰ΠΈΠΉΡΡ ΠΈ Π·Π°ΠΊΡ€Ρ‹Π²Π°ΡŽΡ‰ΠΈΠΉΡΡ тэги. ВсС, Ρ‡Ρ‚ΠΎ располоТСно ΠΌΠ΅ΠΆΠ΄Ρƒ Π½ΠΈΠΌΠΈ, это сам Π°Π½ΠΊΠΎΡ€.

Если ΠΌΡ‹ Ρ…ΠΎΡ‚ΠΈΠΌ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ ΠΎΠ΄Π½ΠΎ слово Π² качСствС Π°Π½ΠΊΠΎΡ€Π°, ΠΌΡ‹ ΠΎΠ±ΠΎΡ€Π°Ρ‡ΠΈΠ²Π°Π΅ΠΌ 
Ρ‚ΠΎΠ»ΡŒΠΊΠΎ ΠΎΠ΄Π½ΠΎ <a>слово</a> Π² Ρ‚Π΅Π³ΠΈ Π°Π½ΠΊΠΎΡ€Π°.

Π§Ρ‚ΠΎΠ±Ρ‹ ссылка ΠΎΡ…Π²Π°Ρ‚Ρ‹Π²Π°Π»Π° вСсь Π°Π±Π·Π°Ρ†, Π½ΡƒΠΆΠ½ΠΎ ΠΎΠ±Π΅Ρ€Π½ΡƒΡ‚ΡŒ Π΅Π³ΠΎ Π² Ρ‚Π΅Π³ΠΈ <a>.

<!-- ΠœΡ‹ Ρ‚Π°ΠΊΠΆΠ΅ ΠΌΠΎΠΆΠ΅ΠΌ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Π² качСствС элСмСнта Π°Π½ΠΊΠΎΡ€Π° ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ -->
<a><img src = "http://example.com/image-file.png" /></a>

ΠŸΡ€ΠΈΠ²Π΅Π΄Π΅Π½Π½Ρ‹Π΅ Π²Ρ‹ΡˆΠ΅ ΠΏΡ€ΠΈΠΌΠ΅Ρ€Ρ‹ ΠΌΠ°Π»ΠΎ ΠΏΠΎΠ»Π΅Π·Π½Ρ‹. ΠœΡ‹ Π½Π΅ Π²ΠΊΠ»ΡŽΡ‡ΠΈΠ»ΠΈ Π² Π½ΠΈΡ… Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹Ρ… инструкций. БСйчас эти элСмСнты Π½ΠΈ ΠΊ Ρ‡Π΅ΠΌΡƒ Π½Π΅ привязаны. Для этого Π½ΡƒΠΆΠ½ΠΎ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹Π΅ Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚Ρ‹, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΌΡ‹ рассмотрим Π² этой ΡΡ‚Π°Ρ‚ΡŒΠ΅.

Для создания гипСрссылок Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΡ‹ Ρ‚Ρ€ΠΈ Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚Π°: href, target ΠΈ download.

Атрибут href ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ для указания Ρ†Π΅Π»ΠΈ ΠΈΠ»ΠΈ адрСсата для Π°Π½ΠΊΠΎΡ€Π°. Он примСняСтся для опрСдСлСния URL-адрСса, ΠΊ ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΌΡƒ Π΄ΠΎΠ»ΠΆΠ΅Π½ ΠΏΡ€ΠΈΠ²ΡΠ·Ρ‹Π²Π°Ρ‚ΡŒΡΡ Π°Π½ΠΊΠΎΡ€.

Π’ этом ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π΅ <a href="http://example.com"> тСкста Π°Π½ΠΊΠΎΡ€Π°</a> 
ссылка Π²Π΅Π΄Π΅Ρ‚ Π½Π° URL-адрСс <em> www.example.com </em>.

Π‘ ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚Π° href ΠΌΠΎΠΆΠ½ΠΎ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ Π½Π°ΠΌΠ½ΠΎΠ³ΠΎ большС, Ρ‡Π΅ΠΌ просто ΡƒΠΊΠ°Π·Π°Ρ‚ΡŒ ссылку Π½Π° Π΄Ρ€ΡƒΠ³ΠΎΠΉ сайт. НапримСр:

  • Π˜ΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ для создания прямой ссылки Π½Π° любой элСмСнт Π²Π΅Π±-страницы, ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΌΡƒ Π±Ρ‹Π» присвоСн ΠΈΠ΄Π΅Π½Ρ‚ΠΈΡ„ΠΈΠΊΠ°Ρ‚ΠΎΡ€.
  • Для связи с рСсурсом, ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡ ΠΏΡ€ΠΎΡ‚ΠΎΠΊΠΎΠ», ΠΎΡ‚Π»ΠΈΡ‡Π½Ρ‹ΠΉ ΠΎΡ‚ http.
  • Для запуска скрипта.

НапримСр:

<a href="#Specify_a_Hyperlink_Target_href">Π­Ρ‚ΠΎΡ‚ ΠΏΠ΅Ρ€Π²Ρ‹ΠΉ элСмСнт Π°Π½ΠΊΠΎΡ€Π°</a>  
ссылаСтся Π½Π° Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ  этого Ρ€Π°Π·Π΄Π΅Π»Π° ΡΡ‚Π°Ρ‚ΡŒΠΈ. 
Π˜ΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡ <code>id</code>, ΠΌΡ‹ ΠΌΠΎΠΆΠ΅ΠΌ Π½Π°Π·Π½Π°Ρ‡ΠΈΡ‚ΡŒ для Ρ€Π°Π·Π΄Π΅Π»Π° элСмСнт Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠ°.
ΠœΡ‹ ΠΌΠΎΠΆΠ΅ΠΌ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ ΠΏΡ€ΠΎΡ‚ΠΎΠΊΠΎΠ» <code>mailto</ code>, 
Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ ссылку, которая Π±ΡƒΠ΄Π΅Ρ‚ ΠΏΡ‹Ρ‚Π°Ρ‚ΡŒΡΡ Π·Π°ΠΏΡƒΡΡ‚ΠΈΡ‚ΡŒ Π½Π° вашСм ΠΊΠΎΠΌΠΏΡŒΡŽΡ‚Π΅Ρ€Π΅
ΠΏΠΎΡ‡Ρ‚ΠΎΠ²ΡƒΡŽ ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΡƒ, ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅ΠΌΡƒΡŽ ΠΏΠΎ ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ. Π”Π°Π²Π°ΠΉΡ‚Π΅ ΠΏΠΎΠΏΡ€ΠΎΠ±ΡƒΠ΅ΠΌ! 
Нам Π±Ρ‹ Ρ…ΠΎΡ‚Π΅Π»ΠΎΡΡŒ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π²Ρ‹ <a href="mailto:[email protected]">связались</a> с Π½Π°ΠΌΠΈ!
Если Π²Ρ‹ Π½Π°ΠΆΠΌΠ΅Ρ‚Π΅ ссылку Π½ΠΈΠΆΠ΅, появится ΠΎΠΊΠ½ΠΎ оповСщСния JavaScript.
 <a>НаТмитС ссылку, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡƒΠ²ΠΈΠ΄Π΅Ρ‚ΡŒ, Ρ‡Ρ‚ΠΎ ΠΏΡ€ΠΎΠΈΠ·ΠΎΠΉΠ΄Π΅Ρ‚ </a>.

Π­Π»Π΅ΠΌΠ΅Π½Ρ‚ href прост Π² использовании. Но ΠΌΠΎΠΆΠ½ΠΎ ΠΏΠΎΠ»ΡƒΡ‡ΠΈΡ‚ΡŒ Π½Π°ΠΌΠ½ΠΎΠ³ΠΎ большС, познакомившись с Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚ΠΎΠΌ target.

Рассмотрим ссылку mailto, ΠΊΠΎΡ‚ΠΎΡ€ΡƒΡŽ ΠΌΡ‹ создали Π² ΠΏΡ€Π΅Π΄Ρ‹Π΄ΡƒΡ‰Π΅ΠΌ ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π΅. Π•Π΅ исходный ΠΊΠΎΠ΄:

Нам Π±Ρ‹ Ρ…ΠΎΡ‚Π΅Π»ΠΎΡΡŒ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π²Ρ‹ <a href="mailto:[email protected]">связались</a> с Π½Π°ΠΌΠΈ!

Бсылка ΠΏΠΎΠ»Π΅Π·Π½Π°, Π½ΠΎ способ Π΅Π΅ открытия Π½Π΅ ΠΈΠ΄Π΅Π°Π»Π΅Π½. Π’ зависимости ΠΎΡ‚ настроСк Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π° ΠΈ ПК гипСрссылка ΠΌΠΎΠΆΠ΅Ρ‚ ΠΏΠ΅Ρ€Π΅Π½Π°ΠΏΡ€Π°Π²ΠΈΡ‚ΡŒ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Π΅ΠΉ Π½Π° сайты Ρ‚Π°ΠΊΠΈΡ… ΠΏΠΎΡ‡Ρ‚ΠΎΠ²Ρ‹Ρ… сСрвисов, ΠΊΠ°ΠΊ Gmail ΠΈΠ»ΠΈ Yahoo! Mail. Но ΠΈΠ·-Π·Π° этого ΠΎΠ½ΠΈ посСтитСли ΠΏΠΎΠΊΠΈΠ½ΡƒΡ‚ наш рСсурс.

Π§Ρ‚ΠΎΠ±Ρ‹ Ρ€Π΅ΡˆΠΈΡ‚ΡŒ эту ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌΡƒ, ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚ target со Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ΠΌ _blank.

ΠœΡ‹ Π±ΡƒΠ΄Π΅ΠΌ Ρ€Π°Π΄Ρ‹, Ссли Π²Ρ‹ <a href="mailto:[email protected]"
 target="_blank" rel="noopener">ΡΠ²ΡΠΆΠ΅Ρ‚Π΅ΡΡŒ</a> с Π½Π°ΠΌΠΈ!

Π‘ Π΅Π³ΠΎ ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ ΠΌΡ‹ заставляСм Π±Ρ€Π°ΡƒΠ·Π΅Ρ€ ΠΎΡ‚ΠΊΡ€Ρ‹Π²Π°Ρ‚ΡŒ ссылку Π² Π½ΠΎΠ²ΠΎΠΉ Π²ΠΊΠ»Π°Π΄ΠΊΠ΅ ΠΈΠ»ΠΈ Π½ΠΎΠ²ΠΎΠΌ ΠΎΠΊΠ½Π΅ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π°.

Атрибут download ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ для ΠΈΠ΄Π΅Π½Ρ‚ΠΈΡ„ΠΈΠΊΠ°Ρ†ΠΈΠΈ ссылки, которая Π΄ΠΎΠ»ΠΆΠ½Π° ΠΈΠ½ΠΈΡ†ΠΈΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ Π·Π°Π³Ρ€ΡƒΠ·ΠΊΡƒ. Π—Π½Π°Ρ‡Π΅Π½ΠΈΠ΅, присвоСнноС Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚Ρƒ download , это имя Π·Π°Π³Ρ€ΡƒΠΆΠ°Π΅ΠΌΠΎΠ³ΠΎ Ρ„Π°ΠΉΠ»Π°.

Атрибут href Ρ‚Π°ΠΊΠΆΠ΅ примСняСтся ΠΏΡ€ΠΈ создании Π°Π½ΠΊΠΎΡ€Π°, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ ΠΈΠ½ΠΈΡ†ΠΈΠΈΡ€ΡƒΠ΅Ρ‚ Π·Π°Π³Ρ€ΡƒΠ·ΠΊΡƒ. Он ΡƒΠΊΠ°Π·Ρ‹Π²Π°Π΅Ρ‚ Π½Π° мСсто размСщСния Π·Π°Π³Ρ€ΡƒΠΆΠ°Π΅ΠΌΠΎΠ³ΠΎ Ρ„Π°ΠΉΠ»Π°.

ΠŸΡ€ΠΈΠΌΠ΅Ρ€ Ρ€Π΅Π°Π»ΠΈΠ·Π°Ρ†ΠΈΠΈ:

Π§Ρ‚ΠΎΠ±Ρ‹ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ ссылку, которая ΡƒΠΊΠ°Π·Ρ‹Π²Π°Π΅Ρ‚ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Ρƒ 
<a href="http://example.com/file.ext" download="Example_File">ΡΠΊΠ°Ρ‡Π°Ρ‚ΡŒ Ρ„Π°ΠΉΠ»</a>,
 ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚ <code>href</ code>, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΈΠ΄Π΅Π½Ρ‚ΠΈΡ„ΠΈΡ†ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ Ρ„Π°ΠΉΠ»
 для скачивания
ΠΈ Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚ <code>download</code>, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡƒΠΊΠ°Π·Π°Ρ‚ΡŒ имя скачиваСмого Ρ„Π°ΠΉΠ»Π°.

Атрибут href Π² ΠΏΡ€ΠΈΠ²Π΅Π΄Π΅Π½Π½ΠΎΠΌ Π²Ρ‹ΡˆΠ΅ ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π΅ ΡƒΠΊΠ°Π·Ρ‹Π²Π°Π΅Ρ‚ Π½Π° Ρ€Π΅Π°Π»ΡŒΠ½Ρ‹ΠΉ Ρ„Π°ΠΉΠ». Когда Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠ° Π±ΡƒΠ΄Π΅Ρ‚ Π·Π°Π²Π΅Ρ€ΡˆΠ΅Π½Π°, Π΅Π³ΠΎ имя Π±ΡƒΠ΄Π΅Ρ‚ Example_File.ext, Π³Π΄Π΅ .ext β€” это Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ Ρ„Π°ΠΉΠ»Π°. НСт нСобходимости Π²ΠΊΠ»ΡŽΡ‡Π°Ρ‚ΡŒ Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΠ΅ Ρ„Π°ΠΉΠ»Π° Π² Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅, присваиваСмоС Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚Ρƒ download. Оно Π±ΡƒΠ΄Π΅Ρ‚ ΠΈΠ΄Π΅Π½Ρ‚ΠΈΡ„ΠΈΡ†ΠΈΡ€ΠΎΠ²Π°Π½ΠΎ ΠΈ Π΄ΠΎΠ±Π°Π²Π»Π΅Π½ΠΎ ΠΊ ΠΈΠΌΠ΅Π½ΠΈ Π·Π°Π³Ρ€ΡƒΠΆΠ΅Π½Π½ΠΎΠ³ΠΎ Ρ„Π°ΠΉΠ»Π°.

БущСствуСт Π΄Π²Π° Ρ‚ΠΈΠΏΠ° гипСрссылок: Π²Π½ΡƒΡ‚Ρ€Π΅Π½Π½ΠΈΠ΅ ΠΈ внСшниС. Π’Π½ΡƒΡ‚Ρ€Π΅Π½Π½ΠΈΠ΅ ссылки β€” это Ρ‚Π΅, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΡƒΠΊΠ°Π·Ρ‹Π²Π°ΡŽΡ‚ Π½Π° Π΄Ρ€ΡƒΠ³ΠΈΠ΅ страницы сайта. Π’Π½Π΅ΡˆΠ½ΠΈΠ΅ ссылки ΡƒΠΊΠ°Π·Ρ‹Π²Π°ΡŽΡ‚ Π½Π° Π²Π΅Π±-страницы, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π½Π΅ ΡΠ²Π»ΡΡŽΡ‚ΡΡ Ρ‡Π°ΡΡ‚ΡŒΡŽ сайта.

Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ Π²Π½ΡƒΡ‚Ρ€Π΅Π½Π½ΠΈΡ… ссылок Π²Π°ΠΆΠ½ΠΎ ΠΏΠΎ нСскольким ΠΏΡ€ΠΈΡ‡ΠΈΠ½Π°ΠΌ:

  • Они ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‚ΡΡ для создания мСню Π½Π°Π²ΠΈΠ³Π°Ρ†ΠΈΠΈ сайта.
  • Π’Π½ΡƒΡ‚Ρ€Π΅Π½Π½ΠΈΠ΅ ссылки ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‚ΡΡ Π² ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚Π΅ сайт, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΏΠΎΠΌΠΎΡ‡ΡŒ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡΠΌ Π½Π°ΠΉΡ‚ΠΈ связанныС ΠΏΡƒΠ±Π»ΠΈΠΊΠ°Ρ†ΠΈΠΈ.
  • Они ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‚ΡΡ поисковыми Ρ€ΠΎΠ±ΠΎΡ‚Π°ΠΌΠΈ ΠΏΡ€ΠΈ Π°Π½Π°Π»ΠΈΠ·Π΅ содСрТимого сайта.

ΠŸΡ€ΠΈ создании Π²Π½ΡƒΡ‚Ρ€Π΅Π½Π½ΠΈΡ… ссылок ΡƒΠ±Π΅Π΄ΠΈΡ‚Π΅ΡΡŒ, Ρ‡Ρ‚ΠΎ Π²Ρ‹ Π½Π΅ пСрСусСрдствовали. Бсылочный вСс любой Π²Π΅Π±-страницы пСрСдаСтся Ρ‡Π΅Ρ€Π΅Π· ссылки, Ρ€Π°Π·ΠΌΠ΅Ρ‰Π΅Π½Π½Ρ‹Π΅ Π½Π° Π½Π΅ΠΉ. Π§Π΅ΠΌ большС ссылок Π²Ρ‹ Ρ€Π°Π·ΠΌΠ΅Ρ‰Π°Π΅Ρ‚Π΅ Π½Π° страницС, Ρ‚Π΅ΠΌ большС ссылочного вСса ΡƒΡ…ΠΎΠ΄ΠΈΡ‚ Ρ‡Π΅Ρ€Π΅Π· эти ссылки. РСкомСндуСтся Ρ€Π°Π·ΠΌΠ΅Ρ‰Π°Ρ‚ΡŒ Π½Π΅ Π±ΠΎΠ»Π΅Π΅ 100 ссылок Π½Π° ΠΎΠ΄Π½ΠΎΠΉ страницС.

Π’Π½Π΅ΡˆΠ½ΠΈΠ΅ ссылки Π²Π°ΠΆΠ½Ρ‹ ΠΏΠΎ нСскольким ΠΏΡ€ΠΈΡ‡ΠΈΠ½Π°ΠΌ:

  • Π’Π½Π΅ΡˆΠ½ΠΈΠ΅ ссылки ΠΏΠΎΠ·Π²ΠΎΠ»ΡΡŽΡ‚ ΡΡΡ‹Π»Π°Ρ‚ΡŒΡΡ Π½Π° ΠΏΠΎΠ»Π΅Π·Π½Ρ‹ΠΉ для посСтитСлСй сайта сторонний ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚.
  • Когда Π΄Ρ€ΡƒΠ³ΠΈΠ΅ ΠΏΠ»ΠΎΡ‰Π°Π΄ΠΊΠΈ ΠΏΡƒΠ±Π»ΠΈΠΊΡƒΡŽΡ‚ ссылки, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΡƒΠΊΠ°Π·Ρ‹Π²Π°ΡŽΡ‚ Π½Π° наш сайт, ΠΎΠ½ΠΈ становятся ΠΎΠ±Ρ€Π°Ρ‚Π½Ρ‹ΠΌΠΈ ссылками. Они ΠΏΠΎΠ·Π²ΠΎΠ»ΡΡŽΡ‚ ΠΏΠ΅Ρ€Π΅Π΄Π°Π²Π°Ρ‚ΡŒ Π²Π°ΡˆΠ΅ΠΌΡƒ сайту ссылочный вСс ΠΈ ΡƒΠ»ΡƒΡ‡ΡˆΠ°Ρ‚ΡŒ Π΅Π³ΠΎ Ρ€Π°Π½ΠΆΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅.

ΠŸΡ€ΠΈ использовании Π²Π½Π΅ΡˆΠ½ΠΈΡ… ссылок Π½Π΅ ΡΡΡ‹Π»Π°ΠΉΡ‚Π΅ΡΡŒ Π½Π° прямых ΠΊΠΎΠ½ΠΊΡƒΡ€Π΅Π½Ρ‚ΠΎΠ². И Π½Π΅ Π·Π°Π±Ρ‹Π²Π°ΠΉΡ‚Π΅ ΠΏΡ€ΠΈΠΌΠ΅Π½ΡΡ‚ΡŒ Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚ target=Β»_ blankΒ». ΠžΡ‚ΠΊΡ€Ρ‹Π²Π°Ρ внСшниС ссылки Π² Π½ΠΎΠ²ΠΎΠΉ Π²ΠΊΠ»Π°Π΄ΠΊΠ΅ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π°, ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΠΈ ΠΏΡ€ΠΎΠ΄ΠΎΠ»ΠΆΠ°ΡŽΡ‚ ΠΎΡΡ‚Π°Π²Π°Ρ‚ΡŒΡΡ Π½Π° вашСм сайтС.

ΠšΠΎΠ½Π΅Ρ‡Π½ΠΎ, Π²Ρ‹ Π²ΠΈΠ΄Π΅Π»ΠΈ ΠΈ ссылки, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ выглядят ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π½ΠΎ Ρ‚Π°ΠΊ:

Π§Ρ‚ΠΎΠ±Ρ‹ ΡƒΠ·Π½Π°Ρ‚ΡŒ большС <a href="http://example.com">Π½Π°ΠΆΠΌΠΈΡ‚Π΅ здСсь</a>!

Но Π»ΡƒΡ‡ΡˆΠ΅ Π½Π΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Ρ‚Π°ΠΊΠΈΠ΅ Π°Π½ΠΊΠΎΡ€Ρ‹. Для этого сущСствуСт нСсколько ΠΏΡ€ΠΈΡ‡ΠΈΠ½:

  • ΠŸΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡΠΌ потрСбуСтся нСсколько сСкунд, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΈΡΡΠ»Π΅Π΄ΠΎΠ²Π°Ρ‚ΡŒ тСкст Π²ΠΎΠΊΡ€ΡƒΠ³ ссылки ΠΈ ΠΏΠΎΠ»ΡƒΡ‡ΠΈΡ‚ΡŒ прСдставлСниС ΠΎ Ρ‚ΠΎΠΌ, ΠΊΡƒΠ΄Π° ΠΎΠ½Π° Π²Π΅Π΄Π΅Ρ‚.
  • ΠŸΠΎΠΈΡΠΊΠΎΠ²Ρ‹Π΅ Ρ€ΠΎΠ±ΠΎΡ‚Ρ‹ ΡΠ²ΡΠ·Ρ‹Π²Π°ΡŽΡ‚ тСкст Π°Π½ΠΊΠΎΡ€Π° с URL-адрСсом ссылки. ΠŸΡ€Π°Π²ΠΈΠ»ΡŒΠ½ΠΎ ΠΏΠΎΠ΄ΠΎΠ±Ρ€Π°Π½Π½Ρ‹ΠΉ Π°Π½ΠΊΠΎΡ€ ΠΏΠΎΠΌΠΎΠ³Π°Π΅Ρ‚ поисковым систСмам ΠΎΠΏΡ€Π΅Π΄Π΅Π»ΡΡ‚ΡŒ Ρ€Π΅Π»Π΅Π²Π°Π½Ρ‚Π½ΠΎΡΡ‚ΡŒ Π²Π΅Π±-страницы ΠΊΠ»ΡŽΡ‡Π΅Π²ΠΈΠΊΠ°ΠΌ.

ВСкст Π°Π½ΠΊΠΎΡ€Π° Π΄ΠΎΠ»ΠΆΠ΅Π½ Π±Ρ‹Ρ‚ΡŒ ΠΊΡ€Π°Ρ‚ΠΊΠΈΠΌ ΠΈ ΠΈΠ΄Π΅Π½Ρ‚ΠΈΡ„ΠΈΡ†ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ ΠΊΠ»ΡŽΡ‡Π΅Π²Ρ‹Π΅ слова, относящиСся ΠΊ Π²Π΅Π±-страницС. Π”Π²Π° ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π° ΠΏΡ€Π°Π²ΠΈΠ»ΡŒΠ½ΠΎ Π²Ρ‹Π±Ρ€Π°Π½Π½ΠΎΠ³ΠΎ тСкста ссылки:

Если Ρ…ΠΎΡ‚ΠΈΡ‚Π΅, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ваш сайт ΠΏΠΎΠ»ΡƒΡ‡Π°Π» большС Ρ‚Ρ€Π°Ρ„ΠΈΠΊΠ° ΠΈΠ· 
<a href="http://www.google.com/" target="_blank" rel="noopener">
 поисковых систСм</a>,
 ΠΎΠ·Π½Π°ΠΊΠΎΠΌΡŒΡ‚Π΅ΡΡŒ с нашим <a href="/seo/">руководством ΠΏΠΎ SEO</a>,
 Π² ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΌ Π²Ρ‹ Π½Π°ΠΉΠ΄Π΅Ρ‚Π΅ совСты ΠΏΠΎ ΡƒΠ»ΡƒΡ‡ΡˆΠ΅Π½ΠΈΡŽ ранТирования сайта.

ΠŸΠ΅Ρ€Π²Π°Ρ ссылка сообщаСт поисковым Ρ€ΠΎΠ±ΠΎΡ‚Π°ΠΌ ΠΈ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡΠΌ, Ρ‡Ρ‚ΠΎ сайт http://www.google.com ΠΈΠΌΠ΅Π΅Ρ‚ ΠΎΡ‚Π½ΠΎΡˆΠ΅Π½ΠΈΠ΅ ΠΊ ΠΊΠ»ΡŽΡ‡Π΅Π²ΠΎΠΌΡƒ слову «поисковыС систСмы». Вторая ссылка сообщаСт, Ρ‡Ρ‚ΠΎ страница, располоТСнная ΠΏΠΎ ΠΎΡ‚Π½ΠΎΡΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎΠΌΡƒ URL-адрСсу /seo/, связана с ΠΊΠ»ΡŽΡ‡Π΅Π²Ρ‹ΠΌ словом «руководство ΠΏΠΎ SEOΒ».

ΠΠ±ΡΠΎΠ»ΡŽΡ‚Π½Ρ‹Π΅ URL-адрСса β€” это Ρ‚Π΅, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ содСрТат ΠΏΠΎΠ»Π½ΠΎΠ΅ (Π°Π±ΡΠΎΠ»ΡŽΡ‚Π½ΠΎΠ΅) описаниС адрСса ссылки. Они Π²ΠΊΠ»ΡŽΡ‡Π°ΡŽΡ‚ Π² сСбя ΠΏΡ€ΠΎΡ‚ΠΎΠΊΠΎΠ» (http), ΠΏΠΎΠ»Π½ΠΎΠ΅ имя Π΄ΠΎΠΌΠ΅Π½Π° ΠΈ ΠΏΡƒΡ‚ΡŒ ΠΊ Ρ„Π°ΠΉΠ»Ρƒ.

ΠžΡ‚Π½ΠΎΡΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹Π΅ URL-адрСса, ΡΡΡ‹Π»Π°ΡΡΡŒ Π½Π° Π²Π΅Π±-страницу, ΠΎΠΏΠΈΡΡ‹Π²Π°ΡŽΡ‚ Π΅Π΅ ΠΏΠΎΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ ΠΎΡ‚Π½ΠΎΡΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ Ρ‚Π΅ΠΊΡƒΡ‰Π΅ΠΉ Π²Π΅Π±-страницы. ΠŸΡ€ΠΈ создании Π²Π½ΡƒΡ‚Ρ€Π΅Π½Π½ΠΈΡ… ссылок, ΡƒΠΊΠ°Π·Ρ‹Π²Π°ΡŽΡ‰ΠΈΡ… Π½Π° Π΄Ρ€ΡƒΠ³ΠΈΠ΅ страницы ΠΎΠ΄Π½ΠΎΠ³ΠΎ ΠΈ Ρ‚ΠΎΠ³ΠΎ ΠΆΠ΅ сайта, ΠΌΠΎΠΆΠ½ΠΎ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ ΠΎΡ‚Π½ΠΎΡΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹Π΅ URL-адрСса, Π° Π½Π΅ Π°Π±ΡΠΎΠ»ΡŽΡ‚Π½Ρ‹Π΅.

НапримСр, Ссли ΠΌΡ‹ находимся ΠΏΠΎ адрСсу: http://example.com/products/red-product/, ΠΈ Ρ…ΠΎΡ‚ΠΈΠΌ ΡΠΎΡΠ»Π°Ρ‚ΡŒΡΡ Π½Π° страницу синСго Ρ‚ΠΎΠ²Π°Ρ€Π°, ΠΌΠΎΠΆΠ½ΠΎ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ любой ΠΈΠ· ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΡ… Π°Π½ΠΊΠΎΡ€ΠΎΠ²:

<a href="/products/blue-product/">ΠŸΠ΅Ρ€Π΅ΠΉΡ‚ΠΈ ΠΊ страницС синСго Ρ‚ΠΎΠ²Π°Ρ€Π°!</a>
<a href="../blue-product/">ΠŸΠ΅Ρ€Π΅ΠΉΡ‚ΠΈ ΠΊ страницС синСго Ρ‚ΠΎΠ²Π°Ρ€Π°!</a>

ΠŸΠ΅Ρ€Π²Ρ‹ΠΉ синтаксис Π³ΠΎΠ²ΠΎΡ€ΠΈΡ‚ ΡΠ»Π΅Π΄ΡƒΡŽΡ‰Π΅Π΅: Β«ΠŸΠ΅Ρ€Π΅ΠΉΠ΄ΠΈΡ‚Π΅ Π½Π° самый Π½ΠΈΠΆΠ½ΠΈΠΉ ΡƒΡ€ΠΎΠ²Π΅Π½ΡŒ Π΄Π΅Ρ€Π΅Π²Π°, Π½Π°ΠΉΠ΄ΠΈΡ‚Π΅ Π² Π½Π΅ΠΌ ΠΊΠ°Ρ‚Π°Π»ΠΎΠ³ product, Π° Π² Π½Π΅ΠΌ ΠΎΡ‚ΠΊΡ€ΠΎΠΉΡ‚Π΅ ΠΏΠ°ΠΏΠΊΡƒ blue-product. Π’Ρ‚ΠΎΡ€ΠΎΠΉ синтаксис Π³ΠΎΠ²ΠΎΡ€ΠΈΡ‚ ΡΠ»Π΅Π΄ΡƒΡŽΡ‰Π΅Π΅: Β«ΠŸΠ΅Ρ€Π΅ΠΉΠ΄ΠΈΡ‚Π΅ Π² Ρ€ΠΎΠ΄ΠΈΡ‚Π΅Π»ΡŒΡΠΊΠΈΠΉ ΠΊΠ°Ρ‚Π°Π»ΠΎΠ³ для red-product ΠΈ Π² Π½Π΅ΠΌ Π²Ρ‹ Π½Π°ΠΉΠ΄Π΅Ρ‚Π΅ ΠΏΠ°ΠΏΠΊΡƒ blue-productΒ». Оба Π°Π½ΠΊΠΎΡ€Π° ΡƒΠΊΠ°Π·Ρ‹Π²Π°ΡŽΡ‚ Π½Π° URL-адрСс: http://example.com/products/blue-product/.

ΠŸΡ€Π΅Π΄ΠΏΠΎΠ»ΠΎΠΆΠΈΠΌ, Ρ‡Ρ‚ΠΎ Π½ΡƒΠΆΠ½ΠΎ Ρ€Π°Π·ΠΌΠ΅ΡΡ‚ΠΈΡ‚ΡŒ ссылку Π½Π° страницу Β«About UsΒ», которая являСтся прямым ΠΏΠΎΡ‚ΠΎΠΌΠΊΠΎΠΌ Π³Π»Π°Π²Π½ΠΎΠΉ. Π’ΠΎΡ‚ ΠΊΠ°ΠΊ ΠΌΠΎΠΆΠ½ΠΎ это ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ:

<a href="/about-us/">Π£Π·Π½Π°ΠΉΡ‚Π΅ большС ΠΎ нас.</a>

Π’ этом ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π΅ говорится ΡΠ»Π΅Π΄ΡƒΡŽΡ‰Π΅Π΅: Β«Π’Π΅Ρ€Π½ΠΈΡ‚Π΅ΡΡŒ ΠΊ самому Π½ΠΈΠΆΠ½Π΅ΠΌΡƒ ΡƒΡ€ΠΎΠ²Π½ΡŽ Π΄Π΅Ρ€Π΅Π²Π° ΠΊΠ°Ρ‚Π°Π»ΠΎΠ³ΠΎΠ², Π° Π·Π°Ρ‚Π΅ΠΌ Π½Π°ΠΉΠ΄ΠΈΡ‚Π΅ ΠΏΠ°ΠΏΠΊΡƒ about-usΒ».

ΠŸΡ€Π΅Π΄ΠΏΠΎΠ»ΠΎΠΆΠΈΠΌ, Ρ‡Ρ‚ΠΎ ΠΌΡ‹ снова находимся ΠΏΠΎ адрСсу http://example.com/products/red-product/, ΠΈ Ρ…ΠΎΡ‚ΠΈΠΌ Ρ€Π°Π·ΠΌΠ΅ΡΡ‚ΠΈΡ‚ΡŒ ссылку Π½Π° страницу ΠΏΠΎΠ΄ΠΊΠ°Ρ‚Π΅Π³ΠΎΡ€ΠΈΠΈ. Она располагаСтся Π² ΠΊΠ°Ρ‚Π°Π»ΠΎΠ³Π΅ /red-products /category.

<a href="large.php">Π‘ΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ всС красныС Ρ‚ΠΎΠ²Π°Ρ€Ρ‹, доступныС Π² большом Ρ€Π°Π·ΠΌΠ΅Ρ€Π΅!</a>

ΠŸΡ€ΠΈΠ²Π΅Π΄Π΅Π½Π½Ρ‹ΠΉ Π²Ρ‹ΡˆΠ΅ URL-адрСс заставляСт Π±Ρ€Π°ΡƒΠ·Π΅Ρ€ ΠΈΡΠΊΠ°Ρ‚ΡŒ Π² Ρ‚Π΅ΠΊΡƒΡ‰Π΅ΠΉ ΠΏΠ°ΠΏΠΊΠ΅ Ρ„Π°ΠΉΠ» large.php ΠΈ ΠΏΡ€Π΅ΠΎΠ±Ρ€Π°Π·ΠΎΠ²Π°Ρ‚ΡŒ Π΅Π³ΠΎ Π² URL-адрСс β€” http://example.com/products/red-product/large.php.

Π“Π»Π°Π²Π½ΠΎΠ΅ ΠΎΠ± ΠΎΡ‚Π½ΠΎΡΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹Ρ… URL:

  • Если URL-адрСс начинаСтся с Β«/Β», Ρ‚ΠΎ ΠΌΡ‹ заставляСм Π±Ρ€Π°ΡƒΠ·Π΅Ρ€ ΠΈΡΠΊΠ°Ρ‚ΡŒ ΡƒΠΊΠ°Π·Π°Π½Π½Ρ‹ΠΉ Ρ„Π°ΠΉΠ» ΠΈΠ»ΠΈ ΠΏΠ°ΠΏΠΊΡƒ Π½Π° самом Π½ΠΈΠΆΠ½Π΅ΠΌ ΡƒΡ€ΠΎΠ²Π½Π΅ Π΄Π΅Ρ€Π΅Π²Π° ΠΊΠ°Ρ‚Π°Π»ΠΎΠ³ΠΎΠ².
  • Если URL-адрСс начинаСтся с Β«../Β», Ρ‚ΠΎ ΠΌΡ‹ ΡƒΠΊΠ°Π·Ρ‹Π²Π°Π΅ΠΌ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Ρƒ Π½Π° Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎΡΡ‚ΡŒ Π²Π΅Ρ€Π½ΡƒΡ‚ΡŒΡΡ Π½Π° ΠΎΠ΄ΠΈΠ½ ΡƒΡ€ΠΎΠ²Π΅Π½ΡŒ Π²Π²Π΅Ρ€Ρ… Π² Π΄Π΅Ρ€Π΅Π²Π΅ ΠΊΠ°Ρ‚Π°Π»ΠΎΠ³ΠΎΠ².
  • Если URL-адрСс начинаСтся с ΠΈΠΌΠ΅Π½ΠΈ Ρ„Π°ΠΉΠ»Π° ΠΈΠ»ΠΈ ΠΏΠ°ΠΏΠΊΠΈ, Ρ‚ΠΎ ΠΌΡ‹ ΡƒΠΊΠ°Π·Ρ‹Π²Π°Π΅ΠΌ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Ρƒ ΠΈΡΠΊΠ°Ρ‚ΡŒ рСсурсы Π² Ρ‚Π΅ΠΊΡƒΡ‰Π΅ΠΌ Ρ„Π°ΠΉΠ»Π΅.

Π‘ΡƒΡ‰Π΅ΡΡ‚Π²ΡƒΡŽΡ‚ Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹Π΅ Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚Ρ‹, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΌΠΎΠΆΠ½ΠΎ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ ΠΏΡ€ΠΈ Ρ€Π°Π±ΠΎΡ‚Π΅ с Π°Π½ΠΊΠΎΡ€Π°ΠΌΠΈ гипСрссылок.

Π­Ρ‚ΠΎΡ‚ Π½Π΅ΠΎΠ±ΡΠ·Π°Ρ‚Π΅Π»ΡŒΠ½Ρ‹ΠΉ Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚ сообщаСт Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Ρƒ язык Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π°, Π½Π° ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Π²Π΅Π΄Π΅Ρ‚ ссылка. НапримСр, Ссли Π½ΡƒΠΆΠ½ΠΎ ΡΠΎΠΎΠ±Ρ‰ΠΈΡ‚ΡŒ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Ρƒ, Ρ‡Ρ‚ΠΎ Ρ†Π΅Π»Π΅Π²ΠΎΠΉ источник написан Π½Π° испанском, ΠΌΡ‹ Π±ΡƒΠ΄Π΅ΠΌ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Π² качСствС значСния hreflang ΡΠΎΠΎΡ‚Π²Π΅Ρ‚ΡΡ‚Π²ΡƒΡŽΡ‰ΠΈΠΉ ΠΊΠΎΠ΄ языка Π² Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π΅ ISO 639-1.

Π§Ρ‚ΠΎΠ±Ρ‹ ΡΠΎΠΎΠ±Ρ‰ΠΈΡ‚ΡŒ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Ρƒ, Ρ‡Ρ‚ΠΎ <a href="http://example.com" hreflang="es">ссылка</a>
 Π²Π΅Π΄Π΅Ρ‚ Π½Π° рСсурс Π½Π° Π΄Ρ€ΡƒΠ³ΠΎΠΌ языкС, ΠΌΠΎΠΆΠ½ΠΎ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚ 
<code> hreflang </ code>.

Атрибут rel ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ для описания ΠΎΡ‚Π½ΠΎΡˆΠ΅Π½ΠΈΠΉ ΠΌΠ΅ΠΆΠ΄Ρƒ Π°Π½ΠΊΠΎΡ€ΠΎΠΌ ΠΈ Ρ†Π΅Π»Π΅Π²Ρ‹ΠΌ источником. НапримСр:

Π­Ρ‚Π° ΡΡ‚Π°Ρ‚ΡŒΡ Π±Ρ‹Π»Π° написана <a href="https://plus.google.com/+AuthorName"
rel="author">ΠžΡ‚Π»ΠΈΡ‡Π½Ρ‹ΠΌ Π°Π²Ρ‚ΠΎΡ€ΠΎΠΌ</a>.

БущСствуСт нСсколько Π·Π½Π°Ρ‡Π΅Π½ΠΈΠΉ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΏΡ€ΠΈΠ½ΠΈΠΌΠ°Π΅Ρ‚ Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚ rel:

  • rel=Β»nofollowΒ»: ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ это Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅, Ссли ΡΡΡ‹Π»Π°Π΅Ρ‚Π΅ΡΡŒ Π½Π° рСсурс, Π½ΠΎ Π½Π΅ Ρ…ΠΎΡ‚ΠΈΡ‚Π΅ ΠΏΠ΅Ρ€Π΅Π΄Π°Π²Π°Ρ‚ΡŒ Π΅ΠΌΡƒ ссылочный вСс своСго сайта. НапримСр, Ссли ΡΡΡ‹Π»Π°Π΅Ρ‚Π΅ΡΡŒ Π½Π° спамовый сайт Π² качСствС ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π° Ρ‚ΠΎΠ³ΠΎ, Ρ‡Π΅Π³ΠΎ Π½Π΅ Π½ΡƒΠΆΠ½ΠΎ Π΄Π΅Π»Π°Ρ‚ΡŒ.
  • rel=Β»alternateΒ»: Ссли сайт ΠΈΠΌΠ΅Π΅Ρ‚ большС ΠΎΠ΄Π½ΠΎΠΉ вСрсии, ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ это Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ для ΠΈΠ΄Π΅Π½Ρ‚ΠΈΡ„ΠΈΠΊΠ°Ρ†ΠΈΠΈ связанного рСсурса Π² качСствС Π°Π»ΡŒΡ‚Π΅Ρ€Π½Π°Ρ‚ΠΈΠ²Π½ΠΎΠΉ вСрсии Ρ‚Π΅ΠΊΡƒΡ‰Π΅ΠΉ страницы.
  • rel=Β»bookmarkΒ»: это Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ для опрСдСлСния URL-адрСса, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ являСтся постоянным ΠΈ ΠΌΠΎΠΆΠ΅Ρ‚ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒΡΡ для Π·Π°ΠΊΠ»Π°Π΄ΠΊΠΈ.
  • rel=Β»helpΒ»: ΠΈΠ΄Π΅Π½Ρ‚ΠΈΡ„ΠΈΡ†ΠΈΡ€ΡƒΠ΅Ρ‚ связанный рСсурс ΠΊΠ°ΠΊ Ρ„Π°ΠΉΠ» справки для страницы с этим Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ΠΌ.
  • rel=Β»licenseΒ»: ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ этот Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚ для ссылки Π½Π° Π»ΠΈΡ†Π΅Π½Π·ΠΈΡŽ авторских ΠΏΡ€Π°Π².
  • rel=Β»nextΒ»: ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ это Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ для ссылки Π½Π° ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠΉ Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚ ΠΈΠ· сСрии.
  • rel=Β»prevΒ»: ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ это Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ для ссылки Π½Π° ΠΏΡ€Π΅Π΄Ρ‹Π΄ΡƒΡ‰ΠΈΠΉ Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚ ΠΈΠ· сСрии.
  • rel=Β»noreferrerΒ»: Ссли Ρ…ΠΎΡ‚ΠΈΡ‚Π΅ Ρ€Π°Π·ΠΌΠ΅ΡΡ‚ΠΈΡ‚ΡŒ ссылку Π½Π° внСшний сайт, Π½ΠΎ Π½Π΅ Ρ…ΠΎΡ‚ΠΈΡ‚Π΅, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Ρ†Π΅Π»Π΅Π²ΠΎΠΉ источник Π·Π½Π°Π», ΠΊΡ‚ΠΎ Π½Π° Π½Π΅Π³ΠΎ ссылаСтся, ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ это Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅.

ΠΠ΅ΠΎΠ±ΡΠ·Π°Ρ‚Π΅Π»ΡŒΠ½Ρ‹ΠΉ Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚ type ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ для ΠΈΠ΄Π΅Π½Ρ‚ΠΈΡ„ΠΈΠΊΠ°Ρ†ΠΈΠΈ Ρ‚ΠΈΠΏΠ° ΠΈΠ½Ρ‚Π΅Ρ€Π½Π΅Ρ‚-носитСля ΠΈΠ»ΠΈ MIME Ρ‚ΠΈΠΏΠ° Ρ†Π΅Π»Π΅Π²ΠΎΠ³ΠΎ Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π°. НапримСр, ΠΏΡ€ΠΈ создании ссылки Π½Π° сайт ΠΌΠΎΠΆΠ½ΠΎ Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚ type=Β»text/htmlΒ», Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡΠΎΠΎΠ±Ρ‰ΠΈΡ‚ΡŒ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Ρƒ, Ρ‡Ρ‚ΠΎ ссылка ΡƒΠΊΠ°Π·Ρ‹Π²Π°Π΅Ρ‚ Π½Π° HTML-Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚.

БСйчас этот Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚ Π½Π΅ ΠΈΠΌΠ΅Π΅Ρ‚ большого значСния. Но Π² Π±ΡƒΠ΄ΡƒΡ‰Π΅ΠΌ ΠΎΠ½ Π±ΡƒΠ΄Π΅Ρ‚ ΡΠΎΠΎΠ±Ρ‰Π°Ρ‚ΡŒ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŽ сайта Ρ‚ΠΈΠΏ ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚Π° Π΅Ρ‰Π΅ Π΄ΠΎ наТатия Π½Π° ссылку.

Π—Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ type Π΄ΠΎΠ»ΠΆΠ½ΠΎ Π±Ρ‹Ρ‚ΡŒ допустимым Ρ‚ΠΈΠΏΠΎΠΌ IANA. НСкоторыС ΠΈΠ· Π½Π°ΠΈΠ±ΠΎΠ»Π΅Π΅ часто ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅ΠΌΡ‹Ρ… Π·Π½Π°Ρ‡Π΅Π½ΠΈΠΉ: text/html, text/css, application/javascript ΠΈ multipart/form-data.

Одним ΠΈΠ· распространСнных способов использования ссылок являСтся созданиС мСню Π½Π°Π²ΠΈΠ³Π°Ρ†ΠΈΠΈ, с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ³ΠΎ опрСдСляСтся логичСская иСрархия структуры сайта.

НазваниС ΡΠ»Π΅ΠΌΠ΅Π½Ρ‚Π°ΠΡ‚Ρ€ΠΈΠ±ΡƒΡ‚Ρ‹ΠŸΡ€ΠΈΠΌΠ΅Ρ‡Π°Π½ΠΈΡ
linkhref
rel
media
title
type
Π­Π»Π΅ΠΌΠ΅Π½Ρ‚ <link> ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ для опрСдСлСния ΠΎΡ‚Π½ΠΎΡˆΠ΅Π½ΠΈΡ ΠΌΠ΅ΠΆΠ΄Ρƒ HTML-Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚ΠΎΠΌ ΠΈ внСшним рСсурсом. Он Ρ‡Π°Ρ‰Π΅ всСго примСняСтся для опрСдСлСния взаимосвязи ΠΌΠ΅ΠΆΠ΄Ρƒ Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚ΠΎΠΌ ΠΈ внСшними Ρ‚Π°Π±Π»ΠΈΡ†Π°ΠΌΠΈ стилСй CSS.
anchorhreflang
download
target
title
href
name
Π­Π»Π΅ΠΌΠ΅Π½Ρ‚ <a> ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ для создания гипСрссылки Π½Π° Π΄Ρ€ΡƒΠ³ΡƒΡŽ Π²Π΅Π±-страницу ΠΈΠ»ΠΈ Π΄Ρ€ΡƒΠ³ΠΎΠ΅ мСсто Π½Π° Ρ‚ΠΎΠΉ ΠΆΠ΅ Π²Π΅Π±-страницС.
basetarget
href
Π­Π»Π΅ΠΌΠ΅Π½Ρ‚ <base> ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ для опрСдСлСния Π±Π°Π·ΠΎΠ²ΠΎΠ³ΠΎ адрСса, ΠΎΡ‚ ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ³ΠΎ ΠΌΠΎΠΆΠ½ΠΎ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ всС ΠΎΡ‚Π½ΠΎΡΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹Π΅ URL, ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°Π΅ΠΌΡ‹Π΅ Π½Π° Π²Π΅Π±-страницС. Если <base> ΠΈΠΌΠ΅Π΅Ρ‚ Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚ target, Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚ target, Ρ‚ΠΎ ΠΎΠ½ Π±ΡƒΠ΄Π΅Ρ‚ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒΡΡ ΠΊΠ°ΠΊ Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚ ΠΏΠΎ ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ для всСх гипСрссылок, ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°Π΅ΠΌΡ‹Ρ… Π² Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π΅.

Данная публикация являСтся ΠΏΠ΅Ρ€Π΅Π²ΠΎΠ΄ΠΎΠΌ ΡΡ‚Π°Ρ‚ΡŒΠΈ Β«Anchors & Links: How They Work In HTMLΒ» , подготовлСнная Ρ€Π΅Π΄Π°ΠΊΡ†ΠΈΠ΅ΠΉ ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π°.

Анкоры ΠΈ ссылки: ΠΊΠ°ΠΊ ΠΎΠ½ΠΈ Ρ€Π°Π±ΠΎΡ‚Π°ΡŽΡ‚ Π² HTML

ГипСрссылки β€” ΠΎΠ΄Π½Π° ΠΈΠ· Ρ„ΡƒΠ½Π΄Π°ΠΌΠ΅Π½Ρ‚Π°Π»ΡŒΠ½Ρ‹Ρ… Ρ‚Π΅Ρ…Π½ΠΎΠ»ΠΎΠ³ΠΈΠΉ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π΄Π΅Π»Π°ΡŽΡ‚ ΠΈΠ½Ρ‚Π΅Ρ€Π½Π΅Ρ‚ ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΠΎΠ½Π½ΠΎΠΉ ΠΌΠ°Π³ΠΈΡΡ‚Ρ€Π°Π»ΡŒΡŽ. ПониманиС Ρ‚ΠΎΠ³ΠΎ, ΠΊΠ°ΠΊ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Π°Π½ΠΊΠΎΡ€Ρ‹, являСтся основным аспСктов, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Π½ΡƒΠΆΠ½ΠΎ ΠΎΡΠ²ΠΎΠΈΡ‚ΡŒ Π² HTML.

Вэгом Π°Π½ΠΊΠΎΡ€Π° являСтся <a>. Для Π½Π΅Π³ΠΎ Ρ‚Ρ€Π΅Π±ΡƒΡŽΡ‚ΡΡ ΠΎΡ‚ΠΊΡ€Ρ‹Π²Π°ΡŽΡ‰ΠΈΠΉΡΡ ΠΈ Π·Π°ΠΊΡ€Ρ‹Π²Π°ΡŽΡ‰ΠΈΠΉΡΡ тэги. ВсС, Ρ‡Ρ‚ΠΎ располоТСно ΠΌΠ΅ΠΆΠ΄Ρƒ Π½ΠΈΠΌΠΈ, это сам Π°Π½ΠΊΠΎΡ€.

Если ΠΌΡ‹ Ρ…ΠΎΡ‚ΠΈΠΌ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ ΠΎΠ΄Π½ΠΎ слово Π² качСствС Π°Π½ΠΊΠΎΡ€Π°, ΠΌΡ‹ ΠΎΠ±ΠΎΡ€Π°Ρ‡ΠΈΠ²Π°Π΅ΠΌ 
Ρ‚ΠΎΠ»ΡŒΠΊΠΎ ΠΎΠ΄Π½ΠΎ <a>слово</a> Π² Ρ‚Π΅Π³ΠΈ Π°Π½ΠΊΠΎΡ€Π°.

Π§Ρ‚ΠΎΠ±Ρ‹ ссылка ΠΎΡ…Π²Π°Ρ‚Ρ‹Π²Π°Π»Π° вСсь Π°Π±Π·Π°Ρ†, Π½ΡƒΠΆΠ½ΠΎ ΠΎΠ±Π΅Ρ€Π½ΡƒΡ‚ΡŒ Π΅Π³ΠΎ Π² Ρ‚Π΅Π³ΠΈ <a>.

<!-- ΠœΡ‹ Ρ‚Π°ΠΊΠΆΠ΅ ΠΌΠΎΠΆΠ΅ΠΌ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Π² качСствС элСмСнта Π°Π½ΠΊΠΎΡ€Π° ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ -->
<a><img src = "http://example.com/image-file.png" /></a>

ΠŸΡ€ΠΈΠ²Π΅Π΄Π΅Π½Π½Ρ‹Π΅ Π²Ρ‹ΡˆΠ΅ ΠΏΡ€ΠΈΠΌΠ΅Ρ€Ρ‹ ΠΌΠ°Π»ΠΎ ΠΏΠΎΠ»Π΅Π·Π½Ρ‹. ΠœΡ‹ Π½Π΅ Π²ΠΊΠ»ΡŽΡ‡ΠΈΠ»ΠΈ Π² Π½ΠΈΡ… Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹Ρ… инструкций. БСйчас эти элСмСнты Π½ΠΈ ΠΊ Ρ‡Π΅ΠΌΡƒ Π½Π΅ привязаны. Для этого Π½ΡƒΠΆΠ½ΠΎ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹Π΅ Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚Ρ‹, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΌΡ‹ рассмотрим Π² этой ΡΡ‚Π°Ρ‚ΡŒΠ΅.

Для создания гипСрссылок Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΡ‹ Ρ‚Ρ€ΠΈ Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚Π°: href, target ΠΈ download.

Атрибут href ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ для указания Ρ†Π΅Π»ΠΈ ΠΈΠ»ΠΈ адрСсата для Π°Π½ΠΊΠΎΡ€Π°. Он примСняСтся для опрСдСлСния URL-адрСса, ΠΊ ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΌΡƒ Π΄ΠΎΠ»ΠΆΠ΅Π½ ΠΏΡ€ΠΈΠ²ΡΠ·Ρ‹Π²Π°Ρ‚ΡŒΡΡ Π°Π½ΠΊΠΎΡ€.

Π’ этом ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π΅ <a href="http://example.com"> тСкста Π°Π½ΠΊΠΎΡ€Π°</a> 
ссылка Π²Π΅Π΄Π΅Ρ‚ Π½Π° URL-адрСс <em> www.example.com </em>.

Π‘ ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚Π° href ΠΌΠΎΠΆΠ½ΠΎ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ Π½Π°ΠΌΠ½ΠΎΠ³ΠΎ большС, Ρ‡Π΅ΠΌ просто ΡƒΠΊΠ°Π·Π°Ρ‚ΡŒ ссылку Π½Π° Π΄Ρ€ΡƒΠ³ΠΎΠΉ сайт. НапримСр:

  • Π˜ΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ для создания прямой ссылки Π½Π° любой элСмСнт Π²Π΅Π±-страницы, ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΌΡƒ Π±Ρ‹Π» присвоСн ΠΈΠ΄Π΅Π½Ρ‚ΠΈΡ„ΠΈΠΊΠ°Ρ‚ΠΎΡ€.
  • Для связи с рСсурсом, ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡ ΠΏΡ€ΠΎΡ‚ΠΎΠΊΠΎΠ», ΠΎΡ‚Π»ΠΈΡ‡Π½Ρ‹ΠΉ ΠΎΡ‚ http.
  • Для запуска скрипта.

НапримСр:

<a href="#Specify_a_Hyperlink_Target_href">Π­Ρ‚ΠΎΡ‚ ΠΏΠ΅Ρ€Π²Ρ‹ΠΉ элСмСнт Π°Π½ΠΊΠΎΡ€Π°</a>  
ссылаСтся Π½Π° Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ  этого Ρ€Π°Π·Π΄Π΅Π»Π° ΡΡ‚Π°Ρ‚ΡŒΠΈ. 
Π˜ΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡ <code>id</code>, ΠΌΡ‹ ΠΌΠΎΠΆΠ΅ΠΌ Π½Π°Π·Π½Π°Ρ‡ΠΈΡ‚ΡŒ для Ρ€Π°Π·Π΄Π΅Π»Π° элСмСнт Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠ°.
ΠœΡ‹ ΠΌΠΎΠΆΠ΅ΠΌ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ ΠΏΡ€ΠΎΡ‚ΠΎΠΊΠΎΠ» <code>mailto</ code>, 
Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ ссылку, которая Π±ΡƒΠ΄Π΅Ρ‚ ΠΏΡ‹Ρ‚Π°Ρ‚ΡŒΡΡ Π·Π°ΠΏΡƒΡΡ‚ΠΈΡ‚ΡŒ Π½Π° вашСм ΠΊΠΎΠΌΠΏΡŒΡŽΡ‚Π΅Ρ€Π΅
ΠΏΠΎΡ‡Ρ‚ΠΎΠ²ΡƒΡŽ ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΡƒ, ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅ΠΌΡƒΡŽ ΠΏΠΎ ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ. Π”Π°Π²Π°ΠΉΡ‚Π΅ ΠΏΠΎΠΏΡ€ΠΎΠ±ΡƒΠ΅ΠΌ! 
Нам Π±Ρ‹ Ρ…ΠΎΡ‚Π΅Π»ΠΎΡΡŒ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π²Ρ‹ <a href="mailto:[email protected]">связались</a> с Π½Π°ΠΌΠΈ!
Если Π²Ρ‹ Π½Π°ΠΆΠΌΠ΅Ρ‚Π΅ ссылку Π½ΠΈΠΆΠ΅, появится ΠΎΠΊΠ½ΠΎ оповСщСния JavaScript.
 <a>НаТмитС ссылку, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡƒΠ²ΠΈΠ΄Π΅Ρ‚ΡŒ, Ρ‡Ρ‚ΠΎ ΠΏΡ€ΠΎΠΈΠ·ΠΎΠΉΠ΄Π΅Ρ‚ </a>.

Π­Π»Π΅ΠΌΠ΅Π½Ρ‚ href прост Π² использовании. Но ΠΌΠΎΠΆΠ½ΠΎ ΠΏΠΎΠ»ΡƒΡ‡ΠΈΡ‚ΡŒ Π½Π°ΠΌΠ½ΠΎΠ³ΠΎ большС, познакомившись с Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚ΠΎΠΌ target.

Рассмотрим ссылку mailto, ΠΊΠΎΡ‚ΠΎΡ€ΡƒΡŽ ΠΌΡ‹ создали Π² ΠΏΡ€Π΅Π΄Ρ‹Π΄ΡƒΡ‰Π΅ΠΌ ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π΅. Π•Π΅ исходный ΠΊΠΎΠ΄:

Нам Π±Ρ‹ Ρ…ΠΎΡ‚Π΅Π»ΠΎΡΡŒ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π²Ρ‹ <a href="mailto:[email protected]">связались</a> с Π½Π°ΠΌΠΈ!

Бсылка ΠΏΠΎΠ»Π΅Π·Π½Π°, Π½ΠΎ способ Π΅Π΅ открытия Π½Π΅ ΠΈΠ΄Π΅Π°Π»Π΅Π½. Π’ зависимости ΠΎΡ‚ настроСк Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π° ΠΈ ПК гипСрссылка ΠΌΠΎΠΆΠ΅Ρ‚ ΠΏΠ΅Ρ€Π΅Π½Π°ΠΏΡ€Π°Π²ΠΈΡ‚ΡŒ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Π΅ΠΉ Π½Π° сайты Ρ‚Π°ΠΊΠΈΡ… ΠΏΠΎΡ‡Ρ‚ΠΎΠ²Ρ‹Ρ… сСрвисов, ΠΊΠ°ΠΊ Gmail ΠΈΠ»ΠΈ Yahoo! Mail. Но ΠΈΠ·-Π·Π° этого ΠΎΠ½ΠΈ посСтитСли ΠΏΠΎΠΊΠΈΠ½ΡƒΡ‚ наш рСсурс.

Π§Ρ‚ΠΎΠ±Ρ‹ Ρ€Π΅ΡˆΠΈΡ‚ΡŒ эту ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌΡƒ, ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚ target со Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ΠΌ _blank.

ΠœΡ‹ Π±ΡƒΠ΄Π΅ΠΌ Ρ€Π°Π΄Ρ‹, Ссли Π²Ρ‹ <a href="mailto:[email protected]"
 target="_blank" rel="noopener">ΡΠ²ΡΠΆΠ΅Ρ‚Π΅ΡΡŒ</a> с Π½Π°ΠΌΠΈ!

Π‘ Π΅Π³ΠΎ ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ ΠΌΡ‹ заставляСм Π±Ρ€Π°ΡƒΠ·Π΅Ρ€ ΠΎΡ‚ΠΊΡ€Ρ‹Π²Π°Ρ‚ΡŒ ссылку Π² Π½ΠΎΠ²ΠΎΠΉ Π²ΠΊΠ»Π°Π΄ΠΊΠ΅ ΠΈΠ»ΠΈ Π½ΠΎΠ²ΠΎΠΌ ΠΎΠΊΠ½Π΅ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π°.

Атрибут download ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ для ΠΈΠ΄Π΅Π½Ρ‚ΠΈΡ„ΠΈΠΊΠ°Ρ†ΠΈΠΈ ссылки, которая Π΄ΠΎΠ»ΠΆΠ½Π° ΠΈΠ½ΠΈΡ†ΠΈΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ Π·Π°Π³Ρ€ΡƒΠ·ΠΊΡƒ. Π—Π½Π°Ρ‡Π΅Π½ΠΈΠ΅, присвоСнноС Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚Ρƒ download , это имя Π·Π°Π³Ρ€ΡƒΠΆΠ°Π΅ΠΌΠΎΠ³ΠΎ Ρ„Π°ΠΉΠ»Π°.

Атрибут href Ρ‚Π°ΠΊΠΆΠ΅ примСняСтся ΠΏΡ€ΠΈ создании Π°Π½ΠΊΠΎΡ€Π°, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ ΠΈΠ½ΠΈΡ†ΠΈΠΈΡ€ΡƒΠ΅Ρ‚ Π·Π°Π³Ρ€ΡƒΠ·ΠΊΡƒ. Он ΡƒΠΊΠ°Π·Ρ‹Π²Π°Π΅Ρ‚ Π½Π° мСсто размСщСния Π·Π°Π³Ρ€ΡƒΠΆΠ°Π΅ΠΌΠΎΠ³ΠΎ Ρ„Π°ΠΉΠ»Π°.

ΠŸΡ€ΠΈΠΌΠ΅Ρ€ Ρ€Π΅Π°Π»ΠΈΠ·Π°Ρ†ΠΈΠΈ:

Π§Ρ‚ΠΎΠ±Ρ‹ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ ссылку, которая ΡƒΠΊΠ°Π·Ρ‹Π²Π°Π΅Ρ‚ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Ρƒ 
<a href="http://example.com/file.ext" download="Example_File">ΡΠΊΠ°Ρ‡Π°Ρ‚ΡŒ Ρ„Π°ΠΉΠ»</a>,
 ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚ <code>href</ code>, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΈΠ΄Π΅Π½Ρ‚ΠΈΡ„ΠΈΡ†ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ Ρ„Π°ΠΉΠ»
 для скачивания
ΠΈ Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚ <code>download</code>, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡƒΠΊΠ°Π·Π°Ρ‚ΡŒ имя скачиваСмого Ρ„Π°ΠΉΠ»Π°.

Атрибут href Π² ΠΏΡ€ΠΈΠ²Π΅Π΄Π΅Π½Π½ΠΎΠΌ Π²Ρ‹ΡˆΠ΅ ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π΅ ΡƒΠΊΠ°Π·Ρ‹Π²Π°Π΅Ρ‚ Π½Π° Ρ€Π΅Π°Π»ΡŒΠ½Ρ‹ΠΉ Ρ„Π°ΠΉΠ». Когда Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠ° Π±ΡƒΠ΄Π΅Ρ‚ Π·Π°Π²Π΅Ρ€ΡˆΠ΅Π½Π°, Π΅Π³ΠΎ имя Π±ΡƒΠ΄Π΅Ρ‚ Example_File.ext, Π³Π΄Π΅ .ext β€” это Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ Ρ„Π°ΠΉΠ»Π°. НСт нСобходимости Π²ΠΊΠ»ΡŽΡ‡Π°Ρ‚ΡŒ Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΠ΅ Ρ„Π°ΠΉΠ»Π° Π² Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅, присваиваСмоС Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚Ρƒ download. Оно Π±ΡƒΠ΄Π΅Ρ‚ ΠΈΠ΄Π΅Π½Ρ‚ΠΈΡ„ΠΈΡ†ΠΈΡ€ΠΎΠ²Π°Π½ΠΎ ΠΈ Π΄ΠΎΠ±Π°Π²Π»Π΅Π½ΠΎ ΠΊ ΠΈΠΌΠ΅Π½ΠΈ Π·Π°Π³Ρ€ΡƒΠΆΠ΅Π½Π½ΠΎΠ³ΠΎ Ρ„Π°ΠΉΠ»Π°.

БущСствуСт Π΄Π²Π° Ρ‚ΠΈΠΏΠ° гипСрссылок: Π²Π½ΡƒΡ‚Ρ€Π΅Π½Π½ΠΈΠ΅ ΠΈ внСшниС. Π’Π½ΡƒΡ‚Ρ€Π΅Π½Π½ΠΈΠ΅ ссылки β€” это Ρ‚Π΅, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΡƒΠΊΠ°Π·Ρ‹Π²Π°ΡŽΡ‚ Π½Π° Π΄Ρ€ΡƒΠ³ΠΈΠ΅ страницы сайта. Π’Π½Π΅ΡˆΠ½ΠΈΠ΅ ссылки ΡƒΠΊΠ°Π·Ρ‹Π²Π°ΡŽΡ‚ Π½Π° Π²Π΅Π±-страницы, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π½Π΅ ΡΠ²Π»ΡΡŽΡ‚ΡΡ Ρ‡Π°ΡΡ‚ΡŒΡŽ сайта.

Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ Π²Π½ΡƒΡ‚Ρ€Π΅Π½Π½ΠΈΡ… ссылок Π²Π°ΠΆΠ½ΠΎ ΠΏΠΎ нСскольким ΠΏΡ€ΠΈΡ‡ΠΈΠ½Π°ΠΌ:

  • Они ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‚ΡΡ для создания мСню Π½Π°Π²ΠΈΠ³Π°Ρ†ΠΈΠΈ сайта.
  • Π’Π½ΡƒΡ‚Ρ€Π΅Π½Π½ΠΈΠ΅ ссылки ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‚ΡΡ Π² ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚Π΅ сайт, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΏΠΎΠΌΠΎΡ‡ΡŒ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡΠΌ Π½Π°ΠΉΡ‚ΠΈ связанныС ΠΏΡƒΠ±Π»ΠΈΠΊΠ°Ρ†ΠΈΠΈ.
  • Они ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‚ΡΡ поисковыми Ρ€ΠΎΠ±ΠΎΡ‚Π°ΠΌΠΈ ΠΏΡ€ΠΈ Π°Π½Π°Π»ΠΈΠ·Π΅ содСрТимого сайта.

ΠŸΡ€ΠΈ создании Π²Π½ΡƒΡ‚Ρ€Π΅Π½Π½ΠΈΡ… ссылок ΡƒΠ±Π΅Π΄ΠΈΡ‚Π΅ΡΡŒ, Ρ‡Ρ‚ΠΎ Π²Ρ‹ Π½Π΅ пСрСусСрдствовали. Бсылочный вСс любой Π²Π΅Π±-страницы пСрСдаСтся Ρ‡Π΅Ρ€Π΅Π· ссылки, Ρ€Π°Π·ΠΌΠ΅Ρ‰Π΅Π½Π½Ρ‹Π΅ Π½Π° Π½Π΅ΠΉ. Π§Π΅ΠΌ большС ссылок Π²Ρ‹ Ρ€Π°Π·ΠΌΠ΅Ρ‰Π°Π΅Ρ‚Π΅ Π½Π° страницС, Ρ‚Π΅ΠΌ большС ссылочного вСса ΡƒΡ…ΠΎΠ΄ΠΈΡ‚ Ρ‡Π΅Ρ€Π΅Π· эти ссылки. РСкомСндуСтся Ρ€Π°Π·ΠΌΠ΅Ρ‰Π°Ρ‚ΡŒ Π½Π΅ Π±ΠΎΠ»Π΅Π΅ 100 ссылок Π½Π° ΠΎΠ΄Π½ΠΎΠΉ страницС.

Π’Π½Π΅ΡˆΠ½ΠΈΠ΅ ссылки Π²Π°ΠΆΠ½Ρ‹ ΠΏΠΎ нСскольким ΠΏΡ€ΠΈΡ‡ΠΈΠ½Π°ΠΌ:

  • Π’Π½Π΅ΡˆΠ½ΠΈΠ΅ ссылки ΠΏΠΎΠ·Π²ΠΎΠ»ΡΡŽΡ‚ ΡΡΡ‹Π»Π°Ρ‚ΡŒΡΡ Π½Π° ΠΏΠΎΠ»Π΅Π·Π½Ρ‹ΠΉ для посСтитСлСй сайта сторонний ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚.
  • Когда Π΄Ρ€ΡƒΠ³ΠΈΠ΅ ΠΏΠ»ΠΎΡ‰Π°Π΄ΠΊΠΈ ΠΏΡƒΠ±Π»ΠΈΠΊΡƒΡŽΡ‚ ссылки, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΡƒΠΊΠ°Π·Ρ‹Π²Π°ΡŽΡ‚ Π½Π° наш сайт, ΠΎΠ½ΠΈ становятся ΠΎΠ±Ρ€Π°Ρ‚Π½Ρ‹ΠΌΠΈ ссылками. Они ΠΏΠΎΠ·Π²ΠΎΠ»ΡΡŽΡ‚ ΠΏΠ΅Ρ€Π΅Π΄Π°Π²Π°Ρ‚ΡŒ Π²Π°ΡˆΠ΅ΠΌΡƒ сайту ссылочный вСс ΠΈ ΡƒΠ»ΡƒΡ‡ΡˆΠ°Ρ‚ΡŒ Π΅Π³ΠΎ Ρ€Π°Π½ΠΆΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅.

ΠŸΡ€ΠΈ использовании Π²Π½Π΅ΡˆΠ½ΠΈΡ… ссылок Π½Π΅ ΡΡΡ‹Π»Π°ΠΉΡ‚Π΅ΡΡŒ Π½Π° прямых ΠΊΠΎΠ½ΠΊΡƒΡ€Π΅Π½Ρ‚ΠΎΠ². И Π½Π΅ Π·Π°Π±Ρ‹Π²Π°ΠΉΡ‚Π΅ ΠΏΡ€ΠΈΠΌΠ΅Π½ΡΡ‚ΡŒ Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚ target=Β»_ blankΒ». ΠžΡ‚ΠΊΡ€Ρ‹Π²Π°Ρ внСшниС ссылки Π² Π½ΠΎΠ²ΠΎΠΉ Π²ΠΊΠ»Π°Π΄ΠΊΠ΅ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π°, ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΠΈ ΠΏΡ€ΠΎΠ΄ΠΎΠ»ΠΆΠ°ΡŽΡ‚ ΠΎΡΡ‚Π°Π²Π°Ρ‚ΡŒΡΡ Π½Π° вашСм сайтС.

ΠšΠΎΠ½Π΅Ρ‡Π½ΠΎ, Π²Ρ‹ Π²ΠΈΠ΄Π΅Π»ΠΈ ΠΈ ссылки, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ выглядят ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π½ΠΎ Ρ‚Π°ΠΊ:

Π§Ρ‚ΠΎΠ±Ρ‹ ΡƒΠ·Π½Π°Ρ‚ΡŒ большС <a href="http://example.com">Π½Π°ΠΆΠΌΠΈΡ‚Π΅ здСсь</a>!

Но Π»ΡƒΡ‡ΡˆΠ΅ Π½Π΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Ρ‚Π°ΠΊΠΈΠ΅ Π°Π½ΠΊΠΎΡ€Ρ‹. Для этого сущСствуСт нСсколько ΠΏΡ€ΠΈΡ‡ΠΈΠ½:

  • ΠŸΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡΠΌ потрСбуСтся нСсколько сСкунд, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΈΡΡΠ»Π΅Π΄ΠΎΠ²Π°Ρ‚ΡŒ тСкст Π²ΠΎΠΊΡ€ΡƒΠ³ ссылки ΠΈ ΠΏΠΎΠ»ΡƒΡ‡ΠΈΡ‚ΡŒ прСдставлСниС ΠΎ Ρ‚ΠΎΠΌ, ΠΊΡƒΠ΄Π° ΠΎΠ½Π° Π²Π΅Π΄Π΅Ρ‚.
  • ΠŸΠΎΠΈΡΠΊΠΎΠ²Ρ‹Π΅ Ρ€ΠΎΠ±ΠΎΡ‚Ρ‹ ΡΠ²ΡΠ·Ρ‹Π²Π°ΡŽΡ‚ тСкст Π°Π½ΠΊΠΎΡ€Π° с URL-адрСсом ссылки. ΠŸΡ€Π°Π²ΠΈΠ»ΡŒΠ½ΠΎ ΠΏΠΎΠ΄ΠΎΠ±Ρ€Π°Π½Π½Ρ‹ΠΉ Π°Π½ΠΊΠΎΡ€ ΠΏΠΎΠΌΠΎΠ³Π°Π΅Ρ‚ поисковым систСмам ΠΎΠΏΡ€Π΅Π΄Π΅Π»ΡΡ‚ΡŒ Ρ€Π΅Π»Π΅Π²Π°Π½Ρ‚Π½ΠΎΡΡ‚ΡŒ Π²Π΅Π±-страницы ΠΊΠ»ΡŽΡ‡Π΅Π²ΠΈΠΊΠ°ΠΌ.

ВСкст Π°Π½ΠΊΠΎΡ€Π° Π΄ΠΎΠ»ΠΆΠ΅Π½ Π±Ρ‹Ρ‚ΡŒ ΠΊΡ€Π°Ρ‚ΠΊΠΈΠΌ ΠΈ ΠΈΠ΄Π΅Π½Ρ‚ΠΈΡ„ΠΈΡ†ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ ΠΊΠ»ΡŽΡ‡Π΅Π²Ρ‹Π΅ слова, относящиСся ΠΊ Π²Π΅Π±-страницС. Π”Π²Π° ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π° ΠΏΡ€Π°Π²ΠΈΠ»ΡŒΠ½ΠΎ Π²Ρ‹Π±Ρ€Π°Π½Π½ΠΎΠ³ΠΎ тСкста ссылки:

Если Ρ…ΠΎΡ‚ΠΈΡ‚Π΅, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ваш сайт ΠΏΠΎΠ»ΡƒΡ‡Π°Π» большС Ρ‚Ρ€Π°Ρ„ΠΈΠΊΠ° ΠΈΠ· 
<a href="http://www.google.com/" target="_blank" rel="noopener">
 поисковых систСм</a>,
 ΠΎΠ·Π½Π°ΠΊΠΎΠΌΡŒΡ‚Π΅ΡΡŒ с нашим <a href="/seo/">руководством ΠΏΠΎ SEO</a>,
 Π² ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΌ Π²Ρ‹ Π½Π°ΠΉΠ΄Π΅Ρ‚Π΅ совСты ΠΏΠΎ ΡƒΠ»ΡƒΡ‡ΡˆΠ΅Π½ΠΈΡŽ ранТирования сайта.

ΠŸΠ΅Ρ€Π²Π°Ρ ссылка сообщаСт поисковым Ρ€ΠΎΠ±ΠΎΡ‚Π°ΠΌ ΠΈ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡΠΌ, Ρ‡Ρ‚ΠΎ сайт http://www.google.com ΠΈΠΌΠ΅Π΅Ρ‚ ΠΎΡ‚Π½ΠΎΡˆΠ΅Π½ΠΈΠ΅ ΠΊ ΠΊΠ»ΡŽΡ‡Π΅Π²ΠΎΠΌΡƒ слову «поисковыС систСмы». Вторая ссылка сообщаСт, Ρ‡Ρ‚ΠΎ страница, располоТСнная ΠΏΠΎ ΠΎΡ‚Π½ΠΎΡΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎΠΌΡƒ URL-адрСсу /seo/, связана с ΠΊΠ»ΡŽΡ‡Π΅Π²Ρ‹ΠΌ словом «руководство ΠΏΠΎ SEOΒ».

ΠΠ±ΡΠΎΠ»ΡŽΡ‚Π½Ρ‹Π΅ URL-адрСса β€” это Ρ‚Π΅, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ содСрТат ΠΏΠΎΠ»Π½ΠΎΠ΅ (Π°Π±ΡΠΎΠ»ΡŽΡ‚Π½ΠΎΠ΅) описаниС адрСса ссылки. Они Π²ΠΊΠ»ΡŽΡ‡Π°ΡŽΡ‚ Π² сСбя ΠΏΡ€ΠΎΡ‚ΠΎΠΊΠΎΠ» (http), ΠΏΠΎΠ»Π½ΠΎΠ΅ имя Π΄ΠΎΠΌΠ΅Π½Π° ΠΈ ΠΏΡƒΡ‚ΡŒ ΠΊ Ρ„Π°ΠΉΠ»Ρƒ.

ΠžΡ‚Π½ΠΎΡΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹Π΅ URL-адрСса, ΡΡΡ‹Π»Π°ΡΡΡŒ Π½Π° Π²Π΅Π±-страницу, ΠΎΠΏΠΈΡΡ‹Π²Π°ΡŽΡ‚ Π΅Π΅ ΠΏΠΎΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ ΠΎΡ‚Π½ΠΎΡΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ Ρ‚Π΅ΠΊΡƒΡ‰Π΅ΠΉ Π²Π΅Π±-страницы. ΠŸΡ€ΠΈ создании Π²Π½ΡƒΡ‚Ρ€Π΅Π½Π½ΠΈΡ… ссылок, ΡƒΠΊΠ°Π·Ρ‹Π²Π°ΡŽΡ‰ΠΈΡ… Π½Π° Π΄Ρ€ΡƒΠ³ΠΈΠ΅ страницы ΠΎΠ΄Π½ΠΎΠ³ΠΎ ΠΈ Ρ‚ΠΎΠ³ΠΎ ΠΆΠ΅ сайта, ΠΌΠΎΠΆΠ½ΠΎ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ ΠΎΡ‚Π½ΠΎΡΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹Π΅ URL-адрСса, Π° Π½Π΅ Π°Π±ΡΠΎΠ»ΡŽΡ‚Π½Ρ‹Π΅.

НапримСр, Ссли ΠΌΡ‹ находимся ΠΏΠΎ адрСсу: http://example.com/products/red-product/, ΠΈ Ρ…ΠΎΡ‚ΠΈΠΌ ΡΠΎΡΠ»Π°Ρ‚ΡŒΡΡ Π½Π° страницу синСго Ρ‚ΠΎΠ²Π°Ρ€Π°, ΠΌΠΎΠΆΠ½ΠΎ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ любой ΠΈΠ· ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΡ… Π°Π½ΠΊΠΎΡ€ΠΎΠ²:

<a href="/products/blue-product/">ΠŸΠ΅Ρ€Π΅ΠΉΡ‚ΠΈ ΠΊ страницС синСго Ρ‚ΠΎΠ²Π°Ρ€Π°!</a>
<a href="../blue-product/">ΠŸΠ΅Ρ€Π΅ΠΉΡ‚ΠΈ ΠΊ страницС синСго Ρ‚ΠΎΠ²Π°Ρ€Π°!</a>

ΠŸΠ΅Ρ€Π²Ρ‹ΠΉ синтаксис Π³ΠΎΠ²ΠΎΡ€ΠΈΡ‚ ΡΠ»Π΅Π΄ΡƒΡŽΡ‰Π΅Π΅: Β«ΠŸΠ΅Ρ€Π΅ΠΉΠ΄ΠΈΡ‚Π΅ Π½Π° самый Π½ΠΈΠΆΠ½ΠΈΠΉ ΡƒΡ€ΠΎΠ²Π΅Π½ΡŒ Π΄Π΅Ρ€Π΅Π²Π°, Π½Π°ΠΉΠ΄ΠΈΡ‚Π΅ Π² Π½Π΅ΠΌ ΠΊΠ°Ρ‚Π°Π»ΠΎΠ³ product, Π° Π² Π½Π΅ΠΌ ΠΎΡ‚ΠΊΡ€ΠΎΠΉΡ‚Π΅ ΠΏΠ°ΠΏΠΊΡƒ blue-product. Π’Ρ‚ΠΎΡ€ΠΎΠΉ синтаксис Π³ΠΎΠ²ΠΎΡ€ΠΈΡ‚ ΡΠ»Π΅Π΄ΡƒΡŽΡ‰Π΅Π΅: Β«ΠŸΠ΅Ρ€Π΅ΠΉΠ΄ΠΈΡ‚Π΅ Π² Ρ€ΠΎΠ΄ΠΈΡ‚Π΅Π»ΡŒΡΠΊΠΈΠΉ ΠΊΠ°Ρ‚Π°Π»ΠΎΠ³ для red-product ΠΈ Π² Π½Π΅ΠΌ Π²Ρ‹ Π½Π°ΠΉΠ΄Π΅Ρ‚Π΅ ΠΏΠ°ΠΏΠΊΡƒ blue-productΒ». Оба Π°Π½ΠΊΠΎΡ€Π° ΡƒΠΊΠ°Π·Ρ‹Π²Π°ΡŽΡ‚ Π½Π° URL-адрСс: http://example.com/products/blue-product/.

ΠŸΡ€Π΅Π΄ΠΏΠΎΠ»ΠΎΠΆΠΈΠΌ, Ρ‡Ρ‚ΠΎ Π½ΡƒΠΆΠ½ΠΎ Ρ€Π°Π·ΠΌΠ΅ΡΡ‚ΠΈΡ‚ΡŒ ссылку Π½Π° страницу Β«About UsΒ», которая являСтся прямым ΠΏΠΎΡ‚ΠΎΠΌΠΊΠΎΠΌ Π³Π»Π°Π²Π½ΠΎΠΉ. Π’ΠΎΡ‚ ΠΊΠ°ΠΊ ΠΌΠΎΠΆΠ½ΠΎ это ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ:

<a href="/about-us/">Π£Π·Π½Π°ΠΉΡ‚Π΅ большС ΠΎ нас.</a>

Π’ этом ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π΅ говорится ΡΠ»Π΅Π΄ΡƒΡŽΡ‰Π΅Π΅: Β«Π’Π΅Ρ€Π½ΠΈΡ‚Π΅ΡΡŒ ΠΊ самому Π½ΠΈΠΆΠ½Π΅ΠΌΡƒ ΡƒΡ€ΠΎΠ²Π½ΡŽ Π΄Π΅Ρ€Π΅Π²Π° ΠΊΠ°Ρ‚Π°Π»ΠΎΠ³ΠΎΠ², Π° Π·Π°Ρ‚Π΅ΠΌ Π½Π°ΠΉΠ΄ΠΈΡ‚Π΅ ΠΏΠ°ΠΏΠΊΡƒ about-usΒ».

ΠŸΡ€Π΅Π΄ΠΏΠΎΠ»ΠΎΠΆΠΈΠΌ, Ρ‡Ρ‚ΠΎ ΠΌΡ‹ снова находимся ΠΏΠΎ адрСсу http://example.com/products/red-product/, ΠΈ Ρ…ΠΎΡ‚ΠΈΠΌ Ρ€Π°Π·ΠΌΠ΅ΡΡ‚ΠΈΡ‚ΡŒ ссылку Π½Π° страницу ΠΏΠΎΠ΄ΠΊΠ°Ρ‚Π΅Π³ΠΎΡ€ΠΈΠΈ. Она располагаСтся Π² ΠΊΠ°Ρ‚Π°Π»ΠΎΠ³Π΅ /red-products /category.

<a href="large.php">Π‘ΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ всС красныС Ρ‚ΠΎΠ²Π°Ρ€Ρ‹, доступныС Π² большом Ρ€Π°Π·ΠΌΠ΅Ρ€Π΅!</a>

ΠŸΡ€ΠΈΠ²Π΅Π΄Π΅Π½Π½Ρ‹ΠΉ Π²Ρ‹ΡˆΠ΅ URL-адрСс заставляСт Π±Ρ€Π°ΡƒΠ·Π΅Ρ€ ΠΈΡΠΊΠ°Ρ‚ΡŒ Π² Ρ‚Π΅ΠΊΡƒΡ‰Π΅ΠΉ ΠΏΠ°ΠΏΠΊΠ΅ Ρ„Π°ΠΉΠ» large.php ΠΈ ΠΏΡ€Π΅ΠΎΠ±Ρ€Π°Π·ΠΎΠ²Π°Ρ‚ΡŒ Π΅Π³ΠΎ Π² URL-адрСс β€” http://example.com/products/red-product/large.php.

Π“Π»Π°Π²Π½ΠΎΠ΅ ΠΎΠ± ΠΎΡ‚Π½ΠΎΡΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹Ρ… URL:

  • Если URL-адрСс начинаСтся с Β«/Β», Ρ‚ΠΎ ΠΌΡ‹ заставляСм Π±Ρ€Π°ΡƒΠ·Π΅Ρ€ ΠΈΡΠΊΠ°Ρ‚ΡŒ ΡƒΠΊΠ°Π·Π°Π½Π½Ρ‹ΠΉ Ρ„Π°ΠΉΠ» ΠΈΠ»ΠΈ ΠΏΠ°ΠΏΠΊΡƒ Π½Π° самом Π½ΠΈΠΆΠ½Π΅ΠΌ ΡƒΡ€ΠΎΠ²Π½Π΅ Π΄Π΅Ρ€Π΅Π²Π° ΠΊΠ°Ρ‚Π°Π»ΠΎΠ³ΠΎΠ².
  • Если URL-адрСс начинаСтся с Β«../Β», Ρ‚ΠΎ ΠΌΡ‹ ΡƒΠΊΠ°Π·Ρ‹Π²Π°Π΅ΠΌ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Ρƒ Π½Π° Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎΡΡ‚ΡŒ Π²Π΅Ρ€Π½ΡƒΡ‚ΡŒΡΡ Π½Π° ΠΎΠ΄ΠΈΠ½ ΡƒΡ€ΠΎΠ²Π΅Π½ΡŒ Π²Π²Π΅Ρ€Ρ… Π² Π΄Π΅Ρ€Π΅Π²Π΅ ΠΊΠ°Ρ‚Π°Π»ΠΎΠ³ΠΎΠ².
  • Если URL-адрСс начинаСтся с ΠΈΠΌΠ΅Π½ΠΈ Ρ„Π°ΠΉΠ»Π° ΠΈΠ»ΠΈ ΠΏΠ°ΠΏΠΊΠΈ, Ρ‚ΠΎ ΠΌΡ‹ ΡƒΠΊΠ°Π·Ρ‹Π²Π°Π΅ΠΌ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Ρƒ ΠΈΡΠΊΠ°Ρ‚ΡŒ рСсурсы Π² Ρ‚Π΅ΠΊΡƒΡ‰Π΅ΠΌ Ρ„Π°ΠΉΠ»Π΅.

Π‘ΡƒΡ‰Π΅ΡΡ‚Π²ΡƒΡŽΡ‚ Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹Π΅ Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚Ρ‹, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΌΠΎΠΆΠ½ΠΎ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ ΠΏΡ€ΠΈ Ρ€Π°Π±ΠΎΡ‚Π΅ с Π°Π½ΠΊΠΎΡ€Π°ΠΌΠΈ гипСрссылок.

Π­Ρ‚ΠΎΡ‚ Π½Π΅ΠΎΠ±ΡΠ·Π°Ρ‚Π΅Π»ΡŒΠ½Ρ‹ΠΉ Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚ сообщаСт Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Ρƒ язык Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π°, Π½Π° ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Π²Π΅Π΄Π΅Ρ‚ ссылка. НапримСр, Ссли Π½ΡƒΠΆΠ½ΠΎ ΡΠΎΠΎΠ±Ρ‰ΠΈΡ‚ΡŒ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Ρƒ, Ρ‡Ρ‚ΠΎ Ρ†Π΅Π»Π΅Π²ΠΎΠΉ источник написан Π½Π° испанском, ΠΌΡ‹ Π±ΡƒΠ΄Π΅ΠΌ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Π² качСствС значСния hreflang ΡΠΎΠΎΡ‚Π²Π΅Ρ‚ΡΡ‚Π²ΡƒΡŽΡ‰ΠΈΠΉ ΠΊΠΎΠ΄ языка Π² Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π΅ ISO 639-1.

Π§Ρ‚ΠΎΠ±Ρ‹ ΡΠΎΠΎΠ±Ρ‰ΠΈΡ‚ΡŒ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Ρƒ, Ρ‡Ρ‚ΠΎ <a href="http://example.com" hreflang="es">ссылка</a>
 Π²Π΅Π΄Π΅Ρ‚ Π½Π° рСсурс Π½Π° Π΄Ρ€ΡƒΠ³ΠΎΠΌ языкС, ΠΌΠΎΠΆΠ½ΠΎ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚ 
<code> hreflang </ code>.

Атрибут rel ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ для описания ΠΎΡ‚Π½ΠΎΡˆΠ΅Π½ΠΈΠΉ ΠΌΠ΅ΠΆΠ΄Ρƒ Π°Π½ΠΊΠΎΡ€ΠΎΠΌ ΠΈ Ρ†Π΅Π»Π΅Π²Ρ‹ΠΌ источником. НапримСр:

Π­Ρ‚Π° ΡΡ‚Π°Ρ‚ΡŒΡ Π±Ρ‹Π»Π° написана <a href="https://plus.google.com/+AuthorName"
rel="author">ΠžΡ‚Π»ΠΈΡ‡Π½Ρ‹ΠΌ Π°Π²Ρ‚ΠΎΡ€ΠΎΠΌ</a>.

БущСствуСт нСсколько Π·Π½Π°Ρ‡Π΅Π½ΠΈΠΉ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΏΡ€ΠΈΠ½ΠΈΠΌΠ°Π΅Ρ‚ Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚ rel:

  • rel=Β»nofollowΒ»: ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ это Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅, Ссли ΡΡΡ‹Π»Π°Π΅Ρ‚Π΅ΡΡŒ Π½Π° рСсурс, Π½ΠΎ Π½Π΅ Ρ…ΠΎΡ‚ΠΈΡ‚Π΅ ΠΏΠ΅Ρ€Π΅Π΄Π°Π²Π°Ρ‚ΡŒ Π΅ΠΌΡƒ ссылочный вСс своСго сайта. НапримСр, Ссли ΡΡΡ‹Π»Π°Π΅Ρ‚Π΅ΡΡŒ Π½Π° спамовый сайт Π² качСствС ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π° Ρ‚ΠΎΠ³ΠΎ, Ρ‡Π΅Π³ΠΎ Π½Π΅ Π½ΡƒΠΆΠ½ΠΎ Π΄Π΅Π»Π°Ρ‚ΡŒ.
  • rel=Β»alternateΒ»: Ссли сайт ΠΈΠΌΠ΅Π΅Ρ‚ большС ΠΎΠ΄Π½ΠΎΠΉ вСрсии, ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ это Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ для ΠΈΠ΄Π΅Π½Ρ‚ΠΈΡ„ΠΈΠΊΠ°Ρ†ΠΈΠΈ связанного рСсурса Π² качСствС Π°Π»ΡŒΡ‚Π΅Ρ€Π½Π°Ρ‚ΠΈΠ²Π½ΠΎΠΉ вСрсии Ρ‚Π΅ΠΊΡƒΡ‰Π΅ΠΉ страницы.
  • rel=Β»bookmarkΒ»: это Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ для опрСдСлСния URL-адрСса, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ являСтся постоянным ΠΈ ΠΌΠΎΠΆΠ΅Ρ‚ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒΡΡ для Π·Π°ΠΊΠ»Π°Π΄ΠΊΠΈ.
  • rel=Β»helpΒ»: ΠΈΠ΄Π΅Π½Ρ‚ΠΈΡ„ΠΈΡ†ΠΈΡ€ΡƒΠ΅Ρ‚ связанный рСсурс ΠΊΠ°ΠΊ Ρ„Π°ΠΉΠ» справки для страницы с этим Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ΠΌ.
  • rel=Β»licenseΒ»: ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ этот Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚ для ссылки Π½Π° Π»ΠΈΡ†Π΅Π½Π·ΠΈΡŽ авторских ΠΏΡ€Π°Π².
  • rel=Β»nextΒ»: ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ это Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ для ссылки Π½Π° ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠΉ Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚ ΠΈΠ· сСрии.
  • rel=Β»prevΒ»: ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ это Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ для ссылки Π½Π° ΠΏΡ€Π΅Π΄Ρ‹Π΄ΡƒΡ‰ΠΈΠΉ Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚ ΠΈΠ· сСрии.
  • rel=Β»noreferrerΒ»: Ссли Ρ…ΠΎΡ‚ΠΈΡ‚Π΅ Ρ€Π°Π·ΠΌΠ΅ΡΡ‚ΠΈΡ‚ΡŒ ссылку Π½Π° внСшний сайт, Π½ΠΎ Π½Π΅ Ρ…ΠΎΡ‚ΠΈΡ‚Π΅, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Ρ†Π΅Π»Π΅Π²ΠΎΠΉ источник Π·Π½Π°Π», ΠΊΡ‚ΠΎ Π½Π° Π½Π΅Π³ΠΎ ссылаСтся, ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ это Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅.

ΠΠ΅ΠΎΠ±ΡΠ·Π°Ρ‚Π΅Π»ΡŒΠ½Ρ‹ΠΉ Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚ type ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ для ΠΈΠ΄Π΅Π½Ρ‚ΠΈΡ„ΠΈΠΊΠ°Ρ†ΠΈΠΈ Ρ‚ΠΈΠΏΠ° ΠΈΠ½Ρ‚Π΅Ρ€Π½Π΅Ρ‚-носитСля ΠΈΠ»ΠΈ MIME Ρ‚ΠΈΠΏΠ° Ρ†Π΅Π»Π΅Π²ΠΎΠ³ΠΎ Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π°. НапримСр, ΠΏΡ€ΠΈ создании ссылки Π½Π° сайт ΠΌΠΎΠΆΠ½ΠΎ Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚ type=Β»text/htmlΒ», Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡΠΎΠΎΠ±Ρ‰ΠΈΡ‚ΡŒ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Ρƒ, Ρ‡Ρ‚ΠΎ ссылка ΡƒΠΊΠ°Π·Ρ‹Π²Π°Π΅Ρ‚ Π½Π° HTML-Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚.

БСйчас этот Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚ Π½Π΅ ΠΈΠΌΠ΅Π΅Ρ‚ большого значСния. Но Π² Π±ΡƒΠ΄ΡƒΡ‰Π΅ΠΌ ΠΎΠ½ Π±ΡƒΠ΄Π΅Ρ‚ ΡΠΎΠΎΠ±Ρ‰Π°Ρ‚ΡŒ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŽ сайта Ρ‚ΠΈΠΏ ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚Π° Π΅Ρ‰Π΅ Π΄ΠΎ наТатия Π½Π° ссылку.

Π—Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ type Π΄ΠΎΠ»ΠΆΠ½ΠΎ Π±Ρ‹Ρ‚ΡŒ допустимым Ρ‚ΠΈΠΏΠΎΠΌ IANA. НСкоторыС ΠΈΠ· Π½Π°ΠΈΠ±ΠΎΠ»Π΅Π΅ часто ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅ΠΌΡ‹Ρ… Π·Π½Π°Ρ‡Π΅Π½ΠΈΠΉ: text/html, text/css, application/javascript ΠΈ multipart/form-data.

Одним ΠΈΠ· распространСнных способов использования ссылок являСтся созданиС мСню Π½Π°Π²ΠΈΠ³Π°Ρ†ΠΈΠΈ, с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ³ΠΎ опрСдСляСтся логичСская иСрархия структуры сайта.

НазваниС ΡΠ»Π΅ΠΌΠ΅Π½Ρ‚Π°ΠΡ‚Ρ€ΠΈΠ±ΡƒΡ‚Ρ‹ΠŸΡ€ΠΈΠΌΠ΅Ρ‡Π°Π½ΠΈΡ
linkhref
rel
media
title
type
Π­Π»Π΅ΠΌΠ΅Π½Ρ‚ <link> ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ для опрСдСлСния ΠΎΡ‚Π½ΠΎΡˆΠ΅Π½ΠΈΡ ΠΌΠ΅ΠΆΠ΄Ρƒ HTML-Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚ΠΎΠΌ ΠΈ внСшним рСсурсом. Он Ρ‡Π°Ρ‰Π΅ всСго примСняСтся для опрСдСлСния взаимосвязи ΠΌΠ΅ΠΆΠ΄Ρƒ Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚ΠΎΠΌ ΠΈ внСшними Ρ‚Π°Π±Π»ΠΈΡ†Π°ΠΌΠΈ стилСй CSS.
anchorhreflang
download
target
title
href
name
Π­Π»Π΅ΠΌΠ΅Π½Ρ‚ <a> ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ для создания гипСрссылки Π½Π° Π΄Ρ€ΡƒΠ³ΡƒΡŽ Π²Π΅Π±-страницу ΠΈΠ»ΠΈ Π΄Ρ€ΡƒΠ³ΠΎΠ΅ мСсто Π½Π° Ρ‚ΠΎΠΉ ΠΆΠ΅ Π²Π΅Π±-страницС.
basetarget
href
Π­Π»Π΅ΠΌΠ΅Π½Ρ‚ <base> ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ для опрСдСлСния Π±Π°Π·ΠΎΠ²ΠΎΠ³ΠΎ адрСса, ΠΎΡ‚ ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ³ΠΎ ΠΌΠΎΠΆΠ½ΠΎ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ всС ΠΎΡ‚Π½ΠΎΡΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹Π΅ URL, ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°Π΅ΠΌΡ‹Π΅ Π½Π° Π²Π΅Π±-страницС. Если <base> ΠΈΠΌΠ΅Π΅Ρ‚ Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚ target, Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚ target, Ρ‚ΠΎ ΠΎΠ½ Π±ΡƒΠ΄Π΅Ρ‚ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒΡΡ ΠΊΠ°ΠΊ Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚ ΠΏΠΎ ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ для всСх гипСрссылок, ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°Π΅ΠΌΡ‹Ρ… Π² Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π΅.

Данная публикация являСтся ΠΏΠ΅Ρ€Π΅Π²ΠΎΠ΄ΠΎΠΌ ΡΡ‚Π°Ρ‚ΡŒΠΈ Β«Anchors & Links: How They Work In HTMLΒ» , подготовлСнная Ρ€Π΅Π΄Π°ΠΊΡ†ΠΈΠ΅ΠΉ ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π°.

Анкоры ΠΈ ссылки: ΠΊΠ°ΠΊ ΠΎΠ½ΠΈ Ρ€Π°Π±ΠΎΡ‚Π°ΡŽΡ‚ Π² HTML

ГипСрссылки β€” ΠΎΠ΄Π½Π° ΠΈΠ· Ρ„ΡƒΠ½Π΄Π°ΠΌΠ΅Π½Ρ‚Π°Π»ΡŒΠ½Ρ‹Ρ… Ρ‚Π΅Ρ…Π½ΠΎΠ»ΠΎΠ³ΠΈΠΉ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π΄Π΅Π»Π°ΡŽΡ‚ ΠΈΠ½Ρ‚Π΅Ρ€Π½Π΅Ρ‚ ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΠΎΠ½Π½ΠΎΠΉ ΠΌΠ°Π³ΠΈΡΡ‚Ρ€Π°Π»ΡŒΡŽ. ПониманиС Ρ‚ΠΎΠ³ΠΎ, ΠΊΠ°ΠΊ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Π°Π½ΠΊΠΎΡ€Ρ‹, являСтся основным аспСктов, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Π½ΡƒΠΆΠ½ΠΎ ΠΎΡΠ²ΠΎΠΈΡ‚ΡŒ Π² HTML.

Вэгом Π°Π½ΠΊΠΎΡ€Π° являСтся <a>. Для Π½Π΅Π³ΠΎ Ρ‚Ρ€Π΅Π±ΡƒΡŽΡ‚ΡΡ ΠΎΡ‚ΠΊΡ€Ρ‹Π²Π°ΡŽΡ‰ΠΈΠΉΡΡ ΠΈ Π·Π°ΠΊΡ€Ρ‹Π²Π°ΡŽΡ‰ΠΈΠΉΡΡ тэги. ВсС, Ρ‡Ρ‚ΠΎ располоТСно ΠΌΠ΅ΠΆΠ΄Ρƒ Π½ΠΈΠΌΠΈ, это сам Π°Π½ΠΊΠΎΡ€.

Если ΠΌΡ‹ Ρ…ΠΎΡ‚ΠΈΠΌ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ ΠΎΠ΄Π½ΠΎ слово Π² качСствС Π°Π½ΠΊΠΎΡ€Π°, ΠΌΡ‹ ΠΎΠ±ΠΎΡ€Π°Ρ‡ΠΈΠ²Π°Π΅ΠΌ 
Ρ‚ΠΎΠ»ΡŒΠΊΠΎ ΠΎΠ΄Π½ΠΎ <a>слово</a> Π² Ρ‚Π΅Π³ΠΈ Π°Π½ΠΊΠΎΡ€Π°.

Π§Ρ‚ΠΎΠ±Ρ‹ ссылка ΠΎΡ…Π²Π°Ρ‚Ρ‹Π²Π°Π»Π° вСсь Π°Π±Π·Π°Ρ†, Π½ΡƒΠΆΠ½ΠΎ ΠΎΠ±Π΅Ρ€Π½ΡƒΡ‚ΡŒ Π΅Π³ΠΎ Π² Ρ‚Π΅Π³ΠΈ <a>.

<!-- ΠœΡ‹ Ρ‚Π°ΠΊΠΆΠ΅ ΠΌΠΎΠΆΠ΅ΠΌ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Π² качСствС элСмСнта Π°Π½ΠΊΠΎΡ€Π° ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ -->
<a><img src = "http://example.com/image-file.png" /></a>

ΠŸΡ€ΠΈΠ²Π΅Π΄Π΅Π½Π½Ρ‹Π΅ Π²Ρ‹ΡˆΠ΅ ΠΏΡ€ΠΈΠΌΠ΅Ρ€Ρ‹ ΠΌΠ°Π»ΠΎ ΠΏΠΎΠ»Π΅Π·Π½Ρ‹. ΠœΡ‹ Π½Π΅ Π²ΠΊΠ»ΡŽΡ‡ΠΈΠ»ΠΈ Π² Π½ΠΈΡ… Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹Ρ… инструкций. БСйчас эти элСмСнты Π½ΠΈ ΠΊ Ρ‡Π΅ΠΌΡƒ Π½Π΅ привязаны. Для этого Π½ΡƒΠΆΠ½ΠΎ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹Π΅ Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚Ρ‹, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΌΡ‹ рассмотрим Π² этой ΡΡ‚Π°Ρ‚ΡŒΠ΅.

Для создания гипСрссылок Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΡ‹ Ρ‚Ρ€ΠΈ Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚Π°: href, target ΠΈ download.

Атрибут href ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ для указания Ρ†Π΅Π»ΠΈ ΠΈΠ»ΠΈ адрСсата для Π°Π½ΠΊΠΎΡ€Π°. Он примСняСтся для опрСдСлСния URL-адрСса, ΠΊ ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΌΡƒ Π΄ΠΎΠ»ΠΆΠ΅Π½ ΠΏΡ€ΠΈΠ²ΡΠ·Ρ‹Π²Π°Ρ‚ΡŒΡΡ Π°Π½ΠΊΠΎΡ€.

Π’ этом ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π΅ <a href="http://example.com"> тСкста Π°Π½ΠΊΠΎΡ€Π°</a> 
ссылка Π²Π΅Π΄Π΅Ρ‚ Π½Π° URL-адрСс <em> www.example.com </em>.

Π‘ ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚Π° href ΠΌΠΎΠΆΠ½ΠΎ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ Π½Π°ΠΌΠ½ΠΎΠ³ΠΎ большС, Ρ‡Π΅ΠΌ просто ΡƒΠΊΠ°Π·Π°Ρ‚ΡŒ ссылку Π½Π° Π΄Ρ€ΡƒΠ³ΠΎΠΉ сайт. НапримСр:

  • Π˜ΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ для создания прямой ссылки Π½Π° любой элСмСнт Π²Π΅Π±-страницы, ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΌΡƒ Π±Ρ‹Π» присвоСн ΠΈΠ΄Π΅Π½Ρ‚ΠΈΡ„ΠΈΠΊΠ°Ρ‚ΠΎΡ€.
  • Для связи с рСсурсом, ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡ ΠΏΡ€ΠΎΡ‚ΠΎΠΊΠΎΠ», ΠΎΡ‚Π»ΠΈΡ‡Π½Ρ‹ΠΉ ΠΎΡ‚ http.
  • Для запуска скрипта.

НапримСр:

<a href="#Specify_a_Hyperlink_Target_href">Π­Ρ‚ΠΎΡ‚ ΠΏΠ΅Ρ€Π²Ρ‹ΠΉ элСмСнт Π°Π½ΠΊΠΎΡ€Π°</a>  
ссылаСтся Π½Π° Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ  этого Ρ€Π°Π·Π΄Π΅Π»Π° ΡΡ‚Π°Ρ‚ΡŒΠΈ. 
Π˜ΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡ <code>id</code>, ΠΌΡ‹ ΠΌΠΎΠΆΠ΅ΠΌ Π½Π°Π·Π½Π°Ρ‡ΠΈΡ‚ΡŒ для Ρ€Π°Π·Π΄Π΅Π»Π° элСмСнт Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠ°.
ΠœΡ‹ ΠΌΠΎΠΆΠ΅ΠΌ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ ΠΏΡ€ΠΎΡ‚ΠΎΠΊΠΎΠ» <code>mailto</ code>, 
Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ ссылку, которая Π±ΡƒΠ΄Π΅Ρ‚ ΠΏΡ‹Ρ‚Π°Ρ‚ΡŒΡΡ Π·Π°ΠΏΡƒΡΡ‚ΠΈΡ‚ΡŒ Π½Π° вашСм ΠΊΠΎΠΌΠΏΡŒΡŽΡ‚Π΅Ρ€Π΅
ΠΏΠΎΡ‡Ρ‚ΠΎΠ²ΡƒΡŽ ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΡƒ, ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅ΠΌΡƒΡŽ ΠΏΠΎ ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ. Π”Π°Π²Π°ΠΉΡ‚Π΅ ΠΏΠΎΠΏΡ€ΠΎΠ±ΡƒΠ΅ΠΌ! 
Нам Π±Ρ‹ Ρ…ΠΎΡ‚Π΅Π»ΠΎΡΡŒ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π²Ρ‹ <a href="mailto:[email protected]">связались</a> с Π½Π°ΠΌΠΈ!
Если Π²Ρ‹ Π½Π°ΠΆΠΌΠ΅Ρ‚Π΅ ссылку Π½ΠΈΠΆΠ΅, появится ΠΎΠΊΠ½ΠΎ оповСщСния JavaScript.
 <a>НаТмитС ссылку, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡƒΠ²ΠΈΠ΄Π΅Ρ‚ΡŒ, Ρ‡Ρ‚ΠΎ ΠΏΡ€ΠΎΠΈΠ·ΠΎΠΉΠ΄Π΅Ρ‚ </a>.

Π­Π»Π΅ΠΌΠ΅Π½Ρ‚ href прост Π² использовании. Но ΠΌΠΎΠΆΠ½ΠΎ ΠΏΠΎΠ»ΡƒΡ‡ΠΈΡ‚ΡŒ Π½Π°ΠΌΠ½ΠΎΠ³ΠΎ большС, познакомившись с Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚ΠΎΠΌ target.

Рассмотрим ссылку mailto, ΠΊΠΎΡ‚ΠΎΡ€ΡƒΡŽ ΠΌΡ‹ создали Π² ΠΏΡ€Π΅Π΄Ρ‹Π΄ΡƒΡ‰Π΅ΠΌ ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π΅. Π•Π΅ исходный ΠΊΠΎΠ΄:

Нам Π±Ρ‹ Ρ…ΠΎΡ‚Π΅Π»ΠΎΡΡŒ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π²Ρ‹ <a href="mailto:[email protected]">связались</a> с Π½Π°ΠΌΠΈ!

Бсылка ΠΏΠΎΠ»Π΅Π·Π½Π°, Π½ΠΎ способ Π΅Π΅ открытия Π½Π΅ ΠΈΠ΄Π΅Π°Π»Π΅Π½. Π’ зависимости ΠΎΡ‚ настроСк Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π° ΠΈ ПК гипСрссылка ΠΌΠΎΠΆΠ΅Ρ‚ ΠΏΠ΅Ρ€Π΅Π½Π°ΠΏΡ€Π°Π²ΠΈΡ‚ΡŒ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Π΅ΠΉ Π½Π° сайты Ρ‚Π°ΠΊΠΈΡ… ΠΏΠΎΡ‡Ρ‚ΠΎΠ²Ρ‹Ρ… сСрвисов, ΠΊΠ°ΠΊ Gmail ΠΈΠ»ΠΈ Yahoo! Mail. Но ΠΈΠ·-Π·Π° этого ΠΎΠ½ΠΈ посСтитСли ΠΏΠΎΠΊΠΈΠ½ΡƒΡ‚ наш рСсурс.

Π§Ρ‚ΠΎΠ±Ρ‹ Ρ€Π΅ΡˆΠΈΡ‚ΡŒ эту ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌΡƒ, ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚ target со Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ΠΌ _blank.

ΠœΡ‹ Π±ΡƒΠ΄Π΅ΠΌ Ρ€Π°Π΄Ρ‹, Ссли Π²Ρ‹ <a href="mailto:[email protected]"
 target="_blank" rel="noopener">ΡΠ²ΡΠΆΠ΅Ρ‚Π΅ΡΡŒ</a> с Π½Π°ΠΌΠΈ!

Π‘ Π΅Π³ΠΎ ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ ΠΌΡ‹ заставляСм Π±Ρ€Π°ΡƒΠ·Π΅Ρ€ ΠΎΡ‚ΠΊΡ€Ρ‹Π²Π°Ρ‚ΡŒ ссылку Π² Π½ΠΎΠ²ΠΎΠΉ Π²ΠΊΠ»Π°Π΄ΠΊΠ΅ ΠΈΠ»ΠΈ Π½ΠΎΠ²ΠΎΠΌ ΠΎΠΊΠ½Π΅ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π°.

Атрибут download ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ для ΠΈΠ΄Π΅Π½Ρ‚ΠΈΡ„ΠΈΠΊΠ°Ρ†ΠΈΠΈ ссылки, которая Π΄ΠΎΠ»ΠΆΠ½Π° ΠΈΠ½ΠΈΡ†ΠΈΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ Π·Π°Π³Ρ€ΡƒΠ·ΠΊΡƒ. Π—Π½Π°Ρ‡Π΅Π½ΠΈΠ΅, присвоСнноС Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚Ρƒ download , это имя Π·Π°Π³Ρ€ΡƒΠΆΠ°Π΅ΠΌΠΎΠ³ΠΎ Ρ„Π°ΠΉΠ»Π°.

Атрибут href Ρ‚Π°ΠΊΠΆΠ΅ примСняСтся ΠΏΡ€ΠΈ создании Π°Π½ΠΊΠΎΡ€Π°, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ ΠΈΠ½ΠΈΡ†ΠΈΠΈΡ€ΡƒΠ΅Ρ‚ Π·Π°Π³Ρ€ΡƒΠ·ΠΊΡƒ. Он ΡƒΠΊΠ°Π·Ρ‹Π²Π°Π΅Ρ‚ Π½Π° мСсто размСщСния Π·Π°Π³Ρ€ΡƒΠΆΠ°Π΅ΠΌΠΎΠ³ΠΎ Ρ„Π°ΠΉΠ»Π°.

ΠŸΡ€ΠΈΠΌΠ΅Ρ€ Ρ€Π΅Π°Π»ΠΈΠ·Π°Ρ†ΠΈΠΈ:

Π§Ρ‚ΠΎΠ±Ρ‹ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ ссылку, которая ΡƒΠΊΠ°Π·Ρ‹Π²Π°Π΅Ρ‚ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Ρƒ 
<a href="http://example.com/file.ext" download="Example_File">ΡΠΊΠ°Ρ‡Π°Ρ‚ΡŒ Ρ„Π°ΠΉΠ»</a>,
 ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚ <code>href</ code>, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΈΠ΄Π΅Π½Ρ‚ΠΈΡ„ΠΈΡ†ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ Ρ„Π°ΠΉΠ»
 для скачивания
ΠΈ Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚ <code>download</code>, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡƒΠΊΠ°Π·Π°Ρ‚ΡŒ имя скачиваСмого Ρ„Π°ΠΉΠ»Π°.

Атрибут href Π² ΠΏΡ€ΠΈΠ²Π΅Π΄Π΅Π½Π½ΠΎΠΌ Π²Ρ‹ΡˆΠ΅ ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π΅ ΡƒΠΊΠ°Π·Ρ‹Π²Π°Π΅Ρ‚ Π½Π° Ρ€Π΅Π°Π»ΡŒΠ½Ρ‹ΠΉ Ρ„Π°ΠΉΠ». Когда Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠ° Π±ΡƒΠ΄Π΅Ρ‚ Π·Π°Π²Π΅Ρ€ΡˆΠ΅Π½Π°, Π΅Π³ΠΎ имя Π±ΡƒΠ΄Π΅Ρ‚ Example_File.ext, Π³Π΄Π΅ .ext β€” это Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ Ρ„Π°ΠΉΠ»Π°. НСт нСобходимости Π²ΠΊΠ»ΡŽΡ‡Π°Ρ‚ΡŒ Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΠ΅ Ρ„Π°ΠΉΠ»Π° Π² Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅, присваиваСмоС Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚Ρƒ download. Оно Π±ΡƒΠ΄Π΅Ρ‚ ΠΈΠ΄Π΅Π½Ρ‚ΠΈΡ„ΠΈΡ†ΠΈΡ€ΠΎΠ²Π°Π½ΠΎ ΠΈ Π΄ΠΎΠ±Π°Π²Π»Π΅Π½ΠΎ ΠΊ ΠΈΠΌΠ΅Π½ΠΈ Π·Π°Π³Ρ€ΡƒΠΆΠ΅Π½Π½ΠΎΠ³ΠΎ Ρ„Π°ΠΉΠ»Π°.

БущСствуСт Π΄Π²Π° Ρ‚ΠΈΠΏΠ° гипСрссылок: Π²Π½ΡƒΡ‚Ρ€Π΅Π½Π½ΠΈΠ΅ ΠΈ внСшниС. Π’Π½ΡƒΡ‚Ρ€Π΅Π½Π½ΠΈΠ΅ ссылки β€” это Ρ‚Π΅, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΡƒΠΊΠ°Π·Ρ‹Π²Π°ΡŽΡ‚ Π½Π° Π΄Ρ€ΡƒΠ³ΠΈΠ΅ страницы сайта. Π’Π½Π΅ΡˆΠ½ΠΈΠ΅ ссылки ΡƒΠΊΠ°Π·Ρ‹Π²Π°ΡŽΡ‚ Π½Π° Π²Π΅Π±-страницы, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π½Π΅ ΡΠ²Π»ΡΡŽΡ‚ΡΡ Ρ‡Π°ΡΡ‚ΡŒΡŽ сайта.

Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ Π²Π½ΡƒΡ‚Ρ€Π΅Π½Π½ΠΈΡ… ссылок Π²Π°ΠΆΠ½ΠΎ ΠΏΠΎ нСскольким ΠΏΡ€ΠΈΡ‡ΠΈΠ½Π°ΠΌ:

  • Они ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‚ΡΡ для создания мСню Π½Π°Π²ΠΈΠ³Π°Ρ†ΠΈΠΈ сайта.
  • Π’Π½ΡƒΡ‚Ρ€Π΅Π½Π½ΠΈΠ΅ ссылки ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‚ΡΡ Π² ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚Π΅ сайт, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΏΠΎΠΌΠΎΡ‡ΡŒ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡΠΌ Π½Π°ΠΉΡ‚ΠΈ связанныС ΠΏΡƒΠ±Π»ΠΈΠΊΠ°Ρ†ΠΈΠΈ.
  • Они ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‚ΡΡ поисковыми Ρ€ΠΎΠ±ΠΎΡ‚Π°ΠΌΠΈ ΠΏΡ€ΠΈ Π°Π½Π°Π»ΠΈΠ·Π΅ содСрТимого сайта.

ΠŸΡ€ΠΈ создании Π²Π½ΡƒΡ‚Ρ€Π΅Π½Π½ΠΈΡ… ссылок ΡƒΠ±Π΅Π΄ΠΈΡ‚Π΅ΡΡŒ, Ρ‡Ρ‚ΠΎ Π²Ρ‹ Π½Π΅ пСрСусСрдствовали. Бсылочный вСс любой Π²Π΅Π±-страницы пСрСдаСтся Ρ‡Π΅Ρ€Π΅Π· ссылки, Ρ€Π°Π·ΠΌΠ΅Ρ‰Π΅Π½Π½Ρ‹Π΅ Π½Π° Π½Π΅ΠΉ. Π§Π΅ΠΌ большС ссылок Π²Ρ‹ Ρ€Π°Π·ΠΌΠ΅Ρ‰Π°Π΅Ρ‚Π΅ Π½Π° страницС, Ρ‚Π΅ΠΌ большС ссылочного вСса ΡƒΡ…ΠΎΠ΄ΠΈΡ‚ Ρ‡Π΅Ρ€Π΅Π· эти ссылки. РСкомСндуСтся Ρ€Π°Π·ΠΌΠ΅Ρ‰Π°Ρ‚ΡŒ Π½Π΅ Π±ΠΎΠ»Π΅Π΅ 100 ссылок Π½Π° ΠΎΠ΄Π½ΠΎΠΉ страницС.

Π’Π½Π΅ΡˆΠ½ΠΈΠ΅ ссылки Π²Π°ΠΆΠ½Ρ‹ ΠΏΠΎ нСскольким ΠΏΡ€ΠΈΡ‡ΠΈΠ½Π°ΠΌ:

  • Π’Π½Π΅ΡˆΠ½ΠΈΠ΅ ссылки ΠΏΠΎΠ·Π²ΠΎΠ»ΡΡŽΡ‚ ΡΡΡ‹Π»Π°Ρ‚ΡŒΡΡ Π½Π° ΠΏΠΎΠ»Π΅Π·Π½Ρ‹ΠΉ для посСтитСлСй сайта сторонний ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚.
  • Когда Π΄Ρ€ΡƒΠ³ΠΈΠ΅ ΠΏΠ»ΠΎΡ‰Π°Π΄ΠΊΠΈ ΠΏΡƒΠ±Π»ΠΈΠΊΡƒΡŽΡ‚ ссылки, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΡƒΠΊΠ°Π·Ρ‹Π²Π°ΡŽΡ‚ Π½Π° наш сайт, ΠΎΠ½ΠΈ становятся ΠΎΠ±Ρ€Π°Ρ‚Π½Ρ‹ΠΌΠΈ ссылками. Они ΠΏΠΎΠ·Π²ΠΎΠ»ΡΡŽΡ‚ ΠΏΠ΅Ρ€Π΅Π΄Π°Π²Π°Ρ‚ΡŒ Π²Π°ΡˆΠ΅ΠΌΡƒ сайту ссылочный вСс ΠΈ ΡƒΠ»ΡƒΡ‡ΡˆΠ°Ρ‚ΡŒ Π΅Π³ΠΎ Ρ€Π°Π½ΠΆΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅.

ΠŸΡ€ΠΈ использовании Π²Π½Π΅ΡˆΠ½ΠΈΡ… ссылок Π½Π΅ ΡΡΡ‹Π»Π°ΠΉΡ‚Π΅ΡΡŒ Π½Π° прямых ΠΊΠΎΠ½ΠΊΡƒΡ€Π΅Π½Ρ‚ΠΎΠ². И Π½Π΅ Π·Π°Π±Ρ‹Π²Π°ΠΉΡ‚Π΅ ΠΏΡ€ΠΈΠΌΠ΅Π½ΡΡ‚ΡŒ Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚ target=Β»_ blankΒ». ΠžΡ‚ΠΊΡ€Ρ‹Π²Π°Ρ внСшниС ссылки Π² Π½ΠΎΠ²ΠΎΠΉ Π²ΠΊΠ»Π°Π΄ΠΊΠ΅ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π°, ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΠΈ ΠΏΡ€ΠΎΠ΄ΠΎΠ»ΠΆΠ°ΡŽΡ‚ ΠΎΡΡ‚Π°Π²Π°Ρ‚ΡŒΡΡ Π½Π° вашСм сайтС.

ΠšΠΎΠ½Π΅Ρ‡Π½ΠΎ, Π²Ρ‹ Π²ΠΈΠ΄Π΅Π»ΠΈ ΠΈ ссылки, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ выглядят ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π½ΠΎ Ρ‚Π°ΠΊ:

Π§Ρ‚ΠΎΠ±Ρ‹ ΡƒΠ·Π½Π°Ρ‚ΡŒ большС <a href="http://example.com">Π½Π°ΠΆΠΌΠΈΡ‚Π΅ здСсь</a>!

Но Π»ΡƒΡ‡ΡˆΠ΅ Π½Π΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Ρ‚Π°ΠΊΠΈΠ΅ Π°Π½ΠΊΠΎΡ€Ρ‹. Для этого сущСствуСт нСсколько ΠΏΡ€ΠΈΡ‡ΠΈΠ½:

  • ΠŸΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡΠΌ потрСбуСтся нСсколько сСкунд, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΈΡΡΠ»Π΅Π΄ΠΎΠ²Π°Ρ‚ΡŒ тСкст Π²ΠΎΠΊΡ€ΡƒΠ³ ссылки ΠΈ ΠΏΠΎΠ»ΡƒΡ‡ΠΈΡ‚ΡŒ прСдставлСниС ΠΎ Ρ‚ΠΎΠΌ, ΠΊΡƒΠ΄Π° ΠΎΠ½Π° Π²Π΅Π΄Π΅Ρ‚.
  • ΠŸΠΎΠΈΡΠΊΠΎΠ²Ρ‹Π΅ Ρ€ΠΎΠ±ΠΎΡ‚Ρ‹ ΡΠ²ΡΠ·Ρ‹Π²Π°ΡŽΡ‚ тСкст Π°Π½ΠΊΠΎΡ€Π° с URL-адрСсом ссылки. ΠŸΡ€Π°Π²ΠΈΠ»ΡŒΠ½ΠΎ ΠΏΠΎΠ΄ΠΎΠ±Ρ€Π°Π½Π½Ρ‹ΠΉ Π°Π½ΠΊΠΎΡ€ ΠΏΠΎΠΌΠΎΠ³Π°Π΅Ρ‚ поисковым систСмам ΠΎΠΏΡ€Π΅Π΄Π΅Π»ΡΡ‚ΡŒ Ρ€Π΅Π»Π΅Π²Π°Π½Ρ‚Π½ΠΎΡΡ‚ΡŒ Π²Π΅Π±-страницы ΠΊΠ»ΡŽΡ‡Π΅Π²ΠΈΠΊΠ°ΠΌ.

ВСкст Π°Π½ΠΊΠΎΡ€Π° Π΄ΠΎΠ»ΠΆΠ΅Π½ Π±Ρ‹Ρ‚ΡŒ ΠΊΡ€Π°Ρ‚ΠΊΠΈΠΌ ΠΈ ΠΈΠ΄Π΅Π½Ρ‚ΠΈΡ„ΠΈΡ†ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ ΠΊΠ»ΡŽΡ‡Π΅Π²Ρ‹Π΅ слова, относящиСся ΠΊ Π²Π΅Π±-страницС. Π”Π²Π° ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π° ΠΏΡ€Π°Π²ΠΈΠ»ΡŒΠ½ΠΎ Π²Ρ‹Π±Ρ€Π°Π½Π½ΠΎΠ³ΠΎ тСкста ссылки:

Если Ρ…ΠΎΡ‚ΠΈΡ‚Π΅, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ваш сайт ΠΏΠΎΠ»ΡƒΡ‡Π°Π» большС Ρ‚Ρ€Π°Ρ„ΠΈΠΊΠ° ΠΈΠ· 
<a href="http://www.google.com/" target="_blank" rel="noopener">
 поисковых систСм</a>,
 ΠΎΠ·Π½Π°ΠΊΠΎΠΌΡŒΡ‚Π΅ΡΡŒ с нашим <a href="/seo/">руководством ΠΏΠΎ SEO</a>,
 Π² ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΌ Π²Ρ‹ Π½Π°ΠΉΠ΄Π΅Ρ‚Π΅ совСты ΠΏΠΎ ΡƒΠ»ΡƒΡ‡ΡˆΠ΅Π½ΠΈΡŽ ранТирования сайта.

ΠŸΠ΅Ρ€Π²Π°Ρ ссылка сообщаСт поисковым Ρ€ΠΎΠ±ΠΎΡ‚Π°ΠΌ ΠΈ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡΠΌ, Ρ‡Ρ‚ΠΎ сайт http://www.google.com ΠΈΠΌΠ΅Π΅Ρ‚ ΠΎΡ‚Π½ΠΎΡˆΠ΅Π½ΠΈΠ΅ ΠΊ ΠΊΠ»ΡŽΡ‡Π΅Π²ΠΎΠΌΡƒ слову «поисковыС систСмы». Вторая ссылка сообщаСт, Ρ‡Ρ‚ΠΎ страница, располоТСнная ΠΏΠΎ ΠΎΡ‚Π½ΠΎΡΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎΠΌΡƒ URL-адрСсу /seo/, связана с ΠΊΠ»ΡŽΡ‡Π΅Π²Ρ‹ΠΌ словом «руководство ΠΏΠΎ SEOΒ».

ΠΠ±ΡΠΎΠ»ΡŽΡ‚Π½Ρ‹Π΅ URL-адрСса β€” это Ρ‚Π΅, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ содСрТат ΠΏΠΎΠ»Π½ΠΎΠ΅ (Π°Π±ΡΠΎΠ»ΡŽΡ‚Π½ΠΎΠ΅) описаниС адрСса ссылки. Они Π²ΠΊΠ»ΡŽΡ‡Π°ΡŽΡ‚ Π² сСбя ΠΏΡ€ΠΎΡ‚ΠΎΠΊΠΎΠ» (http), ΠΏΠΎΠ»Π½ΠΎΠ΅ имя Π΄ΠΎΠΌΠ΅Π½Π° ΠΈ ΠΏΡƒΡ‚ΡŒ ΠΊ Ρ„Π°ΠΉΠ»Ρƒ.

ΠžΡ‚Π½ΠΎΡΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹Π΅ URL-адрСса, ΡΡΡ‹Π»Π°ΡΡΡŒ Π½Π° Π²Π΅Π±-страницу, ΠΎΠΏΠΈΡΡ‹Π²Π°ΡŽΡ‚ Π΅Π΅ ΠΏΠΎΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ ΠΎΡ‚Π½ΠΎΡΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ Ρ‚Π΅ΠΊΡƒΡ‰Π΅ΠΉ Π²Π΅Π±-страницы. ΠŸΡ€ΠΈ создании Π²Π½ΡƒΡ‚Ρ€Π΅Π½Π½ΠΈΡ… ссылок, ΡƒΠΊΠ°Π·Ρ‹Π²Π°ΡŽΡ‰ΠΈΡ… Π½Π° Π΄Ρ€ΡƒΠ³ΠΈΠ΅ страницы ΠΎΠ΄Π½ΠΎΠ³ΠΎ ΠΈ Ρ‚ΠΎΠ³ΠΎ ΠΆΠ΅ сайта, ΠΌΠΎΠΆΠ½ΠΎ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ ΠΎΡ‚Π½ΠΎΡΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹Π΅ URL-адрСса, Π° Π½Π΅ Π°Π±ΡΠΎΠ»ΡŽΡ‚Π½Ρ‹Π΅.

НапримСр, Ссли ΠΌΡ‹ находимся ΠΏΠΎ адрСсу: http://example.com/products/red-product/, ΠΈ Ρ…ΠΎΡ‚ΠΈΠΌ ΡΠΎΡΠ»Π°Ρ‚ΡŒΡΡ Π½Π° страницу синСго Ρ‚ΠΎΠ²Π°Ρ€Π°, ΠΌΠΎΠΆΠ½ΠΎ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ любой ΠΈΠ· ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΡ… Π°Π½ΠΊΠΎΡ€ΠΎΠ²:

<a href="/products/blue-product/">ΠŸΠ΅Ρ€Π΅ΠΉΡ‚ΠΈ ΠΊ страницС синСго Ρ‚ΠΎΠ²Π°Ρ€Π°!</a>
<a href="../blue-product/">ΠŸΠ΅Ρ€Π΅ΠΉΡ‚ΠΈ ΠΊ страницС синСго Ρ‚ΠΎΠ²Π°Ρ€Π°!</a>

ΠŸΠ΅Ρ€Π²Ρ‹ΠΉ синтаксис Π³ΠΎΠ²ΠΎΡ€ΠΈΡ‚ ΡΠ»Π΅Π΄ΡƒΡŽΡ‰Π΅Π΅: Β«ΠŸΠ΅Ρ€Π΅ΠΉΠ΄ΠΈΡ‚Π΅ Π½Π° самый Π½ΠΈΠΆΠ½ΠΈΠΉ ΡƒΡ€ΠΎΠ²Π΅Π½ΡŒ Π΄Π΅Ρ€Π΅Π²Π°, Π½Π°ΠΉΠ΄ΠΈΡ‚Π΅ Π² Π½Π΅ΠΌ ΠΊΠ°Ρ‚Π°Π»ΠΎΠ³ product, Π° Π² Π½Π΅ΠΌ ΠΎΡ‚ΠΊΡ€ΠΎΠΉΡ‚Π΅ ΠΏΠ°ΠΏΠΊΡƒ blue-product. Π’Ρ‚ΠΎΡ€ΠΎΠΉ синтаксис Π³ΠΎΠ²ΠΎΡ€ΠΈΡ‚ ΡΠ»Π΅Π΄ΡƒΡŽΡ‰Π΅Π΅: Β«ΠŸΠ΅Ρ€Π΅ΠΉΠ΄ΠΈΡ‚Π΅ Π² Ρ€ΠΎΠ΄ΠΈΡ‚Π΅Π»ΡŒΡΠΊΠΈΠΉ ΠΊΠ°Ρ‚Π°Π»ΠΎΠ³ для red-product ΠΈ Π² Π½Π΅ΠΌ Π²Ρ‹ Π½Π°ΠΉΠ΄Π΅Ρ‚Π΅ ΠΏΠ°ΠΏΠΊΡƒ blue-productΒ». Оба Π°Π½ΠΊΠΎΡ€Π° ΡƒΠΊΠ°Π·Ρ‹Π²Π°ΡŽΡ‚ Π½Π° URL-адрСс: http://example.com/products/blue-product/.

ΠŸΡ€Π΅Π΄ΠΏΠΎΠ»ΠΎΠΆΠΈΠΌ, Ρ‡Ρ‚ΠΎ Π½ΡƒΠΆΠ½ΠΎ Ρ€Π°Π·ΠΌΠ΅ΡΡ‚ΠΈΡ‚ΡŒ ссылку Π½Π° страницу Β«About UsΒ», которая являСтся прямым ΠΏΠΎΡ‚ΠΎΠΌΠΊΠΎΠΌ Π³Π»Π°Π²Π½ΠΎΠΉ. Π’ΠΎΡ‚ ΠΊΠ°ΠΊ ΠΌΠΎΠΆΠ½ΠΎ это ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ:

<a href="/about-us/">Π£Π·Π½Π°ΠΉΡ‚Π΅ большС ΠΎ нас.</a>

Π’ этом ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π΅ говорится ΡΠ»Π΅Π΄ΡƒΡŽΡ‰Π΅Π΅: Β«Π’Π΅Ρ€Π½ΠΈΡ‚Π΅ΡΡŒ ΠΊ самому Π½ΠΈΠΆΠ½Π΅ΠΌΡƒ ΡƒΡ€ΠΎΠ²Π½ΡŽ Π΄Π΅Ρ€Π΅Π²Π° ΠΊΠ°Ρ‚Π°Π»ΠΎΠ³ΠΎΠ², Π° Π·Π°Ρ‚Π΅ΠΌ Π½Π°ΠΉΠ΄ΠΈΡ‚Π΅ ΠΏΠ°ΠΏΠΊΡƒ about-usΒ».

ΠŸΡ€Π΅Π΄ΠΏΠΎΠ»ΠΎΠΆΠΈΠΌ, Ρ‡Ρ‚ΠΎ ΠΌΡ‹ снова находимся ΠΏΠΎ адрСсу http://example.com/products/red-product/, ΠΈ Ρ…ΠΎΡ‚ΠΈΠΌ Ρ€Π°Π·ΠΌΠ΅ΡΡ‚ΠΈΡ‚ΡŒ ссылку Π½Π° страницу ΠΏΠΎΠ΄ΠΊΠ°Ρ‚Π΅Π³ΠΎΡ€ΠΈΠΈ. Она располагаСтся Π² ΠΊΠ°Ρ‚Π°Π»ΠΎΠ³Π΅ /red-products /category.

<a href="large.php">Π‘ΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ всС красныС Ρ‚ΠΎΠ²Π°Ρ€Ρ‹, доступныС Π² большом Ρ€Π°Π·ΠΌΠ΅Ρ€Π΅!</a>

ΠŸΡ€ΠΈΠ²Π΅Π΄Π΅Π½Π½Ρ‹ΠΉ Π²Ρ‹ΡˆΠ΅ URL-адрСс заставляСт Π±Ρ€Π°ΡƒΠ·Π΅Ρ€ ΠΈΡΠΊΠ°Ρ‚ΡŒ Π² Ρ‚Π΅ΠΊΡƒΡ‰Π΅ΠΉ ΠΏΠ°ΠΏΠΊΠ΅ Ρ„Π°ΠΉΠ» large.php ΠΈ ΠΏΡ€Π΅ΠΎΠ±Ρ€Π°Π·ΠΎΠ²Π°Ρ‚ΡŒ Π΅Π³ΠΎ Π² URL-адрСс β€” http://example.com/products/red-product/large.php.

Π“Π»Π°Π²Π½ΠΎΠ΅ ΠΎΠ± ΠΎΡ‚Π½ΠΎΡΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹Ρ… URL:

  • Если URL-адрСс начинаСтся с Β«/Β», Ρ‚ΠΎ ΠΌΡ‹ заставляСм Π±Ρ€Π°ΡƒΠ·Π΅Ρ€ ΠΈΡΠΊΠ°Ρ‚ΡŒ ΡƒΠΊΠ°Π·Π°Π½Π½Ρ‹ΠΉ Ρ„Π°ΠΉΠ» ΠΈΠ»ΠΈ ΠΏΠ°ΠΏΠΊΡƒ Π½Π° самом Π½ΠΈΠΆΠ½Π΅ΠΌ ΡƒΡ€ΠΎΠ²Π½Π΅ Π΄Π΅Ρ€Π΅Π²Π° ΠΊΠ°Ρ‚Π°Π»ΠΎΠ³ΠΎΠ².
  • Если URL-адрСс начинаСтся с Β«../Β», Ρ‚ΠΎ ΠΌΡ‹ ΡƒΠΊΠ°Π·Ρ‹Π²Π°Π΅ΠΌ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Ρƒ Π½Π° Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎΡΡ‚ΡŒ Π²Π΅Ρ€Π½ΡƒΡ‚ΡŒΡΡ Π½Π° ΠΎΠ΄ΠΈΠ½ ΡƒΡ€ΠΎΠ²Π΅Π½ΡŒ Π²Π²Π΅Ρ€Ρ… Π² Π΄Π΅Ρ€Π΅Π²Π΅ ΠΊΠ°Ρ‚Π°Π»ΠΎΠ³ΠΎΠ².
  • Если URL-адрСс начинаСтся с ΠΈΠΌΠ΅Π½ΠΈ Ρ„Π°ΠΉΠ»Π° ΠΈΠ»ΠΈ ΠΏΠ°ΠΏΠΊΠΈ, Ρ‚ΠΎ ΠΌΡ‹ ΡƒΠΊΠ°Π·Ρ‹Π²Π°Π΅ΠΌ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Ρƒ ΠΈΡΠΊΠ°Ρ‚ΡŒ рСсурсы Π² Ρ‚Π΅ΠΊΡƒΡ‰Π΅ΠΌ Ρ„Π°ΠΉΠ»Π΅.

Π‘ΡƒΡ‰Π΅ΡΡ‚Π²ΡƒΡŽΡ‚ Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹Π΅ Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚Ρ‹, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΌΠΎΠΆΠ½ΠΎ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ ΠΏΡ€ΠΈ Ρ€Π°Π±ΠΎΡ‚Π΅ с Π°Π½ΠΊΠΎΡ€Π°ΠΌΠΈ гипСрссылок.

Π­Ρ‚ΠΎΡ‚ Π½Π΅ΠΎΠ±ΡΠ·Π°Ρ‚Π΅Π»ΡŒΠ½Ρ‹ΠΉ Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚ сообщаСт Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Ρƒ язык Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π°, Π½Π° ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Π²Π΅Π΄Π΅Ρ‚ ссылка. НапримСр, Ссли Π½ΡƒΠΆΠ½ΠΎ ΡΠΎΠΎΠ±Ρ‰ΠΈΡ‚ΡŒ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Ρƒ, Ρ‡Ρ‚ΠΎ Ρ†Π΅Π»Π΅Π²ΠΎΠΉ источник написан Π½Π° испанском, ΠΌΡ‹ Π±ΡƒΠ΄Π΅ΠΌ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Π² качСствС значСния hreflang ΡΠΎΠΎΡ‚Π²Π΅Ρ‚ΡΡ‚Π²ΡƒΡŽΡ‰ΠΈΠΉ ΠΊΠΎΠ΄ языка Π² Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π΅ ISO 639-1.

Π§Ρ‚ΠΎΠ±Ρ‹ ΡΠΎΠΎΠ±Ρ‰ΠΈΡ‚ΡŒ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Ρƒ, Ρ‡Ρ‚ΠΎ <a href="http://example.com" hreflang="es">ссылка</a>
 Π²Π΅Π΄Π΅Ρ‚ Π½Π° рСсурс Π½Π° Π΄Ρ€ΡƒΠ³ΠΎΠΌ языкС, ΠΌΠΎΠΆΠ½ΠΎ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚ 
<code> hreflang </ code>.

Атрибут rel ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ для описания ΠΎΡ‚Π½ΠΎΡˆΠ΅Π½ΠΈΠΉ ΠΌΠ΅ΠΆΠ΄Ρƒ Π°Π½ΠΊΠΎΡ€ΠΎΠΌ ΠΈ Ρ†Π΅Π»Π΅Π²Ρ‹ΠΌ источником. НапримСр:

Π­Ρ‚Π° ΡΡ‚Π°Ρ‚ΡŒΡ Π±Ρ‹Π»Π° написана <a href="https://plus.google.com/+AuthorName"
rel="author">ΠžΡ‚Π»ΠΈΡ‡Π½Ρ‹ΠΌ Π°Π²Ρ‚ΠΎΡ€ΠΎΠΌ</a>.

БущСствуСт нСсколько Π·Π½Π°Ρ‡Π΅Π½ΠΈΠΉ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΏΡ€ΠΈΠ½ΠΈΠΌΠ°Π΅Ρ‚ Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚ rel:

  • rel=Β»nofollowΒ»: ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ это Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅, Ссли ΡΡΡ‹Π»Π°Π΅Ρ‚Π΅ΡΡŒ Π½Π° рСсурс, Π½ΠΎ Π½Π΅ Ρ…ΠΎΡ‚ΠΈΡ‚Π΅ ΠΏΠ΅Ρ€Π΅Π΄Π°Π²Π°Ρ‚ΡŒ Π΅ΠΌΡƒ ссылочный вСс своСго сайта. НапримСр, Ссли ΡΡΡ‹Π»Π°Π΅Ρ‚Π΅ΡΡŒ Π½Π° спамовый сайт Π² качСствС ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π° Ρ‚ΠΎΠ³ΠΎ, Ρ‡Π΅Π³ΠΎ Π½Π΅ Π½ΡƒΠΆΠ½ΠΎ Π΄Π΅Π»Π°Ρ‚ΡŒ.
  • rel=Β»alternateΒ»: Ссли сайт ΠΈΠΌΠ΅Π΅Ρ‚ большС ΠΎΠ΄Π½ΠΎΠΉ вСрсии, ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ это Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ для ΠΈΠ΄Π΅Π½Ρ‚ΠΈΡ„ΠΈΠΊΠ°Ρ†ΠΈΠΈ связанного рСсурса Π² качСствС Π°Π»ΡŒΡ‚Π΅Ρ€Π½Π°Ρ‚ΠΈΠ²Π½ΠΎΠΉ вСрсии Ρ‚Π΅ΠΊΡƒΡ‰Π΅ΠΉ страницы.
  • rel=Β»bookmarkΒ»: это Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ для опрСдСлСния URL-адрСса, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ являСтся постоянным ΠΈ ΠΌΠΎΠΆΠ΅Ρ‚ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒΡΡ для Π·Π°ΠΊΠ»Π°Π΄ΠΊΠΈ.
  • rel=Β»helpΒ»: ΠΈΠ΄Π΅Π½Ρ‚ΠΈΡ„ΠΈΡ†ΠΈΡ€ΡƒΠ΅Ρ‚ связанный рСсурс ΠΊΠ°ΠΊ Ρ„Π°ΠΉΠ» справки для страницы с этим Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ΠΌ.
  • rel=Β»licenseΒ»: ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ этот Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚ для ссылки Π½Π° Π»ΠΈΡ†Π΅Π½Π·ΠΈΡŽ авторских ΠΏΡ€Π°Π².
  • rel=Β»nextΒ»: ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ это Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ для ссылки Π½Π° ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠΉ Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚ ΠΈΠ· сСрии.
  • rel=Β»prevΒ»: ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ это Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ для ссылки Π½Π° ΠΏΡ€Π΅Π΄Ρ‹Π΄ΡƒΡ‰ΠΈΠΉ Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚ ΠΈΠ· сСрии.
  • rel=Β»noreferrerΒ»: Ссли Ρ…ΠΎΡ‚ΠΈΡ‚Π΅ Ρ€Π°Π·ΠΌΠ΅ΡΡ‚ΠΈΡ‚ΡŒ ссылку Π½Π° внСшний сайт, Π½ΠΎ Π½Π΅ Ρ…ΠΎΡ‚ΠΈΡ‚Π΅, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Ρ†Π΅Π»Π΅Π²ΠΎΠΉ источник Π·Π½Π°Π», ΠΊΡ‚ΠΎ Π½Π° Π½Π΅Π³ΠΎ ссылаСтся, ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ это Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅.

ΠΠ΅ΠΎΠ±ΡΠ·Π°Ρ‚Π΅Π»ΡŒΠ½Ρ‹ΠΉ Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚ type ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ для ΠΈΠ΄Π΅Π½Ρ‚ΠΈΡ„ΠΈΠΊΠ°Ρ†ΠΈΠΈ Ρ‚ΠΈΠΏΠ° ΠΈΠ½Ρ‚Π΅Ρ€Π½Π΅Ρ‚-носитСля ΠΈΠ»ΠΈ MIME Ρ‚ΠΈΠΏΠ° Ρ†Π΅Π»Π΅Π²ΠΎΠ³ΠΎ Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π°. НапримСр, ΠΏΡ€ΠΈ создании ссылки Π½Π° сайт ΠΌΠΎΠΆΠ½ΠΎ Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚ type=Β»text/htmlΒ», Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡΠΎΠΎΠ±Ρ‰ΠΈΡ‚ΡŒ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Ρƒ, Ρ‡Ρ‚ΠΎ ссылка ΡƒΠΊΠ°Π·Ρ‹Π²Π°Π΅Ρ‚ Π½Π° HTML-Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚.

БСйчас этот Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚ Π½Π΅ ΠΈΠΌΠ΅Π΅Ρ‚ большого значСния. Но Π² Π±ΡƒΠ΄ΡƒΡ‰Π΅ΠΌ ΠΎΠ½ Π±ΡƒΠ΄Π΅Ρ‚ ΡΠΎΠΎΠ±Ρ‰Π°Ρ‚ΡŒ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŽ сайта Ρ‚ΠΈΠΏ ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚Π° Π΅Ρ‰Π΅ Π΄ΠΎ наТатия Π½Π° ссылку.

Π—Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ type Π΄ΠΎΠ»ΠΆΠ½ΠΎ Π±Ρ‹Ρ‚ΡŒ допустимым Ρ‚ΠΈΠΏΠΎΠΌ IANA. НСкоторыС ΠΈΠ· Π½Π°ΠΈΠ±ΠΎΠ»Π΅Π΅ часто ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅ΠΌΡ‹Ρ… Π·Π½Π°Ρ‡Π΅Π½ΠΈΠΉ: text/html, text/css, application/javascript ΠΈ multipart/form-data.

Одним ΠΈΠ· распространСнных способов использования ссылок являСтся созданиС мСню Π½Π°Π²ΠΈΠ³Π°Ρ†ΠΈΠΈ, с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ³ΠΎ опрСдСляСтся логичСская иСрархия структуры сайта.

НазваниС ΡΠ»Π΅ΠΌΠ΅Π½Ρ‚Π°ΠΡ‚Ρ€ΠΈΠ±ΡƒΡ‚Ρ‹ΠŸΡ€ΠΈΠΌΠ΅Ρ‡Π°Π½ΠΈΡ
linkhref
rel
media
title
type
Π­Π»Π΅ΠΌΠ΅Π½Ρ‚ <link> ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ для опрСдСлСния ΠΎΡ‚Π½ΠΎΡˆΠ΅Π½ΠΈΡ ΠΌΠ΅ΠΆΠ΄Ρƒ HTML-Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚ΠΎΠΌ ΠΈ внСшним рСсурсом. Он Ρ‡Π°Ρ‰Π΅ всСго примСняСтся для опрСдСлСния взаимосвязи ΠΌΠ΅ΠΆΠ΄Ρƒ Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚ΠΎΠΌ ΠΈ внСшними Ρ‚Π°Π±Π»ΠΈΡ†Π°ΠΌΠΈ стилСй CSS.
anchorhreflang
download
target
title
href
name
Π­Π»Π΅ΠΌΠ΅Π½Ρ‚ <a> ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ для создания гипСрссылки Π½Π° Π΄Ρ€ΡƒΠ³ΡƒΡŽ Π²Π΅Π±-страницу ΠΈΠ»ΠΈ Π΄Ρ€ΡƒΠ³ΠΎΠ΅ мСсто Π½Π° Ρ‚ΠΎΠΉ ΠΆΠ΅ Π²Π΅Π±-страницС.
basetarget
href
Π­Π»Π΅ΠΌΠ΅Π½Ρ‚ <base> ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ для опрСдСлСния Π±Π°Π·ΠΎΠ²ΠΎΠ³ΠΎ адрСса, ΠΎΡ‚ ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ³ΠΎ ΠΌΠΎΠΆΠ½ΠΎ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ всС ΠΎΡ‚Π½ΠΎΡΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹Π΅ URL, ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°Π΅ΠΌΡ‹Π΅ Π½Π° Π²Π΅Π±-страницС. Если <base> ΠΈΠΌΠ΅Π΅Ρ‚ Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚ target, Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚ target, Ρ‚ΠΎ ΠΎΠ½ Π±ΡƒΠ΄Π΅Ρ‚ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒΡΡ ΠΊΠ°ΠΊ Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚ ΠΏΠΎ ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ для всСх гипСрссылок, ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°Π΅ΠΌΡ‹Ρ… Π² Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π΅.

Данная публикация являСтся ΠΏΠ΅Ρ€Π΅Π²ΠΎΠ΄ΠΎΠΌ ΡΡ‚Π°Ρ‚ΡŒΠΈ Β«Anchors & Links: How They Work In HTMLΒ» , подготовлСнная Ρ€Π΅Π΄Π°ΠΊΡ†ΠΈΠ΅ΠΉ ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π°.

Анкоры ΠΈ ссылки: ΠΊΠ°ΠΊ ΠΎΠ½ΠΈ Ρ€Π°Π±ΠΎΡ‚Π°ΡŽΡ‚ Π² HTML

ГипСрссылки β€” ΠΎΠ΄Π½Π° ΠΈΠ· Ρ„ΡƒΠ½Π΄Π°ΠΌΠ΅Π½Ρ‚Π°Π»ΡŒΠ½Ρ‹Ρ… Ρ‚Π΅Ρ…Π½ΠΎΠ»ΠΎΠ³ΠΈΠΉ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π΄Π΅Π»Π°ΡŽΡ‚ ΠΈΠ½Ρ‚Π΅Ρ€Π½Π΅Ρ‚ ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΠΎΠ½Π½ΠΎΠΉ ΠΌΠ°Π³ΠΈΡΡ‚Ρ€Π°Π»ΡŒΡŽ. ПониманиС Ρ‚ΠΎΠ³ΠΎ, ΠΊΠ°ΠΊ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Π°Π½ΠΊΠΎΡ€Ρ‹, являСтся основным аспСктов, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Π½ΡƒΠΆΠ½ΠΎ ΠΎΡΠ²ΠΎΠΈΡ‚ΡŒ Π² HTML.

Вэгом Π°Π½ΠΊΠΎΡ€Π° являСтся <a>. Для Π½Π΅Π³ΠΎ Ρ‚Ρ€Π΅Π±ΡƒΡŽΡ‚ΡΡ ΠΎΡ‚ΠΊΡ€Ρ‹Π²Π°ΡŽΡ‰ΠΈΠΉΡΡ ΠΈ Π·Π°ΠΊΡ€Ρ‹Π²Π°ΡŽΡ‰ΠΈΠΉΡΡ тэги. ВсС, Ρ‡Ρ‚ΠΎ располоТСно ΠΌΠ΅ΠΆΠ΄Ρƒ Π½ΠΈΠΌΠΈ, это сам Π°Π½ΠΊΠΎΡ€.

Если ΠΌΡ‹ Ρ…ΠΎΡ‚ΠΈΠΌ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ ΠΎΠ΄Π½ΠΎ слово Π² качСствС Π°Π½ΠΊΠΎΡ€Π°, ΠΌΡ‹ ΠΎΠ±ΠΎΡ€Π°Ρ‡ΠΈΠ²Π°Π΅ΠΌ 
Ρ‚ΠΎΠ»ΡŒΠΊΠΎ ΠΎΠ΄Π½ΠΎ <a>слово</a> Π² Ρ‚Π΅Π³ΠΈ Π°Π½ΠΊΠΎΡ€Π°.

Π§Ρ‚ΠΎΠ±Ρ‹ ссылка ΠΎΡ…Π²Π°Ρ‚Ρ‹Π²Π°Π»Π° вСсь Π°Π±Π·Π°Ρ†, Π½ΡƒΠΆΠ½ΠΎ ΠΎΠ±Π΅Ρ€Π½ΡƒΡ‚ΡŒ Π΅Π³ΠΎ Π² Ρ‚Π΅Π³ΠΈ <a>.

<!-- ΠœΡ‹ Ρ‚Π°ΠΊΠΆΠ΅ ΠΌΠΎΠΆΠ΅ΠΌ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Π² качСствС элСмСнта Π°Π½ΠΊΠΎΡ€Π° ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ -->
<a><img src = "http://example.com/image-file.png" /></a>

ΠŸΡ€ΠΈΠ²Π΅Π΄Π΅Π½Π½Ρ‹Π΅ Π²Ρ‹ΡˆΠ΅ ΠΏΡ€ΠΈΠΌΠ΅Ρ€Ρ‹ ΠΌΠ°Π»ΠΎ ΠΏΠΎΠ»Π΅Π·Π½Ρ‹. ΠœΡ‹ Π½Π΅ Π²ΠΊΠ»ΡŽΡ‡ΠΈΠ»ΠΈ Π² Π½ΠΈΡ… Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹Ρ… инструкций. БСйчас эти элСмСнты Π½ΠΈ ΠΊ Ρ‡Π΅ΠΌΡƒ Π½Π΅ привязаны. Для этого Π½ΡƒΠΆΠ½ΠΎ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹Π΅ Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚Ρ‹, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΌΡ‹ рассмотрим Π² этой ΡΡ‚Π°Ρ‚ΡŒΠ΅.

Для создания гипСрссылок Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΡ‹ Ρ‚Ρ€ΠΈ Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚Π°: href, target ΠΈ download.

Атрибут href ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ для указания Ρ†Π΅Π»ΠΈ ΠΈΠ»ΠΈ адрСсата для Π°Π½ΠΊΠΎΡ€Π°. Он примСняСтся для опрСдСлСния URL-адрСса, ΠΊ ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΌΡƒ Π΄ΠΎΠ»ΠΆΠ΅Π½ ΠΏΡ€ΠΈΠ²ΡΠ·Ρ‹Π²Π°Ρ‚ΡŒΡΡ Π°Π½ΠΊΠΎΡ€.

Π’ этом ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π΅ <a href="http://example.com"> тСкста Π°Π½ΠΊΠΎΡ€Π°</a> 
ссылка Π²Π΅Π΄Π΅Ρ‚ Π½Π° URL-адрСс <em> www.example.com </em>.

Π‘ ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚Π° href ΠΌΠΎΠΆΠ½ΠΎ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ Π½Π°ΠΌΠ½ΠΎΠ³ΠΎ большС, Ρ‡Π΅ΠΌ просто ΡƒΠΊΠ°Π·Π°Ρ‚ΡŒ ссылку Π½Π° Π΄Ρ€ΡƒΠ³ΠΎΠΉ сайт. НапримСр:

  • Π˜ΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ для создания прямой ссылки Π½Π° любой элСмСнт Π²Π΅Π±-страницы, ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΌΡƒ Π±Ρ‹Π» присвоСн ΠΈΠ΄Π΅Π½Ρ‚ΠΈΡ„ΠΈΠΊΠ°Ρ‚ΠΎΡ€.
  • Для связи с рСсурсом, ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡ ΠΏΡ€ΠΎΡ‚ΠΎΠΊΠΎΠ», ΠΎΡ‚Π»ΠΈΡ‡Π½Ρ‹ΠΉ ΠΎΡ‚ http.
  • Для запуска скрипта.

НапримСр:

<a href="#Specify_a_Hyperlink_Target_href">Π­Ρ‚ΠΎΡ‚ ΠΏΠ΅Ρ€Π²Ρ‹ΠΉ элСмСнт Π°Π½ΠΊΠΎΡ€Π°</a>  
ссылаСтся Π½Π° Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ  этого Ρ€Π°Π·Π΄Π΅Π»Π° ΡΡ‚Π°Ρ‚ΡŒΠΈ. 
Π˜ΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡ <code>id</code>, ΠΌΡ‹ ΠΌΠΎΠΆΠ΅ΠΌ Π½Π°Π·Π½Π°Ρ‡ΠΈΡ‚ΡŒ для Ρ€Π°Π·Π΄Π΅Π»Π° элСмСнт Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠ°.
ΠœΡ‹ ΠΌΠΎΠΆΠ΅ΠΌ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ ΠΏΡ€ΠΎΡ‚ΠΎΠΊΠΎΠ» <code>mailto</ code>, 
Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ ссылку, которая Π±ΡƒΠ΄Π΅Ρ‚ ΠΏΡ‹Ρ‚Π°Ρ‚ΡŒΡΡ Π·Π°ΠΏΡƒΡΡ‚ΠΈΡ‚ΡŒ Π½Π° вашСм ΠΊΠΎΠΌΠΏΡŒΡŽΡ‚Π΅Ρ€Π΅
ΠΏΠΎΡ‡Ρ‚ΠΎΠ²ΡƒΡŽ ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΡƒ, ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅ΠΌΡƒΡŽ ΠΏΠΎ ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ. Π”Π°Π²Π°ΠΉΡ‚Π΅ ΠΏΠΎΠΏΡ€ΠΎΠ±ΡƒΠ΅ΠΌ! 
Нам Π±Ρ‹ Ρ…ΠΎΡ‚Π΅Π»ΠΎΡΡŒ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π²Ρ‹ <a href="mailto:[email protected]">связались</a> с Π½Π°ΠΌΠΈ!
Если Π²Ρ‹ Π½Π°ΠΆΠΌΠ΅Ρ‚Π΅ ссылку Π½ΠΈΠΆΠ΅, появится ΠΎΠΊΠ½ΠΎ оповСщСния JavaScript.
 <a>НаТмитС ссылку, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡƒΠ²ΠΈΠ΄Π΅Ρ‚ΡŒ, Ρ‡Ρ‚ΠΎ ΠΏΡ€ΠΎΠΈΠ·ΠΎΠΉΠ΄Π΅Ρ‚ </a>.

Π­Π»Π΅ΠΌΠ΅Π½Ρ‚ href прост Π² использовании. Но ΠΌΠΎΠΆΠ½ΠΎ ΠΏΠΎΠ»ΡƒΡ‡ΠΈΡ‚ΡŒ Π½Π°ΠΌΠ½ΠΎΠ³ΠΎ большС, познакомившись с Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚ΠΎΠΌ target.

Рассмотрим ссылку mailto, ΠΊΠΎΡ‚ΠΎΡ€ΡƒΡŽ ΠΌΡ‹ создали Π² ΠΏΡ€Π΅Π΄Ρ‹Π΄ΡƒΡ‰Π΅ΠΌ ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π΅. Π•Π΅ исходный ΠΊΠΎΠ΄:

Нам Π±Ρ‹ Ρ…ΠΎΡ‚Π΅Π»ΠΎΡΡŒ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π²Ρ‹ <a href="mailto:[email protected]">связались</a> с Π½Π°ΠΌΠΈ!

Бсылка ΠΏΠΎΠ»Π΅Π·Π½Π°, Π½ΠΎ способ Π΅Π΅ открытия Π½Π΅ ΠΈΠ΄Π΅Π°Π»Π΅Π½. Π’ зависимости ΠΎΡ‚ настроСк Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π° ΠΈ ПК гипСрссылка ΠΌΠΎΠΆΠ΅Ρ‚ ΠΏΠ΅Ρ€Π΅Π½Π°ΠΏΡ€Π°Π²ΠΈΡ‚ΡŒ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Π΅ΠΉ Π½Π° сайты Ρ‚Π°ΠΊΠΈΡ… ΠΏΠΎΡ‡Ρ‚ΠΎΠ²Ρ‹Ρ… сСрвисов, ΠΊΠ°ΠΊ Gmail ΠΈΠ»ΠΈ Yahoo! Mail. Но ΠΈΠ·-Π·Π° этого ΠΎΠ½ΠΈ посСтитСли ΠΏΠΎΠΊΠΈΠ½ΡƒΡ‚ наш рСсурс.

Π§Ρ‚ΠΎΠ±Ρ‹ Ρ€Π΅ΡˆΠΈΡ‚ΡŒ эту ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌΡƒ, ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚ target со Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ΠΌ _blank.

ΠœΡ‹ Π±ΡƒΠ΄Π΅ΠΌ Ρ€Π°Π΄Ρ‹, Ссли Π²Ρ‹ <a href="mailto:[email protected]"
 target="_blank" rel="noopener">ΡΠ²ΡΠΆΠ΅Ρ‚Π΅ΡΡŒ</a> с Π½Π°ΠΌΠΈ!

Π‘ Π΅Π³ΠΎ ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ ΠΌΡ‹ заставляСм Π±Ρ€Π°ΡƒΠ·Π΅Ρ€ ΠΎΡ‚ΠΊΡ€Ρ‹Π²Π°Ρ‚ΡŒ ссылку Π² Π½ΠΎΠ²ΠΎΠΉ Π²ΠΊΠ»Π°Π΄ΠΊΠ΅ ΠΈΠ»ΠΈ Π½ΠΎΠ²ΠΎΠΌ ΠΎΠΊΠ½Π΅ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π°.

Атрибут download ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ для ΠΈΠ΄Π΅Π½Ρ‚ΠΈΡ„ΠΈΠΊΠ°Ρ†ΠΈΠΈ ссылки, которая Π΄ΠΎΠ»ΠΆΠ½Π° ΠΈΠ½ΠΈΡ†ΠΈΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ Π·Π°Π³Ρ€ΡƒΠ·ΠΊΡƒ. Π—Π½Π°Ρ‡Π΅Π½ΠΈΠ΅, присвоСнноС Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚Ρƒ download , это имя Π·Π°Π³Ρ€ΡƒΠΆΠ°Π΅ΠΌΠΎΠ³ΠΎ Ρ„Π°ΠΉΠ»Π°.

Атрибут href Ρ‚Π°ΠΊΠΆΠ΅ примСняСтся ΠΏΡ€ΠΈ создании Π°Π½ΠΊΠΎΡ€Π°, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ ΠΈΠ½ΠΈΡ†ΠΈΠΈΡ€ΡƒΠ΅Ρ‚ Π·Π°Π³Ρ€ΡƒΠ·ΠΊΡƒ. Он ΡƒΠΊΠ°Π·Ρ‹Π²Π°Π΅Ρ‚ Π½Π° мСсто размСщСния Π·Π°Π³Ρ€ΡƒΠΆΠ°Π΅ΠΌΠΎΠ³ΠΎ Ρ„Π°ΠΉΠ»Π°.

ΠŸΡ€ΠΈΠΌΠ΅Ρ€ Ρ€Π΅Π°Π»ΠΈΠ·Π°Ρ†ΠΈΠΈ:

Π§Ρ‚ΠΎΠ±Ρ‹ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ ссылку, которая ΡƒΠΊΠ°Π·Ρ‹Π²Π°Π΅Ρ‚ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Ρƒ 
<a href="http://example.com/file.ext" download="Example_File">ΡΠΊΠ°Ρ‡Π°Ρ‚ΡŒ Ρ„Π°ΠΉΠ»</a>,
 ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚ <code>href</ code>, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΈΠ΄Π΅Π½Ρ‚ΠΈΡ„ΠΈΡ†ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ Ρ„Π°ΠΉΠ»
 для скачивания
ΠΈ Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚ <code>download</code>, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡƒΠΊΠ°Π·Π°Ρ‚ΡŒ имя скачиваСмого Ρ„Π°ΠΉΠ»Π°.

Атрибут href Π² ΠΏΡ€ΠΈΠ²Π΅Π΄Π΅Π½Π½ΠΎΠΌ Π²Ρ‹ΡˆΠ΅ ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π΅ ΡƒΠΊΠ°Π·Ρ‹Π²Π°Π΅Ρ‚ Π½Π° Ρ€Π΅Π°Π»ΡŒΠ½Ρ‹ΠΉ Ρ„Π°ΠΉΠ». Когда Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠ° Π±ΡƒΠ΄Π΅Ρ‚ Π·Π°Π²Π΅Ρ€ΡˆΠ΅Π½Π°, Π΅Π³ΠΎ имя Π±ΡƒΠ΄Π΅Ρ‚ Example_File.ext, Π³Π΄Π΅ .ext β€” это Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ Ρ„Π°ΠΉΠ»Π°. НСт нСобходимости Π²ΠΊΠ»ΡŽΡ‡Π°Ρ‚ΡŒ Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΠ΅ Ρ„Π°ΠΉΠ»Π° Π² Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅, присваиваСмоС Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚Ρƒ download. Оно Π±ΡƒΠ΄Π΅Ρ‚ ΠΈΠ΄Π΅Π½Ρ‚ΠΈΡ„ΠΈΡ†ΠΈΡ€ΠΎΠ²Π°Π½ΠΎ ΠΈ Π΄ΠΎΠ±Π°Π²Π»Π΅Π½ΠΎ ΠΊ ΠΈΠΌΠ΅Π½ΠΈ Π·Π°Π³Ρ€ΡƒΠΆΠ΅Π½Π½ΠΎΠ³ΠΎ Ρ„Π°ΠΉΠ»Π°.

БущСствуСт Π΄Π²Π° Ρ‚ΠΈΠΏΠ° гипСрссылок: Π²Π½ΡƒΡ‚Ρ€Π΅Π½Π½ΠΈΠ΅ ΠΈ внСшниС. Π’Π½ΡƒΡ‚Ρ€Π΅Π½Π½ΠΈΠ΅ ссылки β€” это Ρ‚Π΅, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΡƒΠΊΠ°Π·Ρ‹Π²Π°ΡŽΡ‚ Π½Π° Π΄Ρ€ΡƒΠ³ΠΈΠ΅ страницы сайта. Π’Π½Π΅ΡˆΠ½ΠΈΠ΅ ссылки ΡƒΠΊΠ°Π·Ρ‹Π²Π°ΡŽΡ‚ Π½Π° Π²Π΅Π±-страницы, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π½Π΅ ΡΠ²Π»ΡΡŽΡ‚ΡΡ Ρ‡Π°ΡΡ‚ΡŒΡŽ сайта.

Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ Π²Π½ΡƒΡ‚Ρ€Π΅Π½Π½ΠΈΡ… ссылок Π²Π°ΠΆΠ½ΠΎ ΠΏΠΎ нСскольким ΠΏΡ€ΠΈΡ‡ΠΈΠ½Π°ΠΌ:

  • Они ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‚ΡΡ для создания мСню Π½Π°Π²ΠΈΠ³Π°Ρ†ΠΈΠΈ сайта.
  • Π’Π½ΡƒΡ‚Ρ€Π΅Π½Π½ΠΈΠ΅ ссылки ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‚ΡΡ Π² ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚Π΅ сайт, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΏΠΎΠΌΠΎΡ‡ΡŒ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡΠΌ Π½Π°ΠΉΡ‚ΠΈ связанныС ΠΏΡƒΠ±Π»ΠΈΠΊΠ°Ρ†ΠΈΠΈ.
  • Они ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‚ΡΡ поисковыми Ρ€ΠΎΠ±ΠΎΡ‚Π°ΠΌΠΈ ΠΏΡ€ΠΈ Π°Π½Π°Π»ΠΈΠ·Π΅ содСрТимого сайта.

ΠŸΡ€ΠΈ создании Π²Π½ΡƒΡ‚Ρ€Π΅Π½Π½ΠΈΡ… ссылок ΡƒΠ±Π΅Π΄ΠΈΡ‚Π΅ΡΡŒ, Ρ‡Ρ‚ΠΎ Π²Ρ‹ Π½Π΅ пСрСусСрдствовали. Бсылочный вСс любой Π²Π΅Π±-страницы пСрСдаСтся Ρ‡Π΅Ρ€Π΅Π· ссылки, Ρ€Π°Π·ΠΌΠ΅Ρ‰Π΅Π½Π½Ρ‹Π΅ Π½Π° Π½Π΅ΠΉ. Π§Π΅ΠΌ большС ссылок Π²Ρ‹ Ρ€Π°Π·ΠΌΠ΅Ρ‰Π°Π΅Ρ‚Π΅ Π½Π° страницС, Ρ‚Π΅ΠΌ большС ссылочного вСса ΡƒΡ…ΠΎΠ΄ΠΈΡ‚ Ρ‡Π΅Ρ€Π΅Π· эти ссылки. РСкомСндуСтся Ρ€Π°Π·ΠΌΠ΅Ρ‰Π°Ρ‚ΡŒ Π½Π΅ Π±ΠΎΠ»Π΅Π΅ 100 ссылок Π½Π° ΠΎΠ΄Π½ΠΎΠΉ страницС.

Π’Π½Π΅ΡˆΠ½ΠΈΠ΅ ссылки Π²Π°ΠΆΠ½Ρ‹ ΠΏΠΎ нСскольким ΠΏΡ€ΠΈΡ‡ΠΈΠ½Π°ΠΌ:

  • Π’Π½Π΅ΡˆΠ½ΠΈΠ΅ ссылки ΠΏΠΎΠ·Π²ΠΎΠ»ΡΡŽΡ‚ ΡΡΡ‹Π»Π°Ρ‚ΡŒΡΡ Π½Π° ΠΏΠΎΠ»Π΅Π·Π½Ρ‹ΠΉ для посСтитСлСй сайта сторонний ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚.
  • Когда Π΄Ρ€ΡƒΠ³ΠΈΠ΅ ΠΏΠ»ΠΎΡ‰Π°Π΄ΠΊΠΈ ΠΏΡƒΠ±Π»ΠΈΠΊΡƒΡŽΡ‚ ссылки, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΡƒΠΊΠ°Π·Ρ‹Π²Π°ΡŽΡ‚ Π½Π° наш сайт, ΠΎΠ½ΠΈ становятся ΠΎΠ±Ρ€Π°Ρ‚Π½Ρ‹ΠΌΠΈ ссылками. Они ΠΏΠΎΠ·Π²ΠΎΠ»ΡΡŽΡ‚ ΠΏΠ΅Ρ€Π΅Π΄Π°Π²Π°Ρ‚ΡŒ Π²Π°ΡˆΠ΅ΠΌΡƒ сайту ссылочный вСс ΠΈ ΡƒΠ»ΡƒΡ‡ΡˆΠ°Ρ‚ΡŒ Π΅Π³ΠΎ Ρ€Π°Π½ΠΆΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅.

ΠŸΡ€ΠΈ использовании Π²Π½Π΅ΡˆΠ½ΠΈΡ… ссылок Π½Π΅ ΡΡΡ‹Π»Π°ΠΉΡ‚Π΅ΡΡŒ Π½Π° прямых ΠΊΠΎΠ½ΠΊΡƒΡ€Π΅Π½Ρ‚ΠΎΠ². И Π½Π΅ Π·Π°Π±Ρ‹Π²Π°ΠΉΡ‚Π΅ ΠΏΡ€ΠΈΠΌΠ΅Π½ΡΡ‚ΡŒ Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚ target=Β»_ blankΒ». ΠžΡ‚ΠΊΡ€Ρ‹Π²Π°Ρ внСшниС ссылки Π² Π½ΠΎΠ²ΠΎΠΉ Π²ΠΊΠ»Π°Π΄ΠΊΠ΅ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π°, ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΠΈ ΠΏΡ€ΠΎΠ΄ΠΎΠ»ΠΆΠ°ΡŽΡ‚ ΠΎΡΡ‚Π°Π²Π°Ρ‚ΡŒΡΡ Π½Π° вашСм сайтС.

ΠšΠΎΠ½Π΅Ρ‡Π½ΠΎ, Π²Ρ‹ Π²ΠΈΠ΄Π΅Π»ΠΈ ΠΈ ссылки, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ выглядят ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π½ΠΎ Ρ‚Π°ΠΊ:

Π§Ρ‚ΠΎΠ±Ρ‹ ΡƒΠ·Π½Π°Ρ‚ΡŒ большС <a href="http://example.com">Π½Π°ΠΆΠΌΠΈΡ‚Π΅ здСсь</a>!

Но Π»ΡƒΡ‡ΡˆΠ΅ Π½Π΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Ρ‚Π°ΠΊΠΈΠ΅ Π°Π½ΠΊΠΎΡ€Ρ‹. Для этого сущСствуСт нСсколько ΠΏΡ€ΠΈΡ‡ΠΈΠ½:

  • ΠŸΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡΠΌ потрСбуСтся нСсколько сСкунд, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΈΡΡΠ»Π΅Π΄ΠΎΠ²Π°Ρ‚ΡŒ тСкст Π²ΠΎΠΊΡ€ΡƒΠ³ ссылки ΠΈ ΠΏΠΎΠ»ΡƒΡ‡ΠΈΡ‚ΡŒ прСдставлСниС ΠΎ Ρ‚ΠΎΠΌ, ΠΊΡƒΠ΄Π° ΠΎΠ½Π° Π²Π΅Π΄Π΅Ρ‚.
  • ΠŸΠΎΠΈΡΠΊΠΎΠ²Ρ‹Π΅ Ρ€ΠΎΠ±ΠΎΡ‚Ρ‹ ΡΠ²ΡΠ·Ρ‹Π²Π°ΡŽΡ‚ тСкст Π°Π½ΠΊΠΎΡ€Π° с URL-адрСсом ссылки. ΠŸΡ€Π°Π²ΠΈΠ»ΡŒΠ½ΠΎ ΠΏΠΎΠ΄ΠΎΠ±Ρ€Π°Π½Π½Ρ‹ΠΉ Π°Π½ΠΊΠΎΡ€ ΠΏΠΎΠΌΠΎΠ³Π°Π΅Ρ‚ поисковым систСмам ΠΎΠΏΡ€Π΅Π΄Π΅Π»ΡΡ‚ΡŒ Ρ€Π΅Π»Π΅Π²Π°Π½Ρ‚Π½ΠΎΡΡ‚ΡŒ Π²Π΅Π±-страницы ΠΊΠ»ΡŽΡ‡Π΅Π²ΠΈΠΊΠ°ΠΌ.

ВСкст Π°Π½ΠΊΠΎΡ€Π° Π΄ΠΎΠ»ΠΆΠ΅Π½ Π±Ρ‹Ρ‚ΡŒ ΠΊΡ€Π°Ρ‚ΠΊΠΈΠΌ ΠΈ ΠΈΠ΄Π΅Π½Ρ‚ΠΈΡ„ΠΈΡ†ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ ΠΊΠ»ΡŽΡ‡Π΅Π²Ρ‹Π΅ слова, относящиСся ΠΊ Π²Π΅Π±-страницС. Π”Π²Π° ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π° ΠΏΡ€Π°Π²ΠΈΠ»ΡŒΠ½ΠΎ Π²Ρ‹Π±Ρ€Π°Π½Π½ΠΎΠ³ΠΎ тСкста ссылки:

Если Ρ…ΠΎΡ‚ΠΈΡ‚Π΅, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ваш сайт ΠΏΠΎΠ»ΡƒΡ‡Π°Π» большС Ρ‚Ρ€Π°Ρ„ΠΈΠΊΠ° ΠΈΠ· 
<a href="http://www.google.com/" target="_blank" rel="noopener">
 поисковых систСм</a>,
 ΠΎΠ·Π½Π°ΠΊΠΎΠΌΡŒΡ‚Π΅ΡΡŒ с нашим <a href="/seo/">руководством ΠΏΠΎ SEO</a>,
 Π² ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΌ Π²Ρ‹ Π½Π°ΠΉΠ΄Π΅Ρ‚Π΅ совСты ΠΏΠΎ ΡƒΠ»ΡƒΡ‡ΡˆΠ΅Π½ΠΈΡŽ ранТирования сайта.

ΠŸΠ΅Ρ€Π²Π°Ρ ссылка сообщаСт поисковым Ρ€ΠΎΠ±ΠΎΡ‚Π°ΠΌ ΠΈ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡΠΌ, Ρ‡Ρ‚ΠΎ сайт http://www.google.com ΠΈΠΌΠ΅Π΅Ρ‚ ΠΎΡ‚Π½ΠΎΡˆΠ΅Π½ΠΈΠ΅ ΠΊ ΠΊΠ»ΡŽΡ‡Π΅Π²ΠΎΠΌΡƒ слову «поисковыС систСмы». Вторая ссылка сообщаСт, Ρ‡Ρ‚ΠΎ страница, располоТСнная ΠΏΠΎ ΠΎΡ‚Π½ΠΎΡΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎΠΌΡƒ URL-адрСсу /seo/, связана с ΠΊΠ»ΡŽΡ‡Π΅Π²Ρ‹ΠΌ словом «руководство ΠΏΠΎ SEOΒ».

ΠΠ±ΡΠΎΠ»ΡŽΡ‚Π½Ρ‹Π΅ URL-адрСса β€” это Ρ‚Π΅, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ содСрТат ΠΏΠΎΠ»Π½ΠΎΠ΅ (Π°Π±ΡΠΎΠ»ΡŽΡ‚Π½ΠΎΠ΅) описаниС адрСса ссылки. Они Π²ΠΊΠ»ΡŽΡ‡Π°ΡŽΡ‚ Π² сСбя ΠΏΡ€ΠΎΡ‚ΠΎΠΊΠΎΠ» (http), ΠΏΠΎΠ»Π½ΠΎΠ΅ имя Π΄ΠΎΠΌΠ΅Π½Π° ΠΈ ΠΏΡƒΡ‚ΡŒ ΠΊ Ρ„Π°ΠΉΠ»Ρƒ.

ΠžΡ‚Π½ΠΎΡΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹Π΅ URL-адрСса, ΡΡΡ‹Π»Π°ΡΡΡŒ Π½Π° Π²Π΅Π±-страницу, ΠΎΠΏΠΈΡΡ‹Π²Π°ΡŽΡ‚ Π΅Π΅ ΠΏΠΎΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ ΠΎΡ‚Π½ΠΎΡΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ Ρ‚Π΅ΠΊΡƒΡ‰Π΅ΠΉ Π²Π΅Π±-страницы. ΠŸΡ€ΠΈ создании Π²Π½ΡƒΡ‚Ρ€Π΅Π½Π½ΠΈΡ… ссылок, ΡƒΠΊΠ°Π·Ρ‹Π²Π°ΡŽΡ‰ΠΈΡ… Π½Π° Π΄Ρ€ΡƒΠ³ΠΈΠ΅ страницы ΠΎΠ΄Π½ΠΎΠ³ΠΎ ΠΈ Ρ‚ΠΎΠ³ΠΎ ΠΆΠ΅ сайта, ΠΌΠΎΠΆΠ½ΠΎ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ ΠΎΡ‚Π½ΠΎΡΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹Π΅ URL-адрСса, Π° Π½Π΅ Π°Π±ΡΠΎΠ»ΡŽΡ‚Π½Ρ‹Π΅.

НапримСр, Ссли ΠΌΡ‹ находимся ΠΏΠΎ адрСсу: http://example.com/products/red-product/, ΠΈ Ρ…ΠΎΡ‚ΠΈΠΌ ΡΠΎΡΠ»Π°Ρ‚ΡŒΡΡ Π½Π° страницу синСго Ρ‚ΠΎΠ²Π°Ρ€Π°, ΠΌΠΎΠΆΠ½ΠΎ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ любой ΠΈΠ· ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΡ… Π°Π½ΠΊΠΎΡ€ΠΎΠ²:

<a href="/products/blue-product/">ΠŸΠ΅Ρ€Π΅ΠΉΡ‚ΠΈ ΠΊ страницС синСго Ρ‚ΠΎΠ²Π°Ρ€Π°!</a>
<a href="../blue-product/">ΠŸΠ΅Ρ€Π΅ΠΉΡ‚ΠΈ ΠΊ страницС синСго Ρ‚ΠΎΠ²Π°Ρ€Π°!</a>

ΠŸΠ΅Ρ€Π²Ρ‹ΠΉ синтаксис Π³ΠΎΠ²ΠΎΡ€ΠΈΡ‚ ΡΠ»Π΅Π΄ΡƒΡŽΡ‰Π΅Π΅: Β«ΠŸΠ΅Ρ€Π΅ΠΉΠ΄ΠΈΡ‚Π΅ Π½Π° самый Π½ΠΈΠΆΠ½ΠΈΠΉ ΡƒΡ€ΠΎΠ²Π΅Π½ΡŒ Π΄Π΅Ρ€Π΅Π²Π°, Π½Π°ΠΉΠ΄ΠΈΡ‚Π΅ Π² Π½Π΅ΠΌ ΠΊΠ°Ρ‚Π°Π»ΠΎΠ³ product, Π° Π² Π½Π΅ΠΌ ΠΎΡ‚ΠΊΡ€ΠΎΠΉΡ‚Π΅ ΠΏΠ°ΠΏΠΊΡƒ blue-product. Π’Ρ‚ΠΎΡ€ΠΎΠΉ синтаксис Π³ΠΎΠ²ΠΎΡ€ΠΈΡ‚ ΡΠ»Π΅Π΄ΡƒΡŽΡ‰Π΅Π΅: Β«ΠŸΠ΅Ρ€Π΅ΠΉΠ΄ΠΈΡ‚Π΅ Π² Ρ€ΠΎΠ΄ΠΈΡ‚Π΅Π»ΡŒΡΠΊΠΈΠΉ ΠΊΠ°Ρ‚Π°Π»ΠΎΠ³ для red-product ΠΈ Π² Π½Π΅ΠΌ Π²Ρ‹ Π½Π°ΠΉΠ΄Π΅Ρ‚Π΅ ΠΏΠ°ΠΏΠΊΡƒ blue-productΒ». Оба Π°Π½ΠΊΠΎΡ€Π° ΡƒΠΊΠ°Π·Ρ‹Π²Π°ΡŽΡ‚ Π½Π° URL-адрСс: http://example.com/products/blue-product/.

ΠŸΡ€Π΅Π΄ΠΏΠΎΠ»ΠΎΠΆΠΈΠΌ, Ρ‡Ρ‚ΠΎ Π½ΡƒΠΆΠ½ΠΎ Ρ€Π°Π·ΠΌΠ΅ΡΡ‚ΠΈΡ‚ΡŒ ссылку Π½Π° страницу Β«About UsΒ», которая являСтся прямым ΠΏΠΎΡ‚ΠΎΠΌΠΊΠΎΠΌ Π³Π»Π°Π²Π½ΠΎΠΉ. Π’ΠΎΡ‚ ΠΊΠ°ΠΊ ΠΌΠΎΠΆΠ½ΠΎ это ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ:

<a href="/about-us/">Π£Π·Π½Π°ΠΉΡ‚Π΅ большС ΠΎ нас.</a>

Π’ этом ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π΅ говорится ΡΠ»Π΅Π΄ΡƒΡŽΡ‰Π΅Π΅: Β«Π’Π΅Ρ€Π½ΠΈΡ‚Π΅ΡΡŒ ΠΊ самому Π½ΠΈΠΆΠ½Π΅ΠΌΡƒ ΡƒΡ€ΠΎΠ²Π½ΡŽ Π΄Π΅Ρ€Π΅Π²Π° ΠΊΠ°Ρ‚Π°Π»ΠΎΠ³ΠΎΠ², Π° Π·Π°Ρ‚Π΅ΠΌ Π½Π°ΠΉΠ΄ΠΈΡ‚Π΅ ΠΏΠ°ΠΏΠΊΡƒ about-usΒ».

ΠŸΡ€Π΅Π΄ΠΏΠΎΠ»ΠΎΠΆΠΈΠΌ, Ρ‡Ρ‚ΠΎ ΠΌΡ‹ снова находимся ΠΏΠΎ адрСсу http://example.com/products/red-product/, ΠΈ Ρ…ΠΎΡ‚ΠΈΠΌ Ρ€Π°Π·ΠΌΠ΅ΡΡ‚ΠΈΡ‚ΡŒ ссылку Π½Π° страницу ΠΏΠΎΠ΄ΠΊΠ°Ρ‚Π΅Π³ΠΎΡ€ΠΈΠΈ. Она располагаСтся Π² ΠΊΠ°Ρ‚Π°Π»ΠΎΠ³Π΅ /red-products /category.

<a href="large.php">Π‘ΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ всС красныС Ρ‚ΠΎΠ²Π°Ρ€Ρ‹, доступныС Π² большом Ρ€Π°Π·ΠΌΠ΅Ρ€Π΅!</a>

ΠŸΡ€ΠΈΠ²Π΅Π΄Π΅Π½Π½Ρ‹ΠΉ Π²Ρ‹ΡˆΠ΅ URL-адрСс заставляСт Π±Ρ€Π°ΡƒΠ·Π΅Ρ€ ΠΈΡΠΊΠ°Ρ‚ΡŒ Π² Ρ‚Π΅ΠΊΡƒΡ‰Π΅ΠΉ ΠΏΠ°ΠΏΠΊΠ΅ Ρ„Π°ΠΉΠ» large.php ΠΈ ΠΏΡ€Π΅ΠΎΠ±Ρ€Π°Π·ΠΎΠ²Π°Ρ‚ΡŒ Π΅Π³ΠΎ Π² URL-адрСс β€” http://example.com/products/red-product/large.php.

Π“Π»Π°Π²Π½ΠΎΠ΅ ΠΎΠ± ΠΎΡ‚Π½ΠΎΡΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹Ρ… URL:

  • Если URL-адрСс начинаСтся с Β«/Β», Ρ‚ΠΎ ΠΌΡ‹ заставляСм Π±Ρ€Π°ΡƒΠ·Π΅Ρ€ ΠΈΡΠΊΠ°Ρ‚ΡŒ ΡƒΠΊΠ°Π·Π°Π½Π½Ρ‹ΠΉ Ρ„Π°ΠΉΠ» ΠΈΠ»ΠΈ ΠΏΠ°ΠΏΠΊΡƒ Π½Π° самом Π½ΠΈΠΆΠ½Π΅ΠΌ ΡƒΡ€ΠΎΠ²Π½Π΅ Π΄Π΅Ρ€Π΅Π²Π° ΠΊΠ°Ρ‚Π°Π»ΠΎΠ³ΠΎΠ².
  • Если URL-адрСс начинаСтся с Β«../Β», Ρ‚ΠΎ ΠΌΡ‹ ΡƒΠΊΠ°Π·Ρ‹Π²Π°Π΅ΠΌ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Ρƒ Π½Π° Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎΡΡ‚ΡŒ Π²Π΅Ρ€Π½ΡƒΡ‚ΡŒΡΡ Π½Π° ΠΎΠ΄ΠΈΠ½ ΡƒΡ€ΠΎΠ²Π΅Π½ΡŒ Π²Π²Π΅Ρ€Ρ… Π² Π΄Π΅Ρ€Π΅Π²Π΅ ΠΊΠ°Ρ‚Π°Π»ΠΎΠ³ΠΎΠ².
  • Если URL-адрСс начинаСтся с ΠΈΠΌΠ΅Π½ΠΈ Ρ„Π°ΠΉΠ»Π° ΠΈΠ»ΠΈ ΠΏΠ°ΠΏΠΊΠΈ, Ρ‚ΠΎ ΠΌΡ‹ ΡƒΠΊΠ°Π·Ρ‹Π²Π°Π΅ΠΌ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Ρƒ ΠΈΡΠΊΠ°Ρ‚ΡŒ рСсурсы Π² Ρ‚Π΅ΠΊΡƒΡ‰Π΅ΠΌ Ρ„Π°ΠΉΠ»Π΅.

Π‘ΡƒΡ‰Π΅ΡΡ‚Π²ΡƒΡŽΡ‚ Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹Π΅ Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚Ρ‹, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΌΠΎΠΆΠ½ΠΎ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ ΠΏΡ€ΠΈ Ρ€Π°Π±ΠΎΡ‚Π΅ с Π°Π½ΠΊΠΎΡ€Π°ΠΌΠΈ гипСрссылок.

Π­Ρ‚ΠΎΡ‚ Π½Π΅ΠΎΠ±ΡΠ·Π°Ρ‚Π΅Π»ΡŒΠ½Ρ‹ΠΉ Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚ сообщаСт Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Ρƒ язык Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π°, Π½Π° ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Π²Π΅Π΄Π΅Ρ‚ ссылка. НапримСр, Ссли Π½ΡƒΠΆΠ½ΠΎ ΡΠΎΠΎΠ±Ρ‰ΠΈΡ‚ΡŒ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Ρƒ, Ρ‡Ρ‚ΠΎ Ρ†Π΅Π»Π΅Π²ΠΎΠΉ источник написан Π½Π° испанском, ΠΌΡ‹ Π±ΡƒΠ΄Π΅ΠΌ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Π² качСствС значСния hreflang ΡΠΎΠΎΡ‚Π²Π΅Ρ‚ΡΡ‚Π²ΡƒΡŽΡ‰ΠΈΠΉ ΠΊΠΎΠ΄ языка Π² Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π΅ ISO 639-1.

Π§Ρ‚ΠΎΠ±Ρ‹ ΡΠΎΠΎΠ±Ρ‰ΠΈΡ‚ΡŒ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Ρƒ, Ρ‡Ρ‚ΠΎ <a href="http://example.com" hreflang="es">ссылка</a>
 Π²Π΅Π΄Π΅Ρ‚ Π½Π° рСсурс Π½Π° Π΄Ρ€ΡƒΠ³ΠΎΠΌ языкС, ΠΌΠΎΠΆΠ½ΠΎ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚ 
<code> hreflang </ code>.

Атрибут rel ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ для описания ΠΎΡ‚Π½ΠΎΡˆΠ΅Π½ΠΈΠΉ ΠΌΠ΅ΠΆΠ΄Ρƒ Π°Π½ΠΊΠΎΡ€ΠΎΠΌ ΠΈ Ρ†Π΅Π»Π΅Π²Ρ‹ΠΌ источником. НапримСр:

Π­Ρ‚Π° ΡΡ‚Π°Ρ‚ΡŒΡ Π±Ρ‹Π»Π° написана <a href="https://plus.google.com/+AuthorName"
rel="author">ΠžΡ‚Π»ΠΈΡ‡Π½Ρ‹ΠΌ Π°Π²Ρ‚ΠΎΡ€ΠΎΠΌ</a>.

БущСствуСт нСсколько Π·Π½Π°Ρ‡Π΅Π½ΠΈΠΉ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΏΡ€ΠΈΠ½ΠΈΠΌΠ°Π΅Ρ‚ Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚ rel:

  • rel=Β»nofollowΒ»: ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ это Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅, Ссли ΡΡΡ‹Π»Π°Π΅Ρ‚Π΅ΡΡŒ Π½Π° рСсурс, Π½ΠΎ Π½Π΅ Ρ…ΠΎΡ‚ΠΈΡ‚Π΅ ΠΏΠ΅Ρ€Π΅Π΄Π°Π²Π°Ρ‚ΡŒ Π΅ΠΌΡƒ ссылочный вСс своСго сайта. НапримСр, Ссли ΡΡΡ‹Π»Π°Π΅Ρ‚Π΅ΡΡŒ Π½Π° спамовый сайт Π² качСствС ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π° Ρ‚ΠΎΠ³ΠΎ, Ρ‡Π΅Π³ΠΎ Π½Π΅ Π½ΡƒΠΆΠ½ΠΎ Π΄Π΅Π»Π°Ρ‚ΡŒ.
  • rel=Β»alternateΒ»: Ссли сайт ΠΈΠΌΠ΅Π΅Ρ‚ большС ΠΎΠ΄Π½ΠΎΠΉ вСрсии, ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ это Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ для ΠΈΠ΄Π΅Π½Ρ‚ΠΈΡ„ΠΈΠΊΠ°Ρ†ΠΈΠΈ связанного рСсурса Π² качСствС Π°Π»ΡŒΡ‚Π΅Ρ€Π½Π°Ρ‚ΠΈΠ²Π½ΠΎΠΉ вСрсии Ρ‚Π΅ΠΊΡƒΡ‰Π΅ΠΉ страницы.
  • rel=Β»bookmarkΒ»: это Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ для опрСдСлСния URL-адрСса, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ являСтся постоянным ΠΈ ΠΌΠΎΠΆΠ΅Ρ‚ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒΡΡ для Π·Π°ΠΊΠ»Π°Π΄ΠΊΠΈ.
  • rel=Β»helpΒ»: ΠΈΠ΄Π΅Π½Ρ‚ΠΈΡ„ΠΈΡ†ΠΈΡ€ΡƒΠ΅Ρ‚ связанный рСсурс ΠΊΠ°ΠΊ Ρ„Π°ΠΉΠ» справки для страницы с этим Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ΠΌ.
  • rel=Β»licenseΒ»: ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ этот Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚ для ссылки Π½Π° Π»ΠΈΡ†Π΅Π½Π·ΠΈΡŽ авторских ΠΏΡ€Π°Π².
  • rel=Β»nextΒ»: ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ это Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ для ссылки Π½Π° ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠΉ Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚ ΠΈΠ· сСрии.
  • rel=Β»prevΒ»: ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ это Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ для ссылки Π½Π° ΠΏΡ€Π΅Π΄Ρ‹Π΄ΡƒΡ‰ΠΈΠΉ Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚ ΠΈΠ· сСрии.
  • rel=Β»noreferrerΒ»: Ссли Ρ…ΠΎΡ‚ΠΈΡ‚Π΅ Ρ€Π°Π·ΠΌΠ΅ΡΡ‚ΠΈΡ‚ΡŒ ссылку Π½Π° внСшний сайт, Π½ΠΎ Π½Π΅ Ρ…ΠΎΡ‚ΠΈΡ‚Π΅, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Ρ†Π΅Π»Π΅Π²ΠΎΠΉ источник Π·Π½Π°Π», ΠΊΡ‚ΠΎ Π½Π° Π½Π΅Π³ΠΎ ссылаСтся, ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ это Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅.

ΠΠ΅ΠΎΠ±ΡΠ·Π°Ρ‚Π΅Π»ΡŒΠ½Ρ‹ΠΉ Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚ type ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ для ΠΈΠ΄Π΅Π½Ρ‚ΠΈΡ„ΠΈΠΊΠ°Ρ†ΠΈΠΈ Ρ‚ΠΈΠΏΠ° ΠΈΠ½Ρ‚Π΅Ρ€Π½Π΅Ρ‚-носитСля ΠΈΠ»ΠΈ MIME Ρ‚ΠΈΠΏΠ° Ρ†Π΅Π»Π΅Π²ΠΎΠ³ΠΎ Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π°. НапримСр, ΠΏΡ€ΠΈ создании ссылки Π½Π° сайт ΠΌΠΎΠΆΠ½ΠΎ Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚ type=Β»text/htmlΒ», Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡΠΎΠΎΠ±Ρ‰ΠΈΡ‚ΡŒ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Ρƒ, Ρ‡Ρ‚ΠΎ ссылка ΡƒΠΊΠ°Π·Ρ‹Π²Π°Π΅Ρ‚ Π½Π° HTML-Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚.

БСйчас этот Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚ Π½Π΅ ΠΈΠΌΠ΅Π΅Ρ‚ большого значСния. Но Π² Π±ΡƒΠ΄ΡƒΡ‰Π΅ΠΌ ΠΎΠ½ Π±ΡƒΠ΄Π΅Ρ‚ ΡΠΎΠΎΠ±Ρ‰Π°Ρ‚ΡŒ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŽ сайта Ρ‚ΠΈΠΏ ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚Π° Π΅Ρ‰Π΅ Π΄ΠΎ наТатия Π½Π° ссылку.

Π—Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ type Π΄ΠΎΠ»ΠΆΠ½ΠΎ Π±Ρ‹Ρ‚ΡŒ допустимым Ρ‚ΠΈΠΏΠΎΠΌ IANA. НСкоторыС ΠΈΠ· Π½Π°ΠΈΠ±ΠΎΠ»Π΅Π΅ часто ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅ΠΌΡ‹Ρ… Π·Π½Π°Ρ‡Π΅Π½ΠΈΠΉ: text/html, text/css, application/javascript ΠΈ multipart/form-data.

Одним ΠΈΠ· распространСнных способов использования ссылок являСтся созданиС мСню Π½Π°Π²ΠΈΠ³Π°Ρ†ΠΈΠΈ, с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ³ΠΎ опрСдСляСтся логичСская иСрархия структуры сайта.

НазваниС ΡΠ»Π΅ΠΌΠ΅Π½Ρ‚Π°ΠΡ‚Ρ€ΠΈΠ±ΡƒΡ‚Ρ‹ΠŸΡ€ΠΈΠΌΠ΅Ρ‡Π°Π½ΠΈΡ
linkhref
rel
media
title
type
Π­Π»Π΅ΠΌΠ΅Π½Ρ‚ <link> ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ для опрСдСлСния ΠΎΡ‚Π½ΠΎΡˆΠ΅Π½ΠΈΡ ΠΌΠ΅ΠΆΠ΄Ρƒ HTML-Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚ΠΎΠΌ ΠΈ внСшним рСсурсом. Он Ρ‡Π°Ρ‰Π΅ всСго примСняСтся для опрСдСлСния взаимосвязи ΠΌΠ΅ΠΆΠ΄Ρƒ Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚ΠΎΠΌ ΠΈ внСшними Ρ‚Π°Π±Π»ΠΈΡ†Π°ΠΌΠΈ стилСй CSS.
anchorhreflang
download
target
title
href
name
Π­Π»Π΅ΠΌΠ΅Π½Ρ‚ <a> ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ для создания гипСрссылки Π½Π° Π΄Ρ€ΡƒΠ³ΡƒΡŽ Π²Π΅Π±-страницу ΠΈΠ»ΠΈ Π΄Ρ€ΡƒΠ³ΠΎΠ΅ мСсто Π½Π° Ρ‚ΠΎΠΉ ΠΆΠ΅ Π²Π΅Π±-страницС.
basetarget
href
Π­Π»Π΅ΠΌΠ΅Π½Ρ‚ <base> ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ для опрСдСлСния Π±Π°Π·ΠΎΠ²ΠΎΠ³ΠΎ адрСса, ΠΎΡ‚ ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ³ΠΎ ΠΌΠΎΠΆΠ½ΠΎ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ всС ΠΎΡ‚Π½ΠΎΡΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹Π΅ URL, ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°Π΅ΠΌΡ‹Π΅ Π½Π° Π²Π΅Π±-страницС. Если <base> ΠΈΠΌΠ΅Π΅Ρ‚ Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚ target, Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚ target, Ρ‚ΠΎ ΠΎΠ½ Π±ΡƒΠ΄Π΅Ρ‚ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒΡΡ ΠΊΠ°ΠΊ Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚ ΠΏΠΎ ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ для всСх гипСрссылок, ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°Π΅ΠΌΡ‹Ρ… Π² Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π΅.

Данная публикация являСтся ΠΏΠ΅Ρ€Π΅Π²ΠΎΠ΄ΠΎΠΌ ΡΡ‚Π°Ρ‚ΡŒΠΈ Β«Anchors & Links: How They Work In HTMLΒ» , подготовлСнная Ρ€Π΅Π΄Π°ΠΊΡ†ΠΈΠ΅ΠΉ ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π°.

Анкоры ΠΈ ссылки: ΠΊΠ°ΠΊ ΠΎΠ½ΠΈ Ρ€Π°Π±ΠΎΡ‚Π°ΡŽΡ‚ Π² HTML

ГипСрссылки β€” ΠΎΠ΄Π½Π° ΠΈΠ· Ρ„ΡƒΠ½Π΄Π°ΠΌΠ΅Π½Ρ‚Π°Π»ΡŒΠ½Ρ‹Ρ… Ρ‚Π΅Ρ…Π½ΠΎΠ»ΠΎΠ³ΠΈΠΉ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π΄Π΅Π»Π°ΡŽΡ‚ ΠΈΠ½Ρ‚Π΅Ρ€Π½Π΅Ρ‚ ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΠΎΠ½Π½ΠΎΠΉ ΠΌΠ°Π³ΠΈΡΡ‚Ρ€Π°Π»ΡŒΡŽ. ПониманиС Ρ‚ΠΎΠ³ΠΎ, ΠΊΠ°ΠΊ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Π°Π½ΠΊΠΎΡ€Ρ‹, являСтся основным аспСктов, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Π½ΡƒΠΆΠ½ΠΎ ΠΎΡΠ²ΠΎΠΈΡ‚ΡŒ Π² HTML.

Вэгом Π°Π½ΠΊΠΎΡ€Π° являСтся <a>. Для Π½Π΅Π³ΠΎ Ρ‚Ρ€Π΅Π±ΡƒΡŽΡ‚ΡΡ ΠΎΡ‚ΠΊΡ€Ρ‹Π²Π°ΡŽΡ‰ΠΈΠΉΡΡ ΠΈ Π·Π°ΠΊΡ€Ρ‹Π²Π°ΡŽΡ‰ΠΈΠΉΡΡ тэги. ВсС, Ρ‡Ρ‚ΠΎ располоТСно ΠΌΠ΅ΠΆΠ΄Ρƒ Π½ΠΈΠΌΠΈ, это сам Π°Π½ΠΊΠΎΡ€.

Если ΠΌΡ‹ Ρ…ΠΎΡ‚ΠΈΠΌ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ ΠΎΠ΄Π½ΠΎ слово Π² качСствС Π°Π½ΠΊΠΎΡ€Π°, ΠΌΡ‹ ΠΎΠ±ΠΎΡ€Π°Ρ‡ΠΈΠ²Π°Π΅ΠΌ 
Ρ‚ΠΎΠ»ΡŒΠΊΠΎ ΠΎΠ΄Π½ΠΎ <a>слово</a> Π² Ρ‚Π΅Π³ΠΈ Π°Π½ΠΊΠΎΡ€Π°.

Π§Ρ‚ΠΎΠ±Ρ‹ ссылка ΠΎΡ…Π²Π°Ρ‚Ρ‹Π²Π°Π»Π° вСсь Π°Π±Π·Π°Ρ†, Π½ΡƒΠΆΠ½ΠΎ ΠΎΠ±Π΅Ρ€Π½ΡƒΡ‚ΡŒ Π΅Π³ΠΎ Π² Ρ‚Π΅Π³ΠΈ <a>.

<!-- ΠœΡ‹ Ρ‚Π°ΠΊΠΆΠ΅ ΠΌΠΎΠΆΠ΅ΠΌ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Π² качСствС элСмСнта Π°Π½ΠΊΠΎΡ€Π° ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ -->
<a><img src = "http://example.com/image-file.png" /></a>

ΠŸΡ€ΠΈΠ²Π΅Π΄Π΅Π½Π½Ρ‹Π΅ Π²Ρ‹ΡˆΠ΅ ΠΏΡ€ΠΈΠΌΠ΅Ρ€Ρ‹ ΠΌΠ°Π»ΠΎ ΠΏΠΎΠ»Π΅Π·Π½Ρ‹. ΠœΡ‹ Π½Π΅ Π²ΠΊΠ»ΡŽΡ‡ΠΈΠ»ΠΈ Π² Π½ΠΈΡ… Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹Ρ… инструкций. БСйчас эти элСмСнты Π½ΠΈ ΠΊ Ρ‡Π΅ΠΌΡƒ Π½Π΅ привязаны. Для этого Π½ΡƒΠΆΠ½ΠΎ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹Π΅ Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚Ρ‹, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΌΡ‹ рассмотрим Π² этой ΡΡ‚Π°Ρ‚ΡŒΠ΅.

Для создания гипСрссылок Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΡ‹ Ρ‚Ρ€ΠΈ Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚Π°: href, target ΠΈ download.

Атрибут href ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ для указания Ρ†Π΅Π»ΠΈ ΠΈΠ»ΠΈ адрСсата для Π°Π½ΠΊΠΎΡ€Π°. Он примСняСтся для опрСдСлСния URL-адрСса, ΠΊ ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΌΡƒ Π΄ΠΎΠ»ΠΆΠ΅Π½ ΠΏΡ€ΠΈΠ²ΡΠ·Ρ‹Π²Π°Ρ‚ΡŒΡΡ Π°Π½ΠΊΠΎΡ€.

Π’ этом ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π΅ <a href="http://example.com"> тСкста Π°Π½ΠΊΠΎΡ€Π°</a> 
ссылка Π²Π΅Π΄Π΅Ρ‚ Π½Π° URL-адрСс <em> www.example.com </em>.

Π‘ ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚Π° href ΠΌΠΎΠΆΠ½ΠΎ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ Π½Π°ΠΌΠ½ΠΎΠ³ΠΎ большС, Ρ‡Π΅ΠΌ просто ΡƒΠΊΠ°Π·Π°Ρ‚ΡŒ ссылку Π½Π° Π΄Ρ€ΡƒΠ³ΠΎΠΉ сайт. НапримСр:

  • Π˜ΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ для создания прямой ссылки Π½Π° любой элСмСнт Π²Π΅Π±-страницы, ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΌΡƒ Π±Ρ‹Π» присвоСн ΠΈΠ΄Π΅Π½Ρ‚ΠΈΡ„ΠΈΠΊΠ°Ρ‚ΠΎΡ€.
  • Для связи с рСсурсом, ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡ ΠΏΡ€ΠΎΡ‚ΠΎΠΊΠΎΠ», ΠΎΡ‚Π»ΠΈΡ‡Π½Ρ‹ΠΉ ΠΎΡ‚ http.
  • Для запуска скрипта.

НапримСр:

<a href="#Specify_a_Hyperlink_Target_href">Π­Ρ‚ΠΎΡ‚ ΠΏΠ΅Ρ€Π²Ρ‹ΠΉ элСмСнт Π°Π½ΠΊΠΎΡ€Π°</a>  
ссылаСтся Π½Π° Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ  этого Ρ€Π°Π·Π΄Π΅Π»Π° ΡΡ‚Π°Ρ‚ΡŒΠΈ. 
Π˜ΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡ <code>id</code>, ΠΌΡ‹ ΠΌΠΎΠΆΠ΅ΠΌ Π½Π°Π·Π½Π°Ρ‡ΠΈΡ‚ΡŒ для Ρ€Π°Π·Π΄Π΅Π»Π° элСмСнт Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠ°.
ΠœΡ‹ ΠΌΠΎΠΆΠ΅ΠΌ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ ΠΏΡ€ΠΎΡ‚ΠΎΠΊΠΎΠ» <code>mailto</ code>, 
Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ ссылку, которая Π±ΡƒΠ΄Π΅Ρ‚ ΠΏΡ‹Ρ‚Π°Ρ‚ΡŒΡΡ Π·Π°ΠΏΡƒΡΡ‚ΠΈΡ‚ΡŒ Π½Π° вашСм ΠΊΠΎΠΌΠΏΡŒΡŽΡ‚Π΅Ρ€Π΅
ΠΏΠΎΡ‡Ρ‚ΠΎΠ²ΡƒΡŽ ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΡƒ, ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅ΠΌΡƒΡŽ ΠΏΠΎ ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ. Π”Π°Π²Π°ΠΉΡ‚Π΅ ΠΏΠΎΠΏΡ€ΠΎΠ±ΡƒΠ΅ΠΌ! 
Нам Π±Ρ‹ Ρ…ΠΎΡ‚Π΅Π»ΠΎΡΡŒ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π²Ρ‹ <a href="mailto:[email protected]">связались</a> с Π½Π°ΠΌΠΈ!
Если Π²Ρ‹ Π½Π°ΠΆΠΌΠ΅Ρ‚Π΅ ссылку Π½ΠΈΠΆΠ΅, появится ΠΎΠΊΠ½ΠΎ оповСщСния JavaScript.
 <a>НаТмитС ссылку, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡƒΠ²ΠΈΠ΄Π΅Ρ‚ΡŒ, Ρ‡Ρ‚ΠΎ ΠΏΡ€ΠΎΠΈΠ·ΠΎΠΉΠ΄Π΅Ρ‚ </a>.

Π­Π»Π΅ΠΌΠ΅Π½Ρ‚ href прост Π² использовании. Но ΠΌΠΎΠΆΠ½ΠΎ ΠΏΠΎΠ»ΡƒΡ‡ΠΈΡ‚ΡŒ Π½Π°ΠΌΠ½ΠΎΠ³ΠΎ большС, познакомившись с Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚ΠΎΠΌ target.

Рассмотрим ссылку mailto, ΠΊΠΎΡ‚ΠΎΡ€ΡƒΡŽ ΠΌΡ‹ создали Π² ΠΏΡ€Π΅Π΄Ρ‹Π΄ΡƒΡ‰Π΅ΠΌ ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π΅. Π•Π΅ исходный ΠΊΠΎΠ΄:

Нам Π±Ρ‹ Ρ…ΠΎΡ‚Π΅Π»ΠΎΡΡŒ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π²Ρ‹ <a href="mailto:[email protected]">связались</a> с Π½Π°ΠΌΠΈ!

Бсылка ΠΏΠΎΠ»Π΅Π·Π½Π°, Π½ΠΎ способ Π΅Π΅ открытия Π½Π΅ ΠΈΠ΄Π΅Π°Π»Π΅Π½. Π’ зависимости ΠΎΡ‚ настроСк Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π° ΠΈ ПК гипСрссылка ΠΌΠΎΠΆΠ΅Ρ‚ ΠΏΠ΅Ρ€Π΅Π½Π°ΠΏΡ€Π°Π²ΠΈΡ‚ΡŒ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Π΅ΠΉ Π½Π° сайты Ρ‚Π°ΠΊΠΈΡ… ΠΏΠΎΡ‡Ρ‚ΠΎΠ²Ρ‹Ρ… сСрвисов, ΠΊΠ°ΠΊ Gmail ΠΈΠ»ΠΈ Yahoo! Mail. Но ΠΈΠ·-Π·Π° этого ΠΎΠ½ΠΈ посСтитСли ΠΏΠΎΠΊΠΈΠ½ΡƒΡ‚ наш рСсурс.

Π§Ρ‚ΠΎΠ±Ρ‹ Ρ€Π΅ΡˆΠΈΡ‚ΡŒ эту ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌΡƒ, ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚ target со Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ΠΌ _blank.

ΠœΡ‹ Π±ΡƒΠ΄Π΅ΠΌ Ρ€Π°Π΄Ρ‹, Ссли Π²Ρ‹ <a href="mailto:[email protected]"
 target="_blank" rel="noopener">ΡΠ²ΡΠΆΠ΅Ρ‚Π΅ΡΡŒ</a> с Π½Π°ΠΌΠΈ!

Π‘ Π΅Π³ΠΎ ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ ΠΌΡ‹ заставляСм Π±Ρ€Π°ΡƒΠ·Π΅Ρ€ ΠΎΡ‚ΠΊΡ€Ρ‹Π²Π°Ρ‚ΡŒ ссылку Π² Π½ΠΎΠ²ΠΎΠΉ Π²ΠΊΠ»Π°Π΄ΠΊΠ΅ ΠΈΠ»ΠΈ Π½ΠΎΠ²ΠΎΠΌ ΠΎΠΊΠ½Π΅ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π°.

Атрибут download ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ для ΠΈΠ΄Π΅Π½Ρ‚ΠΈΡ„ΠΈΠΊΠ°Ρ†ΠΈΠΈ ссылки, которая Π΄ΠΎΠ»ΠΆΠ½Π° ΠΈΠ½ΠΈΡ†ΠΈΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ Π·Π°Π³Ρ€ΡƒΠ·ΠΊΡƒ. Π—Π½Π°Ρ‡Π΅Π½ΠΈΠ΅, присвоСнноС Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚Ρƒ download , это имя Π·Π°Π³Ρ€ΡƒΠΆΠ°Π΅ΠΌΠΎΠ³ΠΎ Ρ„Π°ΠΉΠ»Π°.

Атрибут href Ρ‚Π°ΠΊΠΆΠ΅ примСняСтся ΠΏΡ€ΠΈ создании Π°Π½ΠΊΠΎΡ€Π°, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ ΠΈΠ½ΠΈΡ†ΠΈΠΈΡ€ΡƒΠ΅Ρ‚ Π·Π°Π³Ρ€ΡƒΠ·ΠΊΡƒ. Он ΡƒΠΊΠ°Π·Ρ‹Π²Π°Π΅Ρ‚ Π½Π° мСсто размСщСния Π·Π°Π³Ρ€ΡƒΠΆΠ°Π΅ΠΌΠΎΠ³ΠΎ Ρ„Π°ΠΉΠ»Π°.

ΠŸΡ€ΠΈΠΌΠ΅Ρ€ Ρ€Π΅Π°Π»ΠΈΠ·Π°Ρ†ΠΈΠΈ:

Π§Ρ‚ΠΎΠ±Ρ‹ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ ссылку, которая ΡƒΠΊΠ°Π·Ρ‹Π²Π°Π΅Ρ‚ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Ρƒ 
<a href="http://example.com/file.ext" download="Example_File">ΡΠΊΠ°Ρ‡Π°Ρ‚ΡŒ Ρ„Π°ΠΉΠ»</a>,
 ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚ <code>href</ code>, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΈΠ΄Π΅Π½Ρ‚ΠΈΡ„ΠΈΡ†ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ Ρ„Π°ΠΉΠ»
 для скачивания
ΠΈ Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚ <code>download</code>, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡƒΠΊΠ°Π·Π°Ρ‚ΡŒ имя скачиваСмого Ρ„Π°ΠΉΠ»Π°.

Атрибут href Π² ΠΏΡ€ΠΈΠ²Π΅Π΄Π΅Π½Π½ΠΎΠΌ Π²Ρ‹ΡˆΠ΅ ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π΅ ΡƒΠΊΠ°Π·Ρ‹Π²Π°Π΅Ρ‚ Π½Π° Ρ€Π΅Π°Π»ΡŒΠ½Ρ‹ΠΉ Ρ„Π°ΠΉΠ». Когда Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠ° Π±ΡƒΠ΄Π΅Ρ‚ Π·Π°Π²Π΅Ρ€ΡˆΠ΅Π½Π°, Π΅Π³ΠΎ имя Π±ΡƒΠ΄Π΅Ρ‚ Example_File.ext, Π³Π΄Π΅ .ext β€” это Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ Ρ„Π°ΠΉΠ»Π°. НСт нСобходимости Π²ΠΊΠ»ΡŽΡ‡Π°Ρ‚ΡŒ Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΠ΅ Ρ„Π°ΠΉΠ»Π° Π² Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅, присваиваСмоС Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚Ρƒ download. Оно Π±ΡƒΠ΄Π΅Ρ‚ ΠΈΠ΄Π΅Π½Ρ‚ΠΈΡ„ΠΈΡ†ΠΈΡ€ΠΎΠ²Π°Π½ΠΎ ΠΈ Π΄ΠΎΠ±Π°Π²Π»Π΅Π½ΠΎ ΠΊ ΠΈΠΌΠ΅Π½ΠΈ Π·Π°Π³Ρ€ΡƒΠΆΠ΅Π½Π½ΠΎΠ³ΠΎ Ρ„Π°ΠΉΠ»Π°.

БущСствуСт Π΄Π²Π° Ρ‚ΠΈΠΏΠ° гипСрссылок: Π²Π½ΡƒΡ‚Ρ€Π΅Π½Π½ΠΈΠ΅ ΠΈ внСшниС. Π’Π½ΡƒΡ‚Ρ€Π΅Π½Π½ΠΈΠ΅ ссылки β€” это Ρ‚Π΅, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΡƒΠΊΠ°Π·Ρ‹Π²Π°ΡŽΡ‚ Π½Π° Π΄Ρ€ΡƒΠ³ΠΈΠ΅ страницы сайта. Π’Π½Π΅ΡˆΠ½ΠΈΠ΅ ссылки ΡƒΠΊΠ°Π·Ρ‹Π²Π°ΡŽΡ‚ Π½Π° Π²Π΅Π±-страницы, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π½Π΅ ΡΠ²Π»ΡΡŽΡ‚ΡΡ Ρ‡Π°ΡΡ‚ΡŒΡŽ сайта.

Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ Π²Π½ΡƒΡ‚Ρ€Π΅Π½Π½ΠΈΡ… ссылок Π²Π°ΠΆΠ½ΠΎ ΠΏΠΎ нСскольким ΠΏΡ€ΠΈΡ‡ΠΈΠ½Π°ΠΌ:

  • Они ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‚ΡΡ для создания мСню Π½Π°Π²ΠΈΠ³Π°Ρ†ΠΈΠΈ сайта.
  • Π’Π½ΡƒΡ‚Ρ€Π΅Π½Π½ΠΈΠ΅ ссылки ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‚ΡΡ Π² ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚Π΅ сайт, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΏΠΎΠΌΠΎΡ‡ΡŒ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡΠΌ Π½Π°ΠΉΡ‚ΠΈ связанныС ΠΏΡƒΠ±Π»ΠΈΠΊΠ°Ρ†ΠΈΠΈ.
  • Они ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‚ΡΡ поисковыми Ρ€ΠΎΠ±ΠΎΡ‚Π°ΠΌΠΈ ΠΏΡ€ΠΈ Π°Π½Π°Π»ΠΈΠ·Π΅ содСрТимого сайта.

ΠŸΡ€ΠΈ создании Π²Π½ΡƒΡ‚Ρ€Π΅Π½Π½ΠΈΡ… ссылок ΡƒΠ±Π΅Π΄ΠΈΡ‚Π΅ΡΡŒ, Ρ‡Ρ‚ΠΎ Π²Ρ‹ Π½Π΅ пСрСусСрдствовали. Бсылочный вСс любой Π²Π΅Π±-страницы пСрСдаСтся Ρ‡Π΅Ρ€Π΅Π· ссылки, Ρ€Π°Π·ΠΌΠ΅Ρ‰Π΅Π½Π½Ρ‹Π΅ Π½Π° Π½Π΅ΠΉ. Π§Π΅ΠΌ большС ссылок Π²Ρ‹ Ρ€Π°Π·ΠΌΠ΅Ρ‰Π°Π΅Ρ‚Π΅ Π½Π° страницС, Ρ‚Π΅ΠΌ большС ссылочного вСса ΡƒΡ…ΠΎΠ΄ΠΈΡ‚ Ρ‡Π΅Ρ€Π΅Π· эти ссылки. РСкомСндуСтся Ρ€Π°Π·ΠΌΠ΅Ρ‰Π°Ρ‚ΡŒ Π½Π΅ Π±ΠΎΠ»Π΅Π΅ 100 ссылок Π½Π° ΠΎΠ΄Π½ΠΎΠΉ страницС.

Π’Π½Π΅ΡˆΠ½ΠΈΠ΅ ссылки Π²Π°ΠΆΠ½Ρ‹ ΠΏΠΎ нСскольким ΠΏΡ€ΠΈΡ‡ΠΈΠ½Π°ΠΌ:

  • Π’Π½Π΅ΡˆΠ½ΠΈΠ΅ ссылки ΠΏΠΎΠ·Π²ΠΎΠ»ΡΡŽΡ‚ ΡΡΡ‹Π»Π°Ρ‚ΡŒΡΡ Π½Π° ΠΏΠΎΠ»Π΅Π·Π½Ρ‹ΠΉ для посСтитСлСй сайта сторонний ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚.
  • Когда Π΄Ρ€ΡƒΠ³ΠΈΠ΅ ΠΏΠ»ΠΎΡ‰Π°Π΄ΠΊΠΈ ΠΏΡƒΠ±Π»ΠΈΠΊΡƒΡŽΡ‚ ссылки, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΡƒΠΊΠ°Π·Ρ‹Π²Π°ΡŽΡ‚ Π½Π° наш сайт, ΠΎΠ½ΠΈ становятся ΠΎΠ±Ρ€Π°Ρ‚Π½Ρ‹ΠΌΠΈ ссылками. Они ΠΏΠΎΠ·Π²ΠΎΠ»ΡΡŽΡ‚ ΠΏΠ΅Ρ€Π΅Π΄Π°Π²Π°Ρ‚ΡŒ Π²Π°ΡˆΠ΅ΠΌΡƒ сайту ссылочный вСс ΠΈ ΡƒΠ»ΡƒΡ‡ΡˆΠ°Ρ‚ΡŒ Π΅Π³ΠΎ Ρ€Π°Π½ΠΆΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅.

ΠŸΡ€ΠΈ использовании Π²Π½Π΅ΡˆΠ½ΠΈΡ… ссылок Π½Π΅ ΡΡΡ‹Π»Π°ΠΉΡ‚Π΅ΡΡŒ Π½Π° прямых ΠΊΠΎΠ½ΠΊΡƒΡ€Π΅Π½Ρ‚ΠΎΠ². И Π½Π΅ Π·Π°Π±Ρ‹Π²Π°ΠΉΡ‚Π΅ ΠΏΡ€ΠΈΠΌΠ΅Π½ΡΡ‚ΡŒ Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚ target=Β»_ blankΒ». ΠžΡ‚ΠΊΡ€Ρ‹Π²Π°Ρ внСшниС ссылки Π² Π½ΠΎΠ²ΠΎΠΉ Π²ΠΊΠ»Π°Π΄ΠΊΠ΅ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π°, ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΠΈ ΠΏΡ€ΠΎΠ΄ΠΎΠ»ΠΆΠ°ΡŽΡ‚ ΠΎΡΡ‚Π°Π²Π°Ρ‚ΡŒΡΡ Π½Π° вашСм сайтС.

ΠšΠΎΠ½Π΅Ρ‡Π½ΠΎ, Π²Ρ‹ Π²ΠΈΠ΄Π΅Π»ΠΈ ΠΈ ссылки, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ выглядят ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π½ΠΎ Ρ‚Π°ΠΊ:

Π§Ρ‚ΠΎΠ±Ρ‹ ΡƒΠ·Π½Π°Ρ‚ΡŒ большС <a href="http://example.com">Π½Π°ΠΆΠΌΠΈΡ‚Π΅ здСсь</a>!

Но Π»ΡƒΡ‡ΡˆΠ΅ Π½Π΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Ρ‚Π°ΠΊΠΈΠ΅ Π°Π½ΠΊΠΎΡ€Ρ‹. Для этого сущСствуСт нСсколько ΠΏΡ€ΠΈΡ‡ΠΈΠ½:

  • ΠŸΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡΠΌ потрСбуСтся нСсколько сСкунд, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΈΡΡΠ»Π΅Π΄ΠΎΠ²Π°Ρ‚ΡŒ тСкст Π²ΠΎΠΊΡ€ΡƒΠ³ ссылки ΠΈ ΠΏΠΎΠ»ΡƒΡ‡ΠΈΡ‚ΡŒ прСдставлСниС ΠΎ Ρ‚ΠΎΠΌ, ΠΊΡƒΠ΄Π° ΠΎΠ½Π° Π²Π΅Π΄Π΅Ρ‚.
  • ΠŸΠΎΠΈΡΠΊΠΎΠ²Ρ‹Π΅ Ρ€ΠΎΠ±ΠΎΡ‚Ρ‹ ΡΠ²ΡΠ·Ρ‹Π²Π°ΡŽΡ‚ тСкст Π°Π½ΠΊΠΎΡ€Π° с URL-адрСсом ссылки. ΠŸΡ€Π°Π²ΠΈΠ»ΡŒΠ½ΠΎ ΠΏΠΎΠ΄ΠΎΠ±Ρ€Π°Π½Π½Ρ‹ΠΉ Π°Π½ΠΊΠΎΡ€ ΠΏΠΎΠΌΠΎΠ³Π°Π΅Ρ‚ поисковым систСмам ΠΎΠΏΡ€Π΅Π΄Π΅Π»ΡΡ‚ΡŒ Ρ€Π΅Π»Π΅Π²Π°Π½Ρ‚Π½ΠΎΡΡ‚ΡŒ Π²Π΅Π±-страницы ΠΊΠ»ΡŽΡ‡Π΅Π²ΠΈΠΊΠ°ΠΌ.

ВСкст Π°Π½ΠΊΠΎΡ€Π° Π΄ΠΎΠ»ΠΆΠ΅Π½ Π±Ρ‹Ρ‚ΡŒ ΠΊΡ€Π°Ρ‚ΠΊΠΈΠΌ ΠΈ ΠΈΠ΄Π΅Π½Ρ‚ΠΈΡ„ΠΈΡ†ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ ΠΊΠ»ΡŽΡ‡Π΅Π²Ρ‹Π΅ слова, относящиСся ΠΊ Π²Π΅Π±-страницС. Π”Π²Π° ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π° ΠΏΡ€Π°Π²ΠΈΠ»ΡŒΠ½ΠΎ Π²Ρ‹Π±Ρ€Π°Π½Π½ΠΎΠ³ΠΎ тСкста ссылки:

Если Ρ…ΠΎΡ‚ΠΈΡ‚Π΅, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ваш сайт ΠΏΠΎΠ»ΡƒΡ‡Π°Π» большС Ρ‚Ρ€Π°Ρ„ΠΈΠΊΠ° ΠΈΠ· 
<a href="http://www.google.com/" target="_blank" rel="noopener">
 поисковых систСм</a>,
 ΠΎΠ·Π½Π°ΠΊΠΎΠΌΡŒΡ‚Π΅ΡΡŒ с нашим <a href="/seo/">руководством ΠΏΠΎ SEO</a>,
 Π² ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΌ Π²Ρ‹ Π½Π°ΠΉΠ΄Π΅Ρ‚Π΅ совСты ΠΏΠΎ ΡƒΠ»ΡƒΡ‡ΡˆΠ΅Π½ΠΈΡŽ ранТирования сайта.

ΠŸΠ΅Ρ€Π²Π°Ρ ссылка сообщаСт поисковым Ρ€ΠΎΠ±ΠΎΡ‚Π°ΠΌ ΠΈ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡΠΌ, Ρ‡Ρ‚ΠΎ сайт http://www.google.com ΠΈΠΌΠ΅Π΅Ρ‚ ΠΎΡ‚Π½ΠΎΡˆΠ΅Π½ΠΈΠ΅ ΠΊ ΠΊΠ»ΡŽΡ‡Π΅Π²ΠΎΠΌΡƒ слову «поисковыС систСмы». Вторая ссылка сообщаСт, Ρ‡Ρ‚ΠΎ страница, располоТСнная ΠΏΠΎ ΠΎΡ‚Π½ΠΎΡΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎΠΌΡƒ URL-адрСсу /seo/, связана с ΠΊΠ»ΡŽΡ‡Π΅Π²Ρ‹ΠΌ словом «руководство ΠΏΠΎ SEOΒ».

ΠΠ±ΡΠΎΠ»ΡŽΡ‚Π½Ρ‹Π΅ URL-адрСса β€” это Ρ‚Π΅, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ содСрТат ΠΏΠΎΠ»Π½ΠΎΠ΅ (Π°Π±ΡΠΎΠ»ΡŽΡ‚Π½ΠΎΠ΅) описаниС адрСса ссылки. Они Π²ΠΊΠ»ΡŽΡ‡Π°ΡŽΡ‚ Π² сСбя ΠΏΡ€ΠΎΡ‚ΠΎΠΊΠΎΠ» (http), ΠΏΠΎΠ»Π½ΠΎΠ΅ имя Π΄ΠΎΠΌΠ΅Π½Π° ΠΈ ΠΏΡƒΡ‚ΡŒ ΠΊ Ρ„Π°ΠΉΠ»Ρƒ.

ΠžΡ‚Π½ΠΎΡΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹Π΅ URL-адрСса, ΡΡΡ‹Π»Π°ΡΡΡŒ Π½Π° Π²Π΅Π±-страницу, ΠΎΠΏΠΈΡΡ‹Π²Π°ΡŽΡ‚ Π΅Π΅ ΠΏΠΎΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ ΠΎΡ‚Π½ΠΎΡΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ Ρ‚Π΅ΠΊΡƒΡ‰Π΅ΠΉ Π²Π΅Π±-страницы. ΠŸΡ€ΠΈ создании Π²Π½ΡƒΡ‚Ρ€Π΅Π½Π½ΠΈΡ… ссылок, ΡƒΠΊΠ°Π·Ρ‹Π²Π°ΡŽΡ‰ΠΈΡ… Π½Π° Π΄Ρ€ΡƒΠ³ΠΈΠ΅ страницы ΠΎΠ΄Π½ΠΎΠ³ΠΎ ΠΈ Ρ‚ΠΎΠ³ΠΎ ΠΆΠ΅ сайта, ΠΌΠΎΠΆΠ½ΠΎ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ ΠΎΡ‚Π½ΠΎΡΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹Π΅ URL-адрСса, Π° Π½Π΅ Π°Π±ΡΠΎΠ»ΡŽΡ‚Π½Ρ‹Π΅.

НапримСр, Ссли ΠΌΡ‹ находимся ΠΏΠΎ адрСсу: http://example.com/products/red-product/, ΠΈ Ρ…ΠΎΡ‚ΠΈΠΌ ΡΠΎΡΠ»Π°Ρ‚ΡŒΡΡ Π½Π° страницу синСго Ρ‚ΠΎΠ²Π°Ρ€Π°, ΠΌΠΎΠΆΠ½ΠΎ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ любой ΠΈΠ· ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΡ… Π°Π½ΠΊΠΎΡ€ΠΎΠ²:

<a href="/products/blue-product/">ΠŸΠ΅Ρ€Π΅ΠΉΡ‚ΠΈ ΠΊ страницС синСго Ρ‚ΠΎΠ²Π°Ρ€Π°!</a>
<a href="../blue-product/">ΠŸΠ΅Ρ€Π΅ΠΉΡ‚ΠΈ ΠΊ страницС синСго Ρ‚ΠΎΠ²Π°Ρ€Π°!</a>

ΠŸΠ΅Ρ€Π²Ρ‹ΠΉ синтаксис Π³ΠΎΠ²ΠΎΡ€ΠΈΡ‚ ΡΠ»Π΅Π΄ΡƒΡŽΡ‰Π΅Π΅: Β«ΠŸΠ΅Ρ€Π΅ΠΉΠ΄ΠΈΡ‚Π΅ Π½Π° самый Π½ΠΈΠΆΠ½ΠΈΠΉ ΡƒΡ€ΠΎΠ²Π΅Π½ΡŒ Π΄Π΅Ρ€Π΅Π²Π°, Π½Π°ΠΉΠ΄ΠΈΡ‚Π΅ Π² Π½Π΅ΠΌ ΠΊΠ°Ρ‚Π°Π»ΠΎΠ³ product, Π° Π² Π½Π΅ΠΌ ΠΎΡ‚ΠΊΡ€ΠΎΠΉΡ‚Π΅ ΠΏΠ°ΠΏΠΊΡƒ blue-product. Π’Ρ‚ΠΎΡ€ΠΎΠΉ синтаксис Π³ΠΎΠ²ΠΎΡ€ΠΈΡ‚ ΡΠ»Π΅Π΄ΡƒΡŽΡ‰Π΅Π΅: Β«ΠŸΠ΅Ρ€Π΅ΠΉΠ΄ΠΈΡ‚Π΅ Π² Ρ€ΠΎΠ΄ΠΈΡ‚Π΅Π»ΡŒΡΠΊΠΈΠΉ ΠΊΠ°Ρ‚Π°Π»ΠΎΠ³ для red-product ΠΈ Π² Π½Π΅ΠΌ Π²Ρ‹ Π½Π°ΠΉΠ΄Π΅Ρ‚Π΅ ΠΏΠ°ΠΏΠΊΡƒ blue-productΒ». Оба Π°Π½ΠΊΠΎΡ€Π° ΡƒΠΊΠ°Π·Ρ‹Π²Π°ΡŽΡ‚ Π½Π° URL-адрСс: http://example.com/products/blue-product/.

ΠŸΡ€Π΅Π΄ΠΏΠΎΠ»ΠΎΠΆΠΈΠΌ, Ρ‡Ρ‚ΠΎ Π½ΡƒΠΆΠ½ΠΎ Ρ€Π°Π·ΠΌΠ΅ΡΡ‚ΠΈΡ‚ΡŒ ссылку Π½Π° страницу Β«About UsΒ», которая являСтся прямым ΠΏΠΎΡ‚ΠΎΠΌΠΊΠΎΠΌ Π³Π»Π°Π²Π½ΠΎΠΉ. Π’ΠΎΡ‚ ΠΊΠ°ΠΊ ΠΌΠΎΠΆΠ½ΠΎ это ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ:

<a href="/about-us/">Π£Π·Π½Π°ΠΉΡ‚Π΅ большС ΠΎ нас.</a>

Π’ этом ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π΅ говорится ΡΠ»Π΅Π΄ΡƒΡŽΡ‰Π΅Π΅: Β«Π’Π΅Ρ€Π½ΠΈΡ‚Π΅ΡΡŒ ΠΊ самому Π½ΠΈΠΆΠ½Π΅ΠΌΡƒ ΡƒΡ€ΠΎΠ²Π½ΡŽ Π΄Π΅Ρ€Π΅Π²Π° ΠΊΠ°Ρ‚Π°Π»ΠΎΠ³ΠΎΠ², Π° Π·Π°Ρ‚Π΅ΠΌ Π½Π°ΠΉΠ΄ΠΈΡ‚Π΅ ΠΏΠ°ΠΏΠΊΡƒ about-usΒ».

ΠŸΡ€Π΅Π΄ΠΏΠΎΠ»ΠΎΠΆΠΈΠΌ, Ρ‡Ρ‚ΠΎ ΠΌΡ‹ снова находимся ΠΏΠΎ адрСсу http://example.com/products/red-product/, ΠΈ Ρ…ΠΎΡ‚ΠΈΠΌ Ρ€Π°Π·ΠΌΠ΅ΡΡ‚ΠΈΡ‚ΡŒ ссылку Π½Π° страницу ΠΏΠΎΠ΄ΠΊΠ°Ρ‚Π΅Π³ΠΎΡ€ΠΈΠΈ. Она располагаСтся Π² ΠΊΠ°Ρ‚Π°Π»ΠΎΠ³Π΅ /red-products /category.

<a href="large.php">Π‘ΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ всС красныС Ρ‚ΠΎΠ²Π°Ρ€Ρ‹, доступныС Π² большом Ρ€Π°Π·ΠΌΠ΅Ρ€Π΅!</a>

ΠŸΡ€ΠΈΠ²Π΅Π΄Π΅Π½Π½Ρ‹ΠΉ Π²Ρ‹ΡˆΠ΅ URL-адрСс заставляСт Π±Ρ€Π°ΡƒΠ·Π΅Ρ€ ΠΈΡΠΊΠ°Ρ‚ΡŒ Π² Ρ‚Π΅ΠΊΡƒΡ‰Π΅ΠΉ ΠΏΠ°ΠΏΠΊΠ΅ Ρ„Π°ΠΉΠ» large.php ΠΈ ΠΏΡ€Π΅ΠΎΠ±Ρ€Π°Π·ΠΎΠ²Π°Ρ‚ΡŒ Π΅Π³ΠΎ Π² URL-адрСс β€” http://example.com/products/red-product/large.php.

Π“Π»Π°Π²Π½ΠΎΠ΅ ΠΎΠ± ΠΎΡ‚Π½ΠΎΡΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹Ρ… URL:

  • Если URL-адрСс начинаСтся с Β«/Β», Ρ‚ΠΎ ΠΌΡ‹ заставляСм Π±Ρ€Π°ΡƒΠ·Π΅Ρ€ ΠΈΡΠΊΠ°Ρ‚ΡŒ ΡƒΠΊΠ°Π·Π°Π½Π½Ρ‹ΠΉ Ρ„Π°ΠΉΠ» ΠΈΠ»ΠΈ ΠΏΠ°ΠΏΠΊΡƒ Π½Π° самом Π½ΠΈΠΆΠ½Π΅ΠΌ ΡƒΡ€ΠΎΠ²Π½Π΅ Π΄Π΅Ρ€Π΅Π²Π° ΠΊΠ°Ρ‚Π°Π»ΠΎΠ³ΠΎΠ².
  • Если URL-адрСс начинаСтся с Β«../Β», Ρ‚ΠΎ ΠΌΡ‹ ΡƒΠΊΠ°Π·Ρ‹Π²Π°Π΅ΠΌ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Ρƒ Π½Π° Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎΡΡ‚ΡŒ Π²Π΅Ρ€Π½ΡƒΡ‚ΡŒΡΡ Π½Π° ΠΎΠ΄ΠΈΠ½ ΡƒΡ€ΠΎΠ²Π΅Π½ΡŒ Π²Π²Π΅Ρ€Ρ… Π² Π΄Π΅Ρ€Π΅Π²Π΅ ΠΊΠ°Ρ‚Π°Π»ΠΎΠ³ΠΎΠ².
  • Если URL-адрСс начинаСтся с ΠΈΠΌΠ΅Π½ΠΈ Ρ„Π°ΠΉΠ»Π° ΠΈΠ»ΠΈ ΠΏΠ°ΠΏΠΊΠΈ, Ρ‚ΠΎ ΠΌΡ‹ ΡƒΠΊΠ°Π·Ρ‹Π²Π°Π΅ΠΌ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Ρƒ ΠΈΡΠΊΠ°Ρ‚ΡŒ рСсурсы Π² Ρ‚Π΅ΠΊΡƒΡ‰Π΅ΠΌ Ρ„Π°ΠΉΠ»Π΅.

Π‘ΡƒΡ‰Π΅ΡΡ‚Π²ΡƒΡŽΡ‚ Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹Π΅ Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚Ρ‹, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΌΠΎΠΆΠ½ΠΎ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ ΠΏΡ€ΠΈ Ρ€Π°Π±ΠΎΡ‚Π΅ с Π°Π½ΠΊΠΎΡ€Π°ΠΌΠΈ гипСрссылок.

Π­Ρ‚ΠΎΡ‚ Π½Π΅ΠΎΠ±ΡΠ·Π°Ρ‚Π΅Π»ΡŒΠ½Ρ‹ΠΉ Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚ сообщаСт Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Ρƒ язык Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π°, Π½Π° ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Π²Π΅Π΄Π΅Ρ‚ ссылка. НапримСр, Ссли Π½ΡƒΠΆΠ½ΠΎ ΡΠΎΠΎΠ±Ρ‰ΠΈΡ‚ΡŒ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Ρƒ, Ρ‡Ρ‚ΠΎ Ρ†Π΅Π»Π΅Π²ΠΎΠΉ источник написан Π½Π° испанском, ΠΌΡ‹ Π±ΡƒΠ΄Π΅ΠΌ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Π² качСствС значСния hreflang ΡΠΎΠΎΡ‚Π²Π΅Ρ‚ΡΡ‚Π²ΡƒΡŽΡ‰ΠΈΠΉ ΠΊΠΎΠ΄ языка Π² Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π΅ ISO 639-1.

Π§Ρ‚ΠΎΠ±Ρ‹ ΡΠΎΠΎΠ±Ρ‰ΠΈΡ‚ΡŒ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Ρƒ, Ρ‡Ρ‚ΠΎ <a href="http://example.com" hreflang="es">ссылка</a>
 Π²Π΅Π΄Π΅Ρ‚ Π½Π° рСсурс Π½Π° Π΄Ρ€ΡƒΠ³ΠΎΠΌ языкС, ΠΌΠΎΠΆΠ½ΠΎ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚ 
<code> hreflang </ code>.

Атрибут rel ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ для описания ΠΎΡ‚Π½ΠΎΡˆΠ΅Π½ΠΈΠΉ ΠΌΠ΅ΠΆΠ΄Ρƒ Π°Π½ΠΊΠΎΡ€ΠΎΠΌ ΠΈ Ρ†Π΅Π»Π΅Π²Ρ‹ΠΌ источником. НапримСр:

Π­Ρ‚Π° ΡΡ‚Π°Ρ‚ΡŒΡ Π±Ρ‹Π»Π° написана <a href="https://plus.google.com/+AuthorName"
rel="author">ΠžΡ‚Π»ΠΈΡ‡Π½Ρ‹ΠΌ Π°Π²Ρ‚ΠΎΡ€ΠΎΠΌ</a>.

БущСствуСт нСсколько Π·Π½Π°Ρ‡Π΅Π½ΠΈΠΉ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΏΡ€ΠΈΠ½ΠΈΠΌΠ°Π΅Ρ‚ Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚ rel:

  • rel=Β»nofollowΒ»: ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ это Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅, Ссли ΡΡΡ‹Π»Π°Π΅Ρ‚Π΅ΡΡŒ Π½Π° рСсурс, Π½ΠΎ Π½Π΅ Ρ…ΠΎΡ‚ΠΈΡ‚Π΅ ΠΏΠ΅Ρ€Π΅Π΄Π°Π²Π°Ρ‚ΡŒ Π΅ΠΌΡƒ ссылочный вСс своСго сайта. НапримСр, Ссли ΡΡΡ‹Π»Π°Π΅Ρ‚Π΅ΡΡŒ Π½Π° спамовый сайт Π² качСствС ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π° Ρ‚ΠΎΠ³ΠΎ, Ρ‡Π΅Π³ΠΎ Π½Π΅ Π½ΡƒΠΆΠ½ΠΎ Π΄Π΅Π»Π°Ρ‚ΡŒ.
  • rel=Β»alternateΒ»: Ссли сайт ΠΈΠΌΠ΅Π΅Ρ‚ большС ΠΎΠ΄Π½ΠΎΠΉ вСрсии, ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ это Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ для ΠΈΠ΄Π΅Π½Ρ‚ΠΈΡ„ΠΈΠΊΠ°Ρ†ΠΈΠΈ связанного рСсурса Π² качСствС Π°Π»ΡŒΡ‚Π΅Ρ€Π½Π°Ρ‚ΠΈΠ²Π½ΠΎΠΉ вСрсии Ρ‚Π΅ΠΊΡƒΡ‰Π΅ΠΉ страницы.
  • rel=Β»bookmarkΒ»: это Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ для опрСдСлСния URL-адрСса, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ являСтся постоянным ΠΈ ΠΌΠΎΠΆΠ΅Ρ‚ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒΡΡ для Π·Π°ΠΊΠ»Π°Π΄ΠΊΠΈ.
  • rel=Β»helpΒ»: ΠΈΠ΄Π΅Π½Ρ‚ΠΈΡ„ΠΈΡ†ΠΈΡ€ΡƒΠ΅Ρ‚ связанный рСсурс ΠΊΠ°ΠΊ Ρ„Π°ΠΉΠ» справки для страницы с этим Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ΠΌ.
  • rel=Β»licenseΒ»: ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ этот Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚ для ссылки Π½Π° Π»ΠΈΡ†Π΅Π½Π·ΠΈΡŽ авторских ΠΏΡ€Π°Π².
  • rel=Β»nextΒ»: ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ это Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ для ссылки Π½Π° ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠΉ Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚ ΠΈΠ· сСрии.
  • rel=Β»prevΒ»: ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ это Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ для ссылки Π½Π° ΠΏΡ€Π΅Π΄Ρ‹Π΄ΡƒΡ‰ΠΈΠΉ Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚ ΠΈΠ· сСрии.
  • rel=Β»noreferrerΒ»: Ссли Ρ…ΠΎΡ‚ΠΈΡ‚Π΅ Ρ€Π°Π·ΠΌΠ΅ΡΡ‚ΠΈΡ‚ΡŒ ссылку Π½Π° внСшний сайт, Π½ΠΎ Π½Π΅ Ρ…ΠΎΡ‚ΠΈΡ‚Π΅, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Ρ†Π΅Π»Π΅Π²ΠΎΠΉ источник Π·Π½Π°Π», ΠΊΡ‚ΠΎ Π½Π° Π½Π΅Π³ΠΎ ссылаСтся, ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ это Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅.

ΠΠ΅ΠΎΠ±ΡΠ·Π°Ρ‚Π΅Π»ΡŒΠ½Ρ‹ΠΉ Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚ type ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ для ΠΈΠ΄Π΅Π½Ρ‚ΠΈΡ„ΠΈΠΊΠ°Ρ†ΠΈΠΈ Ρ‚ΠΈΠΏΠ° ΠΈΠ½Ρ‚Π΅Ρ€Π½Π΅Ρ‚-носитСля ΠΈΠ»ΠΈ MIME Ρ‚ΠΈΠΏΠ° Ρ†Π΅Π»Π΅Π²ΠΎΠ³ΠΎ Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π°. НапримСр, ΠΏΡ€ΠΈ создании ссылки Π½Π° сайт ΠΌΠΎΠΆΠ½ΠΎ Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚ type=Β»text/htmlΒ», Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡΠΎΠΎΠ±Ρ‰ΠΈΡ‚ΡŒ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Ρƒ, Ρ‡Ρ‚ΠΎ ссылка ΡƒΠΊΠ°Π·Ρ‹Π²Π°Π΅Ρ‚ Π½Π° HTML-Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚.

БСйчас этот Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚ Π½Π΅ ΠΈΠΌΠ΅Π΅Ρ‚ большого значСния. Но Π² Π±ΡƒΠ΄ΡƒΡ‰Π΅ΠΌ ΠΎΠ½ Π±ΡƒΠ΄Π΅Ρ‚ ΡΠΎΠΎΠ±Ρ‰Π°Ρ‚ΡŒ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŽ сайта Ρ‚ΠΈΠΏ ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚Π° Π΅Ρ‰Π΅ Π΄ΠΎ наТатия Π½Π° ссылку.

Π—Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ type Π΄ΠΎΠ»ΠΆΠ½ΠΎ Π±Ρ‹Ρ‚ΡŒ допустимым Ρ‚ΠΈΠΏΠΎΠΌ IANA. НСкоторыС ΠΈΠ· Π½Π°ΠΈΠ±ΠΎΠ»Π΅Π΅ часто ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅ΠΌΡ‹Ρ… Π·Π½Π°Ρ‡Π΅Π½ΠΈΠΉ: text/html, text/css, application/javascript ΠΈ multipart/form-data.

Одним ΠΈΠ· распространСнных способов использования ссылок являСтся созданиС мСню Π½Π°Π²ΠΈΠ³Π°Ρ†ΠΈΠΈ, с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ³ΠΎ опрСдСляСтся логичСская иСрархия структуры сайта.

НазваниС ΡΠ»Π΅ΠΌΠ΅Π½Ρ‚Π°ΠΡ‚Ρ€ΠΈΠ±ΡƒΡ‚Ρ‹ΠŸΡ€ΠΈΠΌΠ΅Ρ‡Π°Π½ΠΈΡ
linkhref
rel
media
title
type
Π­Π»Π΅ΠΌΠ΅Π½Ρ‚ <link> ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ для опрСдСлСния ΠΎΡ‚Π½ΠΎΡˆΠ΅Π½ΠΈΡ ΠΌΠ΅ΠΆΠ΄Ρƒ HTML-Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚ΠΎΠΌ ΠΈ внСшним рСсурсом. Он Ρ‡Π°Ρ‰Π΅ всСго примСняСтся для опрСдСлСния взаимосвязи ΠΌΠ΅ΠΆΠ΄Ρƒ Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚ΠΎΠΌ ΠΈ внСшними Ρ‚Π°Π±Π»ΠΈΡ†Π°ΠΌΠΈ стилСй CSS.
anchorhreflang
download
target
title
href
name
Π­Π»Π΅ΠΌΠ΅Π½Ρ‚ <a> ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ для создания гипСрссылки Π½Π° Π΄Ρ€ΡƒΠ³ΡƒΡŽ Π²Π΅Π±-страницу ΠΈΠ»ΠΈ Π΄Ρ€ΡƒΠ³ΠΎΠ΅ мСсто Π½Π° Ρ‚ΠΎΠΉ ΠΆΠ΅ Π²Π΅Π±-страницС.
basetarget
href
Π­Π»Π΅ΠΌΠ΅Π½Ρ‚ <base> ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ для опрСдСлСния Π±Π°Π·ΠΎΠ²ΠΎΠ³ΠΎ адрСса, ΠΎΡ‚ ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ³ΠΎ ΠΌΠΎΠΆΠ½ΠΎ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ всС ΠΎΡ‚Π½ΠΎΡΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹Π΅ URL, ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°Π΅ΠΌΡ‹Π΅ Π½Π° Π²Π΅Π±-страницС. Если <base> ΠΈΠΌΠ΅Π΅Ρ‚ Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚ target, Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚ target, Ρ‚ΠΎ ΠΎΠ½ Π±ΡƒΠ΄Π΅Ρ‚ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒΡΡ ΠΊΠ°ΠΊ Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚ ΠΏΠΎ ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ для всСх гипСрссылок, ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°Π΅ΠΌΡ‹Ρ… Π² Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π΅.

Данная публикация являСтся ΠΏΠ΅Ρ€Π΅Π²ΠΎΠ΄ΠΎΠΌ ΡΡ‚Π°Ρ‚ΡŒΠΈ Β«Anchors & Links: How They Work In HTMLΒ» , подготовлСнная Ρ€Π΅Π΄Π°ΠΊΡ†ΠΈΠ΅ΠΉ ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π°.

Π’Π΅Π³ | htmlbook.ru

Internet ExplorerChromeOperaSafariFirefoxAndroidiOS
1.0+1.0+2.1+1.0+1.0+1.0+1.0+

БпСцификация

HTML:3.24.015.0XHTML:1.01.1

ОписаниС

Π’Π΅Π³ <a> являСтся ΠΎΠ΄Π½ΠΈΠΌ ΠΈΠ· Π²Π°ΠΆΠ½Ρ‹Ρ… элСмСнтов HTML ΠΈ ΠΏΡ€Π΅Π΄Π½Π°Π·Π½Π°Ρ‡Π΅Π½ для создания ссылок. Π’ зависимости ΠΎΡ‚ присутствия Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚ΠΎΠ² name ΠΈΠ»ΠΈ href Ρ‚Π΅Π³ <a> устанавливаСт ссылку ΠΈΠ»ΠΈ ΡΠΊΠΎΡ€ΡŒ. Π―ΠΊΠΎΡ€Π΅ΠΌ называСтся Π·Π°ΠΊΠ»Π°Π΄ΠΊΠ° Π²Π½ΡƒΡ‚Ρ€ΠΈ страницы, ΠΊΠΎΡ‚ΠΎΡ€ΡƒΡŽ ΠΌΠΎΠΆΠ½ΠΎ ΡƒΠΊΠ°Π·Π°Ρ‚ΡŒ Π² качСствС Ρ†Π΅Π»ΠΈ ссылки. ΠŸΡ€ΠΈ использовании ссылки, которая ΡƒΠΊΠ°Π·Ρ‹Π²Π°Π΅Ρ‚ Π½Π° ΡΠΊΠΎΡ€ΡŒ, происходит ΠΏΠ΅Ρ€Π΅Ρ…ΠΎΠ΄ ΠΊ Π·Π°ΠΊΠ»Π°Π΄ΠΊΠ΅ Π²Π½ΡƒΡ‚Ρ€ΠΈ Π²Π΅Π±-страницы.

Для создания ссылки Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎ ΡΠΎΠΎΠ±Ρ‰ΠΈΡ‚ΡŒ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Ρƒ, Ρ‡Ρ‚ΠΎ являСтся ссылкой, Π° Ρ‚Π°ΠΊΠΆΠ΅ ΡƒΠΊΠ°Π·Π°Ρ‚ΡŒ адрСс Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π°, Π½Π° ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ слСдуСт ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ ссылку. Π’ качСствС значСния Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚Π° href ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ адрСс Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π° (URL, Universal Resource Locator, ΡƒΠ½ΠΈΠ²Π΅Ρ€ΡΠ°Π»ΡŒΠ½Ρ‹ΠΉ ΡƒΠΊΠ°Π·Π°Ρ‚Π΅Π»ΡŒ рСсурсов), Π½Π° ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ происходит ΠΏΠ΅Ρ€Π΅Ρ…ΠΎΠ΄. АдрСс ссылки ΠΌΠΎΠΆΠ΅Ρ‚ Π±Ρ‹Ρ‚ΡŒ Π°Π±ΡΠΎΠ»ΡŽΡ‚Π½Ρ‹ΠΌ ΠΈ ΠΎΡ‚Π½ΠΎΡΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹ΠΌ. ΠΠ±ΡΠΎΠ»ΡŽΡ‚Π½Ρ‹Π΅ адрСса Ρ€Π°Π±ΠΎΡ‚Π°ΡŽΡ‚ Π²Π΅Π·Π΄Π΅ ΠΈ Π²ΡΡŽΠ΄Ρƒ нСзависимо ΠΎΡ‚ ΠΈΠΌΠ΅Π½ΠΈ сайта ΠΈΠ»ΠΈ Π²Π΅Π±-страницы, Π³Π΄Π΅ прописана ссылка. ΠžΡ‚Π½ΠΎΡΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹Π΅ ссылки, ΠΊΠ°ΠΊ слСдуСт ΠΈΠ· ΠΈΡ… названия, построСны ΠΎΡ‚Π½ΠΎΡΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ Ρ‚Π΅ΠΊΡƒΡ‰Π΅Π³ΠΎ Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π° ΠΈΠ»ΠΈ корня сайта.

Бинтаксис

<a href="URL">...</a>
<a name="ΠΈΠ΄Π΅Π½Ρ‚ΠΈΡ„ΠΈΠΊΠ°Ρ‚ΠΎΡ€">...</a>

Атрибуты

accesskey
Активация ссылки с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ ΠΊΠΎΠΌΠ±ΠΈΠ½Π°Ρ†ΠΈΠΈ клавиш.
coords
УстанавливаСт ΠΊΠΎΠΎΡ€Π΄ΠΈΠ½Π°Ρ‚Ρ‹ Π°ΠΊΡ‚ΠΈΠ²Π½ΠΎΠΉ области.
download
ΠŸΡ€Π΅Π΄Π»Π°Π³Π°Π΅Ρ‚ ΡΠΊΠ°Ρ‡Π°Ρ‚ΡŒ ΡƒΠΊΠ°Π·Π°Π½Π½Ρ‹ΠΉ ΠΏΠΎ ссылкС Ρ„Π°ΠΉΠ».
href
Π—Π°Π΄Π°Π΅Ρ‚ адрСс Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π°, Π½Π° ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ слСдуСт ΠΏΠ΅Ρ€Π΅ΠΉΡ‚ΠΈ.
hreflang
Π˜Π΄Π΅Π½Ρ‚ΠΈΡ„ΠΈΡ†ΠΈΡ€ΡƒΠ΅Ρ‚ язык тСкста ΠΏΠΎ ссылкС.
name
УстанавливаСт имя якоря Π²Π½ΡƒΡ‚Ρ€ΠΈ Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π°.
rel
ΠžΡ‚Π½ΠΎΡˆΠ΅Π½ΠΈΡ ΠΌΠ΅ΠΆΠ΄Ρƒ ссылаСмым ΠΈ Ρ‚Π΅ΠΊΡƒΡ‰ΠΈΠΌ Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π°ΠΌΠΈ.
rev
ΠžΡ‚Π½ΠΎΡˆΠ΅Π½ΠΈΡ ΠΌΠ΅ΠΆΠ΄Ρƒ Ρ‚Π΅ΠΊΡƒΡ‰ΠΈΠΌ ΠΈ ссылаСмым Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π°ΠΌΠΈ.
shape
Π—Π°Π΄Π°Π΅Ρ‚ Ρ„ΠΎΡ€ΠΌΡƒ Π°ΠΊΡ‚ΠΈΠ²Π½ΠΎΠΉ области ссылки для ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ.
tabindex
ΠžΠΏΡ€Π΅Π΄Π΅Π»ΡΠ΅Ρ‚ ΠΏΠΎΡΠ»Π΅Π΄ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎΡΡ‚ΡŒ ΠΏΠ΅Ρ€Π΅Ρ…ΠΎΠ΄Π° ΠΌΠ΅ΠΆΠ΄Ρƒ ссылками ΠΏΡ€ΠΈ Π½Π°ΠΆΠ°Ρ‚ΠΈΠΈ Π½Π° ΠΊΠ½ΠΎΠΏΠΊΡƒ Tab.
target
Имя ΠΎΠΊΠ½Π° ΠΈΠ»ΠΈ Ρ„Ρ€Π΅ΠΉΠΌΠ°, ΠΊΡƒΠ΄Π° Π±Ρ€Π°ΡƒΠ·Π΅Ρ€ Π±ΡƒΠ΄Π΅Ρ‚ Π·Π°Π³Ρ€ΡƒΠΆΠ°Ρ‚ΡŒ Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚.
title
ДобавляСт Π²ΡΠΏΠ»Ρ‹Π²Π°ΡŽΡ‰ΡƒΡŽ подсказку ΠΊ тСксту ссылки.
type
Π£ΠΊΠ°Π·Ρ‹Π²Π°Π΅Ρ‚ MIME-Ρ‚ΠΈΠΏ Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π°, Π½Π° ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Π²Π΅Π΄Ρ‘Ρ‚ ссылка.

Π’Π°ΠΊΠΆΠ΅ для этого Ρ‚Π΅Π³Π° доступны ΡƒΠ½ΠΈΠ²Π΅Ρ€ΡΠ°Π»ΡŒΠ½Ρ‹Π΅ Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚Ρ‹ ΠΈ события.

Π—Π°ΠΊΡ€Ρ‹Π²Π°ΡŽΡ‰ΠΈΠΉ Ρ‚Π΅Π³

ΠžΠ±ΡΠ·Π°Ρ‚Π΅Π»Π΅Π½.

ΠŸΡ€ΠΈΠΌΠ΅Ρ€

HTML5IECrOpSaFx

<!DOCTYPE HTML>
<html>
 <head>
   <meta charset="utf-8">
  <title>ВСг А</title>
 </head>
 <body>
  <p><a href="images/xxx.jpg">ΠŸΠΎΡΠΌΠΎΡ‚Ρ€ΠΈΡ‚Π΅ Π½Π° мою Ρ„ΠΎΡ‚ΠΎΠ³Ρ€Π°Ρ„ΠΈΡŽ!</a></p>
  <p><a href="tip.html">Как ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ Ρ‚Π°ΠΊΠΎΠ΅ ΠΆΠ΅ Ρ„ΠΎΡ‚ΠΎ?</a></p> 
</body>
</html>

ссылок: ссылка Π½Π° страницС

Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ ссылок Π½Π° якоря ΠΎΡ‡Π΅Π½ΡŒ ΠΏΠΎΡ…ΠΎΠΆΠ΅ Π½Π° ΠΎΠ±Ρ‹Ρ‡Π½Ρ‹Π΅ ссылки. ΠžΠ±Ρ‹Ρ‡Π½Ρ‹Π΅ ссылки всСгда ΡƒΠΊΠ°Π·Ρ‹Π²Π°ΡŽΡ‚ Π½Π° Π²Π΅Ρ€Ρ… страницы. Якоря ΡƒΠΊΠ°Π·Ρ‹Π²Π°ΡŽΡ‚ Π½Π° мСсто Π½Π° страницС.

Π—Π½Π°ΠΊ # ΠΏΠ΅Ρ€Π΅Π΄ располоТСниСм ссылки ΡƒΠΊΠ°Π·Ρ‹Π²Π°Π΅Ρ‚, Ρ‡Ρ‚ΠΎ ссылка ΡƒΠΊΠ°Π·Ρ‹Π²Π°Π΅Ρ‚ Π½Π° привязку Π½Π° страницС. (Π―ΠΊΠΎΡ€ΡŒ ΠΎΠ·Π½Π°Ρ‡Π°Π΅Ρ‚ ΠΎΠΏΡ€Π΅Π΄Π΅Π»Π΅Π½Π½ΠΎΠ΅ мСсто Π² сСрСдинС вашСй страницы).

Π§Ρ‚ΠΎΠ±Ρ‹ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ ссылку Π½Π° привязку, Π²Π°ΠΌ Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎ:

  • Π‘ΠΎΠ·Π΄Π°Ρ‚ΡŒ ссылку, ΡƒΠΊΠ°Π·Ρ‹Π²Π°ΡŽΡ‰ΡƒΡŽ Π½Π° привязку
  • Π‘ΠΎΠ·Π΄Π°Ρ‚ΡŒ саму привязку.


Π―ΠΊΠΎΡ€ΡŒ создаСтся с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ Ρ‚Π΅Π³Π° .
Если Π²Ρ‹ Ρ…ΠΎΡ‚ΠΈΡ‚Π΅ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ привязку с ΠΈΠΌΠ΅Π½Π΅ΠΌ chapter4, Π²Ρ‹ просто добавляСтС эту строку Π² Ρ‚ΠΎΠΌ мСстС, Π³Π΄Π΅ Π΄ΠΎΠ»ΠΆΠ½Π° Π±Ρ‹Ρ‚ΡŒ привязка:

ПослС этого Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ ссылку, ΡƒΠΊΠ°Π·Ρ‹Π²Π°ΡŽΡ‰ΡƒΡŽ Π½Π° привязку, ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡ ΠΎΠ±Ρ‹Ρ‡Π½Ρ‹ΠΉ Ρ‚Π΅Π³ , Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€:

Π©Π΅Π»ΠΊΠ½ΠΈΡ‚Π΅ здСсь , Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΏΡ€ΠΎΡ‡ΠΈΡ‚Π°Ρ‚ΡŒ Π³Π»Π°Π²Ρƒ 4.

ΠŸΡ€ΠΈΠΌΠ΅Ρ‡Π°Π½ΠΈΠ΅:
ΠŸΡ€ΠΈ создании ссылки Π½Π° привязку Π½Π° страницС Π²Π°ΠΌ Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎ ΠΏΠΎΡΡ‚Π°Π²ΠΈΡ‚ΡŒ # ΠΏΠ΅Ρ€Π΅Π΄ привязкой .

Когда Π²Ρ‹ Π΄Π°Π΅Ρ‚Π΅ ссылку Π½Π° привязку Π½Π° Ρ‚ΠΎΠΉ ΠΆΠ΅ страницС, просто Π²Π²Π΅Π΄ΠΈΡ‚Π΅

blabla

ΠŸΡ€ΠΈ создании ссылок Π½Π° якоря Π½Π° Π²Π½Π΅ΡˆΠ½ΠΈΡ… страницах ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠΉ синтаксис:

blabla

Якоря ΠΎΠ±Ρ‹Ρ‡Π½ΠΎ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‚ΡΡ ΠΏΡ€ΠΈ создании страниц с большим объСмом тСкста.ΠžΠ±Ρ‹Ρ‡Π½ΠΎ Π²Π²Π΅Ρ€Ρ…Ρƒ страницы создаСтся ΡƒΠΊΠ°Π·Π°Ρ‚Π΅Π»ΡŒ со ссылками Π½Π° якоря, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π±Ρ‹Π»ΠΈ Π΄ΠΎΠ±Π°Π²Π»Π΅Π½Ρ‹ Π² ΠΊΠ»ΡŽΡ‡Π΅Π²Ρ‹Π΅ мСста Π² ΡΠ»Π΅Π΄ΡƒΡŽΡ‰Π΅ΠΌ тСкстС.

HTML-ссылки, ΠΏΡ€ΠΎΠΈΠ»Π»ΡŽΡΡ‚Ρ€ΠΈΡ€ΠΎΠ²Π°Π½Π½Ρ‹Π΅ ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π°ΠΌΠΈ ΠΊΠΎΠ΄Π° Β»

Π’ HTML-Ρ‚Π΅Π³Π°Ρ…

РаскрытиС: Π’Π°ΡˆΠ° ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΠ° ΠΏΠΎΠΌΠΎΠ³Π°Π΅Ρ‚ ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°Ρ‚ΡŒ Ρ€Π°Π±ΠΎΡ‚Ρƒ сайта! ΠœΡ‹ Π·Π°Ρ€Π°Π±Π°Ρ‚Ρ‹Π²Π°Π΅ΠΌ Ρ€Π΅Ρ„Π΅Ρ€Π°Π»ΡŒΠ½Ρ‹ΠΉ сбор Π·Π° Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ услуги, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΌΡ‹ Ρ€Π΅ΠΊΠΎΠΌΠ΅Π½Π΄ΡƒΠ΅ΠΌ Π½Π° этой страницС. Π£Π·Π½Π°Ρ‚ΡŒ большС
Π­Π»Π΅ΠΌΠ΅Π½Ρ‚
HTML-привязки: ΠΊΠ°ΠΊ ΡΠΎΠ·Π΄Π°Π²Π°Ρ‚ΡŒ ссылки для быстрой Π½Π°Π²ΠΈΠ³Π°Ρ†ΠΈΠΈ
Π§Ρ‚ΠΎ Π΄Π΅Π»Π°ΡŽΡ‚ ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€Ρ‹ HTML-ссылки, ΠΏΡ€ΠΎΠΈΠ»Π»ΡŽΡΡ‚Ρ€ΠΈΡ€ΠΎΠ²Π°Π½Π½Ρ‹Π΅ ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π°ΠΌΠΈ ΠΊΠΎΠ΄Π° ?
Π­Π»Π΅ΠΌΠ΅Π½Ρ‚ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ для опрСдСлСния ΠΎΡ‚Π½ΠΎΡˆΠ΅Π½ΠΈΡ ΠΌΠ΅ΠΆΠ΄Ρƒ Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚ΠΎΠΌ HTML ΠΈ внСшним рСсурсом.Π­Ρ‚ΠΎΡ‚ элСмСнт Ρ‡Π°Ρ‰Π΅ всСго ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ для опрСдСлСния ΠΎΡ‚Π½ΠΎΡˆΠ΅Π½ΠΈΡ ΠΌΠ΅ΠΆΠ΄Ρƒ Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚ΠΎΠΌ ΠΈ ΠΎΠ΄Π½ΠΎΠΉ ΠΈΠ»ΠΈ нСсколькими внСшними Ρ‚Π°Π±Π»ΠΈΡ†Π°ΠΌΠΈ стилСй CSS.
ДисплСй
Π½Π΅Ρ‚
ИспользованиС
сСмантика | структурный

О ссылках Π½Π° Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Ρ‹

Когда Π±ΠΎΠ»ΡŒΡˆΠΈΠ½ΡΡ‚Π²ΠΎ людСй говорят ΠΎ ссылках Π² Π˜Π½Ρ‚Π΅Ρ€Π½Π΅Ρ‚Π΅, ΠΎΠ½ΠΈ ΠΈΠΌΠ΅ΡŽΡ‚ Π² Π²ΠΈΠ΄Ρƒ якорныС ссылки — ссылку Π² содСрТимом страницы, которая привязана ΠΊ Ρ„Ρ€Π°Π³ΠΌΠ΅Π½Ρ‚Ρƒ тСкста ΠΈΠ»ΠΈ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΡŽ. Но Π²Ρ‹ Ρ‚Π°ΠΊΠΆΠ΅ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΎΠΏΡ€Π΅Π΄Π΅Π»ΠΈΡ‚ΡŒ ссылку ΠΈΠ· ΠΎΠ΄Π½ΠΎΠ³ΠΎ Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π° Π½Π° Π΄Ρ€ΡƒΠ³ΠΎΠΉ, ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡ Ρ‚Π΅Π³ .Π­Ρ‚ΠΎ позволяСт Π²Π°ΠΌ ΠΈΠΌΠΏΠΎΡ€Ρ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ содСрТимоС сцСнария ΠΈΠ»ΠΈ рСсурса, Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€ Ρ‚Π°Π±Π»ΠΈΡ†Ρ‹ стилСй, Π² ваш HTML-Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚. Π—Π°Ρ‚Π΅ΠΌ Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΡƒΠΏΡ€Π°Π²Π»ΡΡ‚ΡŒ внСшним Π²ΠΈΠ΄ΠΎΠΌ ΠΈΠ»ΠΈ ΠΏΠΎΠ²Π΅Π΄Π΅Π½ΠΈΠ΅ΠΌ всСх страниц, измСняя ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚ Π½Π° страницС связанных рСсурсов.

    

Π­Π»Π΅ΠΌΠ΅Π½Ρ‚ Ρ‚Π°ΠΊΠΆΠ΅ ΠΌΠΎΠΆΠ½ΠΎ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ для связывания Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹Ρ… вСрсии страницы вмСстС. Π­Ρ‚ΠΎ ΠΏΠΎΠ»Π΅Π·Π½ΠΎ, Ссли Ρƒ вас Π΅ΡΡ‚ΡŒ нСсколько ΠΏΠ΅Ρ€Π΅Π²ΠΎΠ΄ΠΎΠ² ΠΎΠ΄Π½ΠΎΠ³ΠΎ ΠΈ Ρ‚ΠΎΠ³ΠΎ ΠΆΠ΅ ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚Π°.Π’ ΡΠ»Π΅Π΄ΡƒΡŽΡ‰Π΅ΠΌ ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π΅ описываСтся Π°Π»ΡŒΡ‚Π΅Ρ€Π½Π°Ρ‚ΠΈΠ²Π½Π°Ρ вСрсия Π½Π° японском языкС с использованиСм ΠΊΠΎΠ΄Π° языка ISO 639-1.

    

Π’ Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π΅ HTML ΠΌΠΎΠΆΠ΅Ρ‚ Π±Ρ‹Ρ‚ΡŒ нСсколько элСмСнтов для Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠΈ Ρ€Π°Π·Π½Ρ‹Ρ… скриптов ΠΈΠ»ΠΈ Ρ‚ΠΈΠΏΡ‹ страниц. ВсС эти элСмСнты Π΄ΠΎΠ»ΠΆΠ½Ρ‹ Π±Ρ‹Ρ‚ΡŒ Ρ€Π°Π·ΠΌΠ΅Ρ‰Π΅Π½Ρ‹ Π² Ρ€Π°Π·Π΄Π΅Π»Π΅ Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π° HTML.

ΠšΠ»ΡΡ€ — ΠΎΠΏΡ‹Ρ‚Π½Ρ‹ΠΉ тСхничСский ΠΏΠΈΡΠ°Ρ‚Π΅Π»ΡŒ, Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ ΠΈ энтузиаст HTML.Она ΠΏΠΈΡˆΠ΅Ρ‚ для HTML.com ΠΈ управляСт ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚-агСнтством Red Robot Media.

Π‘Ρ€Π°ΡƒΠ·Π΅Ρ€ ΠŸΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΠ° ссылки

Атрибуты ссылки

Имя Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚Π° ЗначСния ΠŸΡ€ΠΈΠΌΠ΅Ρ‡Π°Π½ΠΈΡ
href
ΠžΠΏΠΈΡΡ‹Π²Π°Π΅Ρ‚ связь ΠΌΠ΅ΠΆΠ΄Ρƒ исходным Ρ„Π°ΠΉΠ»ΠΎΠΌ ΠΈ внСшним Ρ„Π°ΠΉΠ»ΠΎΠΌ, Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€ скриптом.
rel
ΠžΠΏΡ€Π΅Π΄Π΅Π»ΡΠ΅Ρ‚ связь ΠΌΠ΅ΠΆΠ΄Ρƒ двумя связанными Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π°ΠΌΠΈ.
media
Π‘ΠΎΠΎΠ±Ρ‰Π°Π΅Ρ‚ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Ρƒ, для ΠΊΠ°ΠΊΠΎΠ³ΠΎ Ρ‚ΠΈΠΏΠ° устройства ΠΏΡ€Π΅Π΄Π½Π°Π·Π½Π°Ρ‡Π΅Π½ рСсурс.
title
ΠŸΡ€ΠΈΡΠ²Π°ΠΈΠ²Π°Π΅Ρ‚ имя Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹ΠΌ связанным рСсурсам, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΠΈ ΠΌΠΎΠ³Π»ΠΈ Π²Ρ‹Π±ΠΈΡ€Π°Ρ‚ΡŒ ΠΌΠ΅ΠΆΠ΄Ρƒ Π½ΠΈΠΌΠΈ.
Ρ‚ΠΈΠΏ
ΠžΠΏΠΈΡΡ‹Π²Π°Π΅Ρ‚ Ρ‚ΠΈΠΏ носитСля связанного рСсурса (Ρ‚ΠΈΠΏ MIME).

Навигация ΠΏΠΎ сообщСниям

HTML-Ρ‚Π΅Π³ Β»

РаскрытиС ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΠΈ: Π’Π°ΡˆΠ° ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΠ° ΠΏΠΎΠΌΠΎΠ³Π°Π΅Ρ‚ ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°Ρ‚ΡŒ Ρ€Π°Π±ΠΎΡ‚Ρƒ сайта! ΠœΡ‹ Π·Π°Ρ€Π°Π±Π°Ρ‚Ρ‹Π²Π°Π΅ΠΌ Ρ€Π΅Ρ„Π΅Ρ€Π°Π»ΡŒΠ½Ρ‹ΠΉ сбор Π·Π° Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ услуги, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΌΡ‹ Ρ€Π΅ΠΊΠΎΠΌΠ΅Π½Π΄ΡƒΠ΅ΠΌ Π½Π° этой страницС. Π£Π·Π½Π°Ρ‚ΡŒ большС
Π­Π»Π΅ΠΌΠ΅Π½Ρ‚
HTML-привязки: ΠΊΠ°ΠΊ ΡΠΎΠ·Π΄Π°Π²Π°Ρ‚ΡŒ ссылки для быстрой Π½Π°Π²ΠΈΠ³Π°Ρ†ΠΈΠΈ
Π§Ρ‚ΠΎ Π΄Π΅Π»Π°Π΅Ρ‚ HTML-Ρ‚Π΅Π³ ?
Π­Π»Π΅ΠΌΠ΅Π½Ρ‚ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ для ΠΈΠ΄Π΅Π½Ρ‚ΠΈΡ„ΠΈΠΊΠ°Ρ†ΠΈΠΈ Π±Π°Π·ΠΎΠ²ΠΎΠ³ΠΎ URL-адрСса, Π½Π° основС ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ³ΠΎ строятся всС ΠΎΡ‚Π½ΠΎΡΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹Π΅ URL-адрСса, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΏΠΎΡΠ²Π»ΡΡŽΡ‚ΡΡ Π½Π° Π²Π΅Π±-страницС.ΠšΡ€ΠΎΠΌΠ΅ Ρ‚ΠΎΠ³ΠΎ, Ссли элСмСнт ΠΈΠΌΠ΅Π΅Ρ‚ Ρ†Π΅Π»Π΅Π²ΠΎΠΉ Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚, Ρ†Π΅Π»Π΅Π²ΠΎΠΉ Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚ Π±ΡƒΠ΄Π΅Ρ‚ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒΡΡ ΠΊΠ°ΠΊ Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚ ΠΏΠΎ ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ для всСх гипСрссылок, ΠΏΠΎΡΠ²Π»ΡΡŽΡ‰ΠΈΡ…ΡΡ Π² Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π΅.
ДисплСй
Π½Π΅Ρ‚
НулСвой элСмСнт
Π­Ρ‚ΠΎΡ‚ элСмСнт Π½Π΅ Π΄ΠΎΠ»ΠΆΠ΅Π½ ΡΠΎΠ΄Π΅Ρ€ΠΆΠ°Ρ‚ΡŒ Π½ΠΈΠΊΠ°ΠΊΠΎΠ³ΠΎ содСрТимого ΠΈ Π½Π΅ Ρ‚Ρ€Π΅Π±ΡƒΠ΅Ρ‚ Π·Π°ΠΊΡ€Ρ‹Π²Π°ΡŽΡ‰Π΅Π³ΠΎ Ρ‚Π΅Π³Π°.

Код ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π°

  
.
.
.


  

ΠžΡ‚Π½ΠΎΡΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹Π΅ ссылки

ΠŸΡ€ΠΈ создании якорной ссылки Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚ href ΠΌΠΎΠΆΠ΅Ρ‚ ΡƒΠΊΠ°Π·Ρ‹Π²Π°Ρ‚ΡŒ Π°Π±ΡΠΎΠ»ΡŽΡ‚Π½Ρ‹ΠΉ URL-адрСс, Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€ http: // example.com ΠΈΠ»ΠΈ ΠΎΡ‚Π½ΠΎΡΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹ΠΉ URL-адрСс, Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€ /, / имя-страницы ΠΈΠ»ΠΈ имя-страницы .

Π’ ΠΎΡ‚Π½ΠΎΡΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹Ρ… URL-адрСсах косая Ρ‡Π΅Ρ€Ρ‚Π° (/) ΡƒΠΊΠ°Π·Ρ‹Π²Π°Π΅Ρ‚ ΠΊΠΎΡ€Π½Π΅Π²ΠΎΠΉ URL-адрСс Ρ‚Π΅ΠΊΡƒΡ‰Π΅ΠΉ страницы, поэтому href = "/ page-name" Π±ΡƒΠ΄Π΅Ρ‚ ΡΡΡ‹Π»Π°Ρ‚ΡŒΡΡ Π½Π° страницу currentdomain / page-name . Если ΠΎΠΏΡƒΡΡ‚ΠΈΡ‚ΡŒ ΠΊΠΎΡΡƒΡŽ Ρ‡Π΅Ρ€Ρ‚Ρƒ, это ΠΏΡ€ΠΈΠ²Π΅Π΄Π΅Ρ‚ ΠΊ ΠΏΠ΅Ρ€Π΅Ρ…ΠΎΠ΄Ρƒ Π½Π° подстраницу Ρ‚Π΅ΠΊΡƒΡ‰Π΅Π³ΠΎ URL-адрСса, поэтому href = "page-name" Π±ΡƒΠ΄Π΅Ρ‚ ΡΡΡ‹Π»Π°Ρ‚ΡŒΡΡ Π½Π° current_url / page-name .

Π˜ΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡ элСмСнт , Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡ‚ΡŒ Π±Π°Π·ΠΎΠ²Ρ‹ΠΉ URL-адрСс, ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅ΠΌΡ‹ΠΉ ΠΎΡ‚Π½ΠΎΡΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹ΠΌΠΈ ссылками Π½Π° страницС.ВмСсто Ρ‚Π΅ΠΊΡƒΡ‰Π΅Π³ΠΎ фактичСского URL-адрСса Ρ‚Π΅ΠΊΡƒΡ‰Π΅ΠΉ страницы всС ΠΎΡ‚Π½ΠΎΡΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹Π΅ ссылки Π±ΡƒΠ΄ΡƒΡ‚ основаны Π½Π° URL-адрСсС, ΡƒΠΊΠ°Π·Π°Π½Π½ΠΎΠΌ Π² Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚Π΅ href элСмСнта .

Для получСния Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎΠΉ ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΠΈ ΠΎ Ρ‚ΠΎΠΌ, ΠΊΠ°ΠΊ Ρ€Π°Π±ΠΎΡ‚Π°ΡŽΡ‚ ΠΎΡ‚Π½ΠΎΡΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹Π΅ ссылки, см. ΠΠ°ΡˆΡƒ Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π°Ρ†ΠΈΡŽ ΠΏΠΎ URL-адрСсам якорных ссылок.

По ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ

target value

Помимо указания Π±Π°Π·ΠΎΠ²ΠΎΠ³ΠΎ URL-адрСса для ΠΎΡ‚Π½ΠΎΡΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹Ρ… ссылок, элСмСнт позволяСт Π²Π°ΠΌ ΡƒΠΊΠ°Π·Π°Ρ‚ΡŒ Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ ΠΏΠΎ ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ target для всСх ссылок Π½Π° страницС.Π˜Ρ‚Π°ΠΊ, Ссли Π²Ρ‹ установитС target = "_ blank" Π² элСмСнтС , всС ссылки Π½Π° страницС (ΠΎΡ‚Π½ΠΎΡΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹Π΅ ΠΈ Π°Π±ΡΠΎΠ»ΡŽΡ‚Π½Ρ‹Π΅) Π±ΡƒΠ΄ΡƒΡ‚ ΠΎΡ‚ΠΊΡ€Ρ‹Π²Π°Ρ‚ΡŒΡΡ Π² Π½ΠΎΠ²ΠΎΠΌ ΠΎΠΊΠ½Π΅, Ссли Π½Π΅ ΡƒΠΊΠ°Π·Π°Π½ΠΎ ΠΈΠ½ΠΎΠ΅.

Π Π°Π·ΠΌΠ΅Ρ‰Π΅Π½ΠΈΠ΅ ΠΈ ограничСния

Π­Π»Π΅ΠΌΠ΅Π½Ρ‚ Π΄ΠΎΠ»ΠΆΠ΅Π½ Π±Ρ‹Ρ‚ΡŒ Ρ€Π°Π·ΠΌΠ΅Ρ‰Π΅Π½ Π² ΠΏΡ€Π΅Π΄Π΅Π»Π°Ρ… Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π°, ΠΈ Π² Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π΅ Π΄ΠΎΠ»ΠΆΠ΅Π½ Π±Ρ‹Ρ‚ΡŒ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ ΠΎΠ΄ΠΈΠ½ элСмСнт . Π­Π»Π΅ΠΌΠ΅Π½Ρ‚ Π½Π΅ Π΄ΠΎΠ»ΠΆΠ΅Π½ ΠΈΠΌΠ΅Ρ‚ΡŒ Π½ΠΈΠΊΠ°ΠΊΠΎΠ³ΠΎ содСрТимого ΠΈ Π½Π΅ Ρ‚Ρ€Π΅Π±ΡƒΠ΅Ρ‚ Π·Π°ΠΊΡ€Ρ‹Π²Π°ΡŽΡ‰Π΅Π³ΠΎ Ρ‚Π΅Π³Π°.

Адам — ​​тСхничСский ΠΏΠΈΡΠ°Ρ‚Π΅Π»ΡŒ, ΡΠΏΠ΅Ρ†ΠΈΠ°Π»ΠΈΠ·ΠΈΡ€ΡƒΡŽΡ‰ΠΈΠΉΡΡ Π½Π° Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π°Ρ†ΠΈΠΈ ΠΈ руководствах для Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΎΠ².

ΠŸΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΠ° Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π° для Π±Π°Π·Ρ‹

Атрибуты Π±Π°Π·Ρ‹

Имя Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚Π° ЗначСния ΠŸΡ€ΠΈΠΌΠ΅Ρ‡Π°Π½ΠΈΡ
Ρ†Π΅Π»ΡŒ
Π—Π°Π΄Π°Π΅Ρ‚ Ρ†Π΅Π»Π΅Π²ΠΎΠ΅ Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ ΠΏΠΎ ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ для всСх ссылок привязки Π² Ρ‚Π΅ΠΊΡƒΡ‰Π΅ΠΌ Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π΅.
href
Π—Π°Π΄Π°Π΅Ρ‚ Π±Π°Π·ΠΎΠ²Ρ‹ΠΉ URL-адрСс, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Π±ΡƒΠ΄Π΅Ρ‚ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒΡΡ для всСх ΠΎΡ‚Π½ΠΎΡΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹Ρ… ссылок Π² Ρ‚Π΅ΠΊΡƒΡ‰Π΅ΠΌ Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π΅.

HTML-ссылки ГипСрссылки


Бсылки ΠΌΠΎΠΆΠ½ΠΎ Π½Π°ΠΉΡ‚ΠΈ ΠΏΠΎΡ‡Ρ‚ΠΈ Π½Π° всСх Π²Π΅Π±-страницах. Бсылки ΠΏΠΎΠ·Π²ΠΎΠ»ΡΡŽΡ‚ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡΠΌ ΠΏΠ΅Ρ€Π΅Ρ…ΠΎΠ΄ΠΈΡ‚ΡŒ ΠΎΡ‚ страницы ΠΊ страницС.


HTML-ссылки — гипСрссылки

HTML-ссылки ΡΠ²Π»ΡΡŽΡ‚ΡΡ гипСрссылками.

Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Ρ‰Π΅Π»ΠΊΠ½ΡƒΡ‚ΡŒ ссылку ΠΈ ΠΏΠ΅Ρ€Π΅ΠΉΡ‚ΠΈ ΠΊ Π΄Ρ€ΡƒΠ³ΠΎΠΌΡƒ Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Ρƒ.

Когда Π²Ρ‹ Π½Π°Π²ΠΎΠ΄ΠΈΡ‚Π΅ ΡƒΠΊΠ°Π·Π°Ρ‚Π΅Π»ΡŒ ΠΌΡ‹ΡˆΠΈ Π½Π° ссылку, стрСлка ΠΌΡ‹ΡˆΠΈ прСвращаСтся Π² ΠΌΠ°Π»Π΅Π½ΡŒΠΊΡƒΡŽ Ρ€ΡƒΠΊΡƒ.

ΠŸΡ€ΠΈΠΌΠ΅Ρ‡Π°Π½ΠΈΠ΅: Бсылка Π½Π΅ ΠΎΠ±ΡΠ·Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎ Π΄ΠΎΠ»ΠΆΠ½Π° Π±Ρ‹Ρ‚ΡŒ тСкстовой. Бсылка ΠΌΠΎΠΆΠ΅Ρ‚ Π±Ρ‹Ρ‚ΡŒ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ΠΌ ΠΈΠ»ΠΈ любой Π΄Ρ€ΡƒΠ³ΠΎΠΉ элСмСнт HTML!


HTML-ссылки — синтаксис

Π’Π΅Π³ HTML опрСдСляСт гипСрссылку.Он ΠΈΠΌΠ΅Π΅Ρ‚ ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠΉ синтаксис:

ΠŸΡ€ΠΈΠΌΠ΅Ρ€

Π’ этом ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π΅ ΠΏΠΎΠΊΠ°Π·Π°Π½ΠΎ, ΠΊΠ°ΠΊ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ ссылку Π½Π° W3Schools.com:

ΠŸΠΎΡΠ΅Ρ‚ΠΈΡ‚Π΅ W3Schools.com!

ΠŸΠΎΠΏΡ€ΠΎΠ±ΡƒΠΉ сам »

По ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ Π²ΠΎ всСх Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π°Ρ… ссылки Π±ΡƒΠ΄ΡƒΡ‚ Π²Ρ‹Π³Π»ΡΠ΄Π΅Ρ‚ΡŒ ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠΌ ΠΎΠ±Ρ€Π°Π·ΠΎΠΌ:

  • НСпосСщСнная ссылка ΠΏΠΎΠ΄Ρ‡Π΅Ρ€ΠΊΠ½ΡƒΡ‚Π° синим Ρ†Π²Π΅Ρ‚ΠΎΠΌ
  • ΠŸΠΎΡΠ΅Ρ‰Π΅Π½Π½Π°Ρ ссылка ΠΏΠΎΠ΄Ρ‡Π΅Ρ€ΠΊΠ½ΡƒΡ‚Π° Ρ„ΠΈΠΎΠ»Π΅Ρ‚ΠΎΠ²Ρ‹ΠΌ Ρ†Π²Π΅Ρ‚ΠΎΠΌ
  • Активная ссылка ΠΏΠΎΠ΄Ρ‡Π΅Ρ€ΠΊΠ½ΡƒΡ‚Π° красным

Π‘ΠΎΠ²Π΅Ρ‚: Бсылки, ΠΊΠΎΠ½Π΅Ρ‡Π½ΠΎ, ΠΌΠΎΠΆΠ½ΠΎ ΡΡ‚ΠΈΠ»ΠΈΠ·ΠΎΠ²Π°Ρ‚ΡŒ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ CSS, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π΅Ρ‰Π΅ ΠΎΠ΄ΠΈΠ½ взгляд!


HTML-ссылки — Ρ†Π΅Π»Π΅Π²ΠΎΠΉ Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚

По ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ связанная страница Π±ΡƒΠ΄Π΅Ρ‚ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°Ρ‚ΡŒΡΡ Π² Ρ‚Π΅ΠΊΡƒΡ‰Π΅ΠΌ ΠΎΠΊΠ½Π΅ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π°.Π§Ρ‚ΠΎΠ±Ρ‹ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡ‚ΡŒ это, Π²Ρ‹ Π΄ΠΎΠ»ΠΆΠ½Ρ‹ ΡƒΠΊΠ°Π·Π°Ρ‚ΡŒ Π΄Ρ€ΡƒΠ³ΡƒΡŽ Ρ†Π΅Π»ΡŒ для ссылки.

Атрибут Ρ†Π΅Π»ΠΈ ΡƒΠΊΠ°Π·Ρ‹Π²Π°Π΅Ρ‚, Π³Π΄Π΅ ΠΎΡ‚ΠΊΡ€Ρ‹Ρ‚ΡŒ связанный Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚.

Атрибут Ρ†Π΅Π»ΠΈ ΠΌΠΎΠΆΠ΅Ρ‚ ΠΈΠΌΠ΅Ρ‚ΡŒ ΠΎΠ΄Π½ΠΎ ΠΈΠ· ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΡ… Π·Π½Π°Ρ‡Π΅Π½ΠΈΠΉ:

  • _self — По ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ. ΠžΡ‚ΠΊΡ€Ρ‹Π²Π°Π΅Ρ‚ Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚ Π² Ρ‚ΠΎ ΠΆΠ΅ ΠΎΠΊΠ½ΠΎ / Π²ΠΊΠ»Π°Π΄ΠΊΠ°, Π² ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΌ Π±Ρ‹Π» Ρ‰Π΅Π»ΠΊΠ΅Π½
  • _blank — ΠΎΡ‚ΠΊΡ€Ρ‹Π²Π°Π΅Ρ‚ Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚ Π² Π½ΠΎΠ²ΠΎΠΌ ΠΎΠΊΠ½Π΅ ΠΈΠ»ΠΈ Π²ΠΊΠ»Π°Π΄ΠΊΠ΅
  • _parent — ΠΎΡ‚ΠΊΡ€Ρ‹Π²Π°Π΅Ρ‚ Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚ Π² Ρ€ΠΎΠ΄ΠΈΡ‚Π΅Π»ΡŒΡΠΊΠΎΠΌ Ρ„Ρ€Π΅ΠΉΠΌΠ΅
  • _top — ΠžΡ‚ΠΊΡ€Ρ‹Π²Π°Π΅Ρ‚ Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚ ΠΏΠΎΠ»Π½ΠΎΡΡ‚ΡŒΡŽ Π² ΠΎΠΊΠ½Π΅

ΠŸΡ€ΠΈΠΌΠ΅Ρ€

Π˜ΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ target = «_ blank», Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΎΡ‚ΠΊΡ€Ρ‹Ρ‚ΡŒ связанный Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚ Π² Π½ΠΎΠ²ΠΎΠΌ ΠΎΠΊΠ½Π΅ ΠΈΠ»ΠΈ Π²ΠΊΠ»Π°Π΄ΠΊΠ΅ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π°:

ΠŸΠΎΡΠ΅Ρ‚ΠΈΡ‚Π΅ W3Schools!

ΠŸΠΎΠΏΡ€ΠΎΠ±ΡƒΠΉ сам »

ΠΠ±ΡΠΎΠ»ΡŽΡ‚Π½Ρ‹Π΅ ΠΈ ΠΎΡ‚Π½ΠΎΡΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹Π΅ URL-адрСса

Π’ ΠΎΠ±ΠΎΠΈΡ… ΠΏΡ€ΠΈΠ²Π΅Π΄Π΅Π½Π½Ρ‹Ρ… Π²Ρ‹ΡˆΠ΅ ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π°Ρ… ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ Π°Π±ΡΠΎΠ»ΡŽΡ‚Π½Ρ‹ΠΉ URL-адрСс (ΠΏΠΎΠ»Π½Ρ‹ΠΉ Π²Π΅Π±-адрСс). Π² Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚Π΅ href .

Π›ΠΎΠΊΠ°Π»ΡŒΠ½Π°Ρ ссылка (ссылка Π½Π° страницу Π½Π° Ρ‚ΠΎΠΌ ΠΆΠ΅ Π²Π΅Π±-сайтС) указываСтся с ΠΎΡ‚Π½ΠΎΡΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹ΠΉ URL (Π±Π΅Π· Ρ‡Π°ΡΡ‚ΡŒ «https: // www»):

ΠŸΡ€ΠΈΠΌΠ΅Ρ€

ΠΠ±ΡΠΎΠ»ΡŽΡ‚Π½Ρ‹Π΅ URL-адрСса
W3C
Google

РодствСнник URL-адрСса


HTML-изобраТСния


CSS Π£Ρ‡Π΅Π±Π½ΠΈΠΊ

ΠŸΠΎΠΏΡ€ΠΎΠ±ΡƒΠΉ сам »

HTML-ссылки — использованиС изобраТСния Π² качСствС ссылки

Π§Ρ‚ΠΎΠ±Ρ‹ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π² качСствС ссылки, просто помСститС Π²Π½ΡƒΡ‚Ρ€ΠΈ Ρ‚Π΅Π³Π° tag:

ΠŸΡ€ΠΈΠΌΠ΅Ρ€


Π£Ρ‡Π΅Π±Π½ΠΎΠ΅ пособиС ΠΏΠΎ HTML

ΠŸΠΎΠΏΡ€ΠΎΠ±ΡƒΠΉ сам »

Бсылка Π½Π° адрСс элСктронной ΠΏΠΎΡ‡Ρ‚Ρ‹

Π˜ΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ mailto: Π²Π½ΡƒΡ‚Ρ€ΠΈ href для создания ссылки, ΠΎΡ‚ΠΊΡ€Ρ‹Π²Π°ΡŽΡ‰Π΅ΠΉ ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΡƒ элСктронной ΠΏΠΎΡ‡Ρ‚Ρ‹ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Ρ (Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΏΡƒΡΡ‚ΡŒ отправят Π½ΠΎΠ²ΠΎΠ΅ письмо):


Кнопка ΠΊΠ°ΠΊ ссылка

Π§Ρ‚ΠΎΠ±Ρ‹ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ ΠΊΠ½ΠΎΠΏΠΊΡƒ HTML Π² качСствС ссылки, Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎ Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ ΠΊΠΎΠ΄ JavaScript.

JavaScript позволяСт ΡƒΠΊΠ°Π·Π°Ρ‚ΡŒ, Ρ‡Ρ‚ΠΎ происходит ΠΏΡ€ΠΈ ΠΎΠΏΡ€Π΅Π΄Π΅Π»Π΅Π½Π½Ρ‹Ρ… событиях, Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, Ρ‰Π΅Π»Ρ‡ΠΊΠΎΠΌ ΠΊΠ½ΠΎΠΏΠΊΠΈ:

ΠŸΡ€ΠΈΠΌΠ΅Ρ€

ΠΊΠ½ΠΎΠΏΠΊΠ° < > Π£Ρ‡Π΅Π±Π½ΠΎΠ΅ пособиС ΠΏΠΎ HTML

ΠŸΠΎΠΏΡ€ΠΎΠ±ΡƒΠΉ сам »

Названия ссылок

Атрибут title опрСдСляСт Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½ΡƒΡŽ ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΡŽ ΠΎΠ± элСмСнтС. Π˜Π½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΡ Ρ‡Π°Ρ‰Π΅ всСго отобраТаСтся Π² Π²ΠΈΠ΄Π΅ тСкста Π²ΡΠΏΠ»Ρ‹Π²Π°ΡŽΡ‰Π΅ΠΉ подсказки ΠΏΡ€ΠΈ Π½Π°Π²Π΅Π΄Π΅Π½ΠΈΠΈ курсора ΠΌΡ‹ΡˆΠΈ Π½Π° элСмСнт.

ΠŸΡ€ΠΈΠΌΠ΅Ρ€

ΠŸΠΎΡΠ΅Ρ‚ΠΈΡ‚Π΅ нашС руководство ΠΏΠΎ HTML

ΠŸΠΎΠΏΡ€ΠΎΠ±ΡƒΠΉ сам »

ΠŸΠΎΠ΄Ρ€ΠΎΠ±Π½Π΅Π΅ ΠΎΠ± Π°Π±ΡΠΎΠ»ΡŽΡ‚Π½Ρ‹Ρ… ΠΈ ΠΎΡ‚Π½ΠΎΡΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹Ρ… URL-адрСсах

ΠŸΡ€ΠΈΠΌΠ΅Ρ€

Π˜ΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ ΠΏΠΎΠ»Π½Ρ‹ΠΉ URL-адрСс для ссылки Π½Π° Π²Π΅Π±-страницу:

Π£Ρ‡Π΅Π±Π½ΠΈΠΊ ΠΏΠΎ HTML

ΠŸΠΎΠΏΡ€ΠΎΠ±ΡƒΠΉΡ‚Π΅ сами Β»

ΠŸΡ€ΠΈΠΌΠ΅Ρ€

Бсылка Π½Π° страницу, Ρ€Π°ΡΠΏΠΎΠ»ΠΎΠΆΠ΅Π½Π½ΡƒΡŽ Π² ΠΏΠ°ΠΏΠΊΠ΅ html Π½Π° Ρ‚Π΅ΠΊΡƒΡ‰Π΅ΠΌ Π²Π΅Π±-сайтС:

Π£Ρ‡Π΅Π±Π½ΠΈΠΊ ΠΏΠΎ HTML

ΠŸΠΎΠΏΡ€ΠΎΠ±ΡƒΠΉΡ‚Π΅ сами Β»

ΠŸΡ€ΠΈΠΌΠ΅Ρ€

Бсылка Π½Π° страницу, Ρ€Π°ΡΠΏΠΎΠ»ΠΎΠΆΠ΅Π½Π½ΡƒΡŽ Π² Ρ‚ΠΎΠΉ ΠΆΠ΅ ΠΏΠ°ΠΏΠΊΠ΅, Ρ‡Ρ‚ΠΎ ΠΈ тСкущая страница:

Π£Ρ‡Π΅Π±Π½ΠΈΠΊ ΠΏΠΎ HTML

ΠŸΠΎΠΏΡ€ΠΎΠ±ΡƒΠΉΡ‚Π΅ сами Β»


ΠšΡ€Π°Ρ‚ΠΊΠΎΠ΅ содСрТаниС Π³Π»Π°Π²Ρ‹


HTML-Ρ‚Π΅Π³ΠΈ ссылок

ВСг ОписаниС
ΠžΠΏΡ€Π΅Π΄Π΅Π»ΡΠ΅Ρ‚ гипСрссылку


: элСмСнт привязки — HTML: язык Ρ€Π°Π·ΠΌΠ΅Ρ‚ΠΊΠΈ гипСртСкста

HTML-элСмСнт (ΠΈΠ»ΠΈ элСмСнт привязки ) с Π΅Π³ΠΎ Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚ΠΎΠΌ href создаСт гипСрссылку Π½Π° Π²Π΅Π±-страницы, Ρ„Π°ΠΉΠ»Ρ‹, адрСса элСктронной ΠΏΠΎΡ‡Ρ‚Ρ‹, мСстополоТСния Π½Π° Ρ‚ΠΎΠΉ ΠΆΠ΅ страницС ΠΈΠ»ΠΈ Ρ‡Ρ‚ΠΎ-Π»ΠΈΠ±ΠΎ Π΅Ρ‰Π΅, Ρ‡Ρ‚ΠΎ URL ΠΌΠΎΠΆΠ΅Ρ‚ адрСс.ΠšΠΎΠ½Ρ‚Π΅Π½Ρ‚ Π² ΠΏΡ€Π΅Π΄Π΅Π»Π°Ρ… ΠΊΠ°ΠΆΠ΄ΠΎΠ³ΠΎ Π΄ΠΎΠ»ΠΆΠ΅Π½ ΡƒΠΊΠ°Π·Ρ‹Π²Π°Ρ‚ΡŒ адрСс назначСния ссылки . Если присутствуСт Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚ href , Π½Π°ΠΆΠ°Ρ‚ΠΈΠ΅ клавиши Π²Π²ΠΎΠ΄Π° ΠΏΡ€ΠΈ фокусировкС Π½Π° элСмСнтС Π°ΠΊΡ‚ΠΈΠ²ΠΈΡ€ΡƒΠ΅Ρ‚ Π΅Π³ΠΎ.

Атрибуты этого элСмСнта Π²ΠΊΠ»ΡŽΡ‡Π°ΡŽΡ‚ Π³Π»ΠΎΠ±Π°Π»ΡŒΠ½Ρ‹Π΅ Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚Ρ‹.

Π·Π°Π³Ρ€ΡƒΠ·ΠΈΡ‚ΡŒ
ΠŸΡ€Π΅Π΄Π»Π°Π³Π°Π΅Ρ‚ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŽ ΡΠΎΡ…Ρ€Π°Π½ΠΈΡ‚ΡŒ связанный URL вмСсто ΠΏΠ΅Ρ€Π΅Ρ…ΠΎΠ΄Π° ΠΊ Π½Π΅ΠΌΡƒ. ΠœΠΎΠΆΠ΅Ρ‚ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒΡΡ со Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ΠΌ ΠΈΠ»ΠΈ Π±Π΅Π· значСния:
Π‘Π°Π½ΠΊΠ½ΠΎΡ‚Ρ‹
href

URL-адрСс, Π½Π° ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ ΡƒΠΊΠ°Π·Ρ‹Π²Π°Π΅Ρ‚ гипСрссылка. Бсылки Π½Π΅ ΠΎΠ³Ρ€Π°Π½ΠΈΡ‡ΠΈΠ²Π°ΡŽΡ‚ΡΡ URL-адрСсами Π½Π° основС HTTP — ΠΎΠ½ΠΈ ΠΌΠΎΠ³ΡƒΡ‚ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Π»ΡŽΠ±ΡƒΡŽ схСму URL-адрСсов, ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°Π΅ΠΌΡƒΡŽ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π°ΠΌΠΈ:

hreflang
Π£ΠΊΠ°Π·Ρ‹Π²Π°Π΅Ρ‚ Π½Π° чСловСчСский язык связанного URL.НСт встроСнного Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΎΠ½Π°Π»Π°. ДопустимыС значСния Ρ‚Π°ΠΊΠΈΠ΅ ΠΆΠ΅, ΠΊΠ°ΠΊ для глобального Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚Π° lang .
ΠΏΠΈΠ½Π³
Бписок URL-адрСсов, Ρ€Π°Π·Π΄Π΅Π»Π΅Π½Π½Ρ‹Ρ… ΠΏΡ€ΠΎΠ±Π΅Π»Π°ΠΌΠΈ. ΠŸΡ€ΠΈ ΠΏΠ΅Ρ€Π΅Ρ…ΠΎΠ΄Π΅ ΠΏΠΎ ссылкС Π±Ρ€Π°ΡƒΠ·Π΅Ρ€ ΠΎΡ‚ΠΏΡ€Π°Π²ΠΈΡ‚ запросов POST с Ρ‚Π΅Π»ΠΎΠΌ PING Π½Π° URL-адрСса. ΠžΠ±Ρ‹Ρ‡Π½ΠΎ для отслСТивания.
ссылка Π½Π° ΠΏΠΎΠ»ΠΈΡ‚ΠΈΠΊΡƒ
Бколько Ρ€Π΅Ρ„Π΅Ρ€Π΅Ρ€Π° ΠΎΡ‚ΠΏΡ€Π°Π²Π»ΡΡ‚ΡŒ ΠΏΡ€ΠΈ ΠΏΠ΅Ρ€Π΅Ρ…ΠΎΠ΄Π΅ ΠΏΠΎ ссылкС. Π‘ΠΌ. Referrer-Policy для получСния ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΠΈ ΠΎ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½Ρ‹Ρ… значСниях ΠΈ ΠΈΡ… послСдствиях.
ΠΎΡ‚Π½.
ΠžΡ‚Π½ΠΎΡˆΠ΅Π½ΠΈΠ΅ связанного URL ΠΊΠ°ΠΊ Ρ‚ΠΈΠΏΠΎΠ² ссылок, Ρ€Π°Π·Π΄Π΅Π»Π΅Π½Π½Ρ‹Ρ… ΠΏΡ€ΠΎΠ±Π΅Π»Π°ΠΌΠΈ.
Ρ†Π΅Π»ΡŒ
Π“Π΄Π΅ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°Ρ‚ΡŒ связанный URL-адрСс, ΠΊΠ°ΠΊ имя контСкста просмотра (Π²ΠΊΠ»Π°Π΄ΠΊΠ°, ΠΎΠΊΠ½ΠΎ ΠΈΠ»ΠΈ