TOC

This article is currently in the process of being translated into Russian (~71% done).

Основы HTML:

Ссылки

Ссылка - это слово, группа слов или изображение, по которому можно перейти, чтобы перейти к другому документу или определенной части текущего документа. Элемент для ссылок, как внутренних, так и внешних, так же прост, как <a>. Я говорилf об аббревиатурах раньше, и а - аббревиатура сылки. Но вы не можете просто использовать <a> - Вы должны добавить хотя бы один атрибут - HREF. Href обозначает ссылку на гипертекст, а значение определяет адрес, на который вы ссылаетесь. Простейшая ссылка выглядит так:

<a href="http://www.yoururl.com">Link text</a>

Open in a new window

Sometimes you want the user to keep having your webpage open and you have the possibility of determining whether or not a link should open in a new window. To do this, you use the target-attribute.

If you decide to use the target attribute, you should be aware that a lot of people dislike this feature and believes that the user should be allowed to decide for herself whether or not she wants a new window, by right-clicking. Having said this, the attribute/value for opening in a new window looks like this:

<a href="http://www.yoururl.com" target="_blank">This is my link</a>

Ссылка на определенную часть вашего документа

Если вы хотите сделать ссылку на определенную часть вашего документа, это можно сделать двумя способами. Ранее это было сделано путем определения места, на которое вы хотите связать, названия этого места - это выглядело бы так:

<a name="question-2">This</a> is the answer to the second question

Это называется идентификатором фрагмента - он идентифицирует конкретный фрагмент вашего документа. Ссылка используется для определения места, на которое вы хотите сослаться, и вы также использовали бы идентификатор фрагмента, когда вы фактически связались с ним:

<a href="#question-2">See the answer to question 2</a>

Знак # указывает, что это ссылка на идентификатор фрагмента, а вопрос-2 указывает браузеру, какой фрагмент искать.

HTML5 предлагает использовать определенные атрибуты id вместо атрибута name, если они уже доступны, а если нет, написать элемент привязки немного по-другому.

Вот пример использования идентификаторов (id)

<p id="my-note">This is my first section, with a unique id</p>
<p>This is just a section – no id’s or anything here</p>

<a href="#my-note">Go to the first section</a>

Если в абзаце-элементе не было идентификатора, но мы все же хотели дать ссылку на первый раздел, HTML5 предлагает сделать это следующим образом:

<p><a name="my-note" />This is my first section, with a unique id</p>
<p>This is just a section – no id’s or anything here</p>

<a href="#my-note">Go to the first section</a>

Как вы видите, мы используем ссылку, даже если элемент не имеет уникального ID, и закрываем элемент в первом теге, так как закрывающий тег не нужен.


This article has been fully translated into the following languages: Is your preferred language not on the list? Click here to help us translate this article into your language!
adplus-dvertising