Ссылка в HTML #
Ссылка самая важная часть в интернете. Именно благодаря ссылкам мы связываем полезные и бесполезные страницы между собой. Она настолько важна, что раньше её называли не просто ссылкой, а гипер-ссылкой(hyperlink). Напомню, что мы изучаем HTML, что значит HyperText Markup Language.
А гипертекст это не что иное, как текст с гипер-ссылками.(Hypertext is text with hyperlinks)
Синтаксически мы различаем принципиально два типа ссылок:
- Ссылка на раздел страницы.
- Ссылка на другую страницу.
Определение якоря внутри страницы #
<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