freeCodeCamp/guide/russian/html/attributes/a-href-attribute/index.md

81 lines
3.5 KiB
Markdown
Raw Normal View History

2018-10-12 20:00:59 +00:00
---
title: A Href Attribute
localeTitle: Атрибут Href
---
## Атрибут Href
2018-11-01 18:21:34 +00:00
Атрибут `<a href>` указывает на что либо с помощью ссылки. Тег `a` (anchor) не работает без атрибута `<href>`. Иногда вам не нужна прямая ссылка, или вы еще не знаете значение ссылки. В этом случае полезно установить атрибут `href` в знаение `"#"` чтобы создать мертвую ссылку. Атрибут `href` можно использовать для связи с локальными файлами или файлами в Интернете.
2018-10-12 20:00:59 +00:00
Например:
```html
<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>
```
2018-11-01 18:21:34 +00:00
Атрибут `<a href>` поддерживается всеми браузерами.
2018-10-12 20:00:59 +00:00
#### Дополнительные атрибуты:
`hreflang` : Указывает язык связанного ресурса. `target` : указывает контекст, в котором откроется связанный ресурс. `title` : Определяет название ссылки, которая отображается пользователю как подсказка.
### Примеры
```html
<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>
```
### Встроенные привязки
2018-11-01 18:21:34 +00:00
Также возможно установить привязку к определенному месту страницы. Чтобы сделать это, вы должны сначала поместить закладку в на странице с тегом и необходимым атрибутом «name» с любым описанием ключевого слова в нем, например:
2018-10-12 20:00:59 +00:00
```html
<a name="top"></a>
```
2018-11-01 18:21:34 +00:00
Описание между тегами не требуется. После этого вы можете поместить ссылку, ведущую к этому якорю, в любой точке на той же странице. Для этого вы должны использовать тег с необходимым атрибутом «href» с символом # (решетка) и описанием ключевого слова якоря, например:
2018-10-12 20:00:59 +00:00
```html
<a href="#top">Go to Top</a>
```
### Ссылки на изображения
`<a href="#">` также может применяться к изображениям и другим элементам HTML.
### пример
```html
<a href="#"><img itemprop="image" style="height: 90px;" src="http://www.chatbot.chat/assets/images/header-bg_y.jpg" alt="picture"> </a>
```
### пример
[![картина](http://www.chatbot.chat/assets/images/header-bg_y.jpg)](#)
### Еще несколько примеров href
```html
<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>
2018-11-01 18:21:34 +00:00
```