Гиперссылки в HTML

Ссылка в HTML #

Ссылка самая важная часть в интернете. Именно благодаря ссылкам мы связываем полезные и бесполезные страницы между собой. Она настолько важна, что раньше её называли не просто ссылкой, а гипер-ссылкой(hyperlink). Напомню, что мы изучаем HTML, что значит HyperText Markup Language.

А гипертекст это не что иное, как текст с гипер-ссылками.(Hypertext is text with hyperlinks)

Синтаксически мы различаем принципиально два типа ссылок:

  1. Ссылка на раздел страницы.
  2. Ссылка на другую страницу.

Определение якоря внутри страницы #

<h2><a name="article-29" id="article-29">Статья 29</a></h2>
<ol>
    <li>
        Каждому гарантируется свобода мысли и слова.
    </li>
    <li>
        Не допускаются пропаганда или агитация, возбуждающие социальную, расовую, национальную или
        религиозную ненависть и вражду. Запрещается пропаганда социального, расового, национального,
        религиозного или языкового превосходства.
    </li>
    <li>
        Никто не может быть принужден к выражению своих мнений и убеждений или отказу от них.
    </li>
    <li>
        Каждый имеет право свободно искать, получать, передавать, производить и распространять
        информацию любым законным способом. Перечень сведений, составляющих государственную тайну,
        определяется федеральным законом.
    </li>
    <li>
        Гарантируется свобода массовой информации. Цензура запрещается.
    </li>
</ol>

<p><a href="#article-29">вернуться наверх!</a></p>

Из всего примера вверху нас интересуют только две строчки

<h2><a name="article-29" id="article-29">Статья 29</a></h2>
<a href="#article-29">вернуться наверх!</a>

В первой строчке мы указали якорь для заголовка нашей статьи. По старым правилам якорь делался с помощью атрибута name. В HTML5 можно использовать id. <a id="закладка">...</a>

Во второй строчке мы указываем ссылку на заголовок. На юридических сайтах очень часто использую ссылки внутри страницы, ссылаясь на различные подпункты. Уверен вы и сами можете себе представить дипломную работу с оглавлением и быстрым переходам к различным главам.

Простая ссылка и title #

Часто ссылки называют анкорными или якорными.

<a href="https://andron13.de/">Обучение программированию с нуля</a> на сайте Андрея Подлубного.
Лучшие <a href="https://povar.eu/">кулинарные рецепты</a> на сайте povar.eu.

“Обучение программированию с нуля” и “кулинарные рецепты” являются якорями в ссылке. Или ссылочным текстом. Это достаточно важные термины, если вы разговариваете с online-маркетологом.

В ссылку можно добавлять тег title. Например:

<a href="https://andron13.de/" title="ЛУЧШИЕ УРОКИ ONLINE">Обучение программированию с нуля</a> на сайте Андрея Подлубного.

Я сегодня увидел на очень уважаемом сайте атрибут alt в ссылке. Не делайте так никогда. Это никогда не было разрешено и никогда так никем и не делалось. Я не знаю кто начал пихать alt в ссылку и зачем. Просто не делайте так. Для подсветки есть title

Дополнительные ссылки #

  1. Hyperlink
  2. hint-disown-opener
comments powered by Disqus