greatbody
/
freeCodeCamp
mirror of https://github.com/freeCodeCamp/freeCodeCamp.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity
freeCodeCamp/guide/russian/html/attributes/a-href-attribute/index.md

3.5 KiB
Raw Blame History

title localeTitle
A Href Attribute Атрибут Href

Атрибут Href

Атрибут <a href> указывает на что либо с помощью ссылки. Тег a (anchor) не работает без атрибута <href>. Иногда вам не нужна прямая ссылка, или вы еще не знаете значение ссылки. В этом случае полезно установить атрибут href в знаение "#" чтобы создать мертвую ссылку. Атрибут href можно использовать для связи с локальными файлами или файлами в Интернете.

Например:


<html> 
  <head> 
    <title>Href Attribute Example</title> 
  </head> 
  <body> 
    <h1>Href Attribute Example</h1> 
      <p> 
        <a href="https://www.freecodecamp.org/contribute/">The freeCodeCamp Contribution Page</a> shows you how and where you can contribute to freeCodeCamp's community and growth. 
      </p> 
    </h1> 
  </body> 
 </html>

Атрибут <a href> поддерживается всеми браузерами.

Дополнительные атрибуты:

hreflang : Указывает язык связанного ресурса. target : указывает контекст, в котором откроется связанный ресурс. title : Определяет название ссылки, которая отображается пользователю как подсказка.

Примеры


<a href="#">This is a dead link</a> 
 <a href="https://www.freecodecamp.org">This is a live link to freeCodeCamp</a> 
 <a href="https://html.com/attributes/a-href/">more with a href attribute</a>

Встроенные привязки

Также возможно установить привязку к определенному месту страницы. Чтобы сделать это, вы должны сначала поместить закладку в на странице с тегом и необходимым атрибутом «name» с любым описанием ключевого слова в нем, например:


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

Описание между тегами не требуется. После этого вы можете поместить ссылку, ведущую к этому якорю, в любой точке на той же странице. Для этого вы должны использовать тег с необходимым атрибутом «href» с символом # (решетка) и описанием ключевого слова якоря, например:


<a href="#top">Go to Top</a>

Ссылки на изображения

<a href="#"> также может применяться к изображениям и другим элементам HTML.

пример


<a href="#"><img itemprop="image" style="height: 90px;" src="http://www.chatbot.chat/assets/images/header-bg_y.jpg" alt="picture">  </a>

пример

картина

Еще несколько примеров href


<base href="https://www.freecodecamp.org/a-href/">This gives a base url for all further urls on the page</a> 
 <link href="style.css">This is a live link to an external stylesheet</a>