Anchor html: — элемент ссылки — HTML

| WebReference

Элемент <a> (от англ. anchor — якорь) является одним из важных в HTML и предназначен для создания ссылок. Для этого необходимо сообщить браузеру, что является ссылкой, а также указать адрес документа, на который следует сделать ссылку. В качестве значения атрибута href используется адрес документа, на который происходит переход. Адрес ссылки может быть абсолютным и относительным. Абсолютные адреса работают везде и всюду независимо от имени сайта или веб-страницы, где прописана ссылка. Относительные ссылки, как следует из их названия, построены относительно текущего документа или корня сайта.

Синтаксис

<a href="<адрес>">...</a>

Атрибуты

coords
Устанавливает координаты активной области.
download
Предлагает скачать указанный по ссылке файл.
href
Задаёт адрес документа, на который следует перейти.
hreflang
Идентифицирует язык текста по ссылке.
name
Устанавливает имя якоря внутри документа.
rel
Отношения между ссылаемым и текущим документами.
rev
Отношения между текущим и ссылаемым документами.
shape
Задаёт форму активной области ссылки для изображений.
target
Имя окна или фрейма, куда браузер будет загружать документ.
type
Указывает MIME-тип документа, на который ведёт ссылка.

Также для этого элемента доступны универсальные атрибуты и события.

Пример

<!DOCTYPE HTML>
<html>
<head>
<meta charset=»utf-8″>
<title>А</title>
</head>
<body>
<p><a href=»image/xxx.jpg»>Посмотрите на мою фотографию!</a></p>
<p><a href=»page/tip.html»>Как сделать такое же фото?</a></p>
</body>
</html>

Спецификация

СпецификацияСтатус
WHATWG HTML Living StandardЖивой стандарт
HTML5Рекомендация
HTML 4. 01 SpecificationРекомендация

Браузеры

11211.311

Ссылки

См. также

  • text-decoration-skip-ink
  • Использование :hover
  • Ссылки

Рецепты

  • Как заголовок сделать ссылкой?
  • Как задать цвет ссылок?
  • Как открыть ссылку в новой вкладке?
  • Как сделать картинку ссылкой?
  • Как сделать ссылку для скачивания?
  • Как сделать ссылку на адрес электронной почты?
  • Как сделать ссылку на изображение?

Практика

  • Атрибут target
  • Картинка как ссылка
  • Создание ссылки
  • Ссылка во фрейм
  • Ссылка для скачивания
  • Ссылка на email
  • Ссылка на Google
  • Ссылка на телефон
  • Ссылки во фрейме

Ссылка-якорь — Ссылки и изображения — HTML Academy

HTML

<!DOCTYPE html>
<html lang=»ru»>
<head>
<meta charset=»utf-8″>
<title>Сайт начинающего верстальщика</title>
<link rel=»stylesheet» href=»style. css»>
</head>
<body>
<header>
<p>Блог</p>
<nav>
<a href=»index.html»>На главную</a>
</nav>
</header>
<main>
<article>
<h2>День тринадцатый. Нашёл статью</h2>
<p>Решил, что полезно будет.</p>
<h3>Зачем нужны заголовки?</h3>
<!— Добавьте идентификатор content этому заголовку —>
<h4>Оглавление</h4>
<ul>
<li>
<!— Добавьте адрес #intro этой ссылке —>
<a>Введение</a>
</li>
<li><a>Заголовки и неявные секции</a></li>
<li><a>Тег section</a></li>
<li><a>Уровни заголовков</a></li>
<li><a>Не всё так просто</a></li>
</ul>
<article>
<!— Добавьте идентификатор intro этому заголовку —>
<h4>Введение</h4>
<p>Когда много лет назад придумали HTML, мир был совсем другим. Авторы спецификации вдохновлялись текстовыми документами, где в одном потоке подряд шли абзацы, списки, таблицы, картинки и конечно заголовки. Прямо как в ваших рефератах и курсовых: самый большой заголовок — название, заголовки поменьше — части или главы.</p>
<h4>Заголовки и неявные секции</h4>
<p>В HTML с тех пор шесть уровней заголовков: от h2 до h6. Они озаглавливают всё, что за ними следует и образуют, так называемые, неявные секции. Такие логические части страницы. Неявные они потому, что закрываются только когда появляется следующий заголовок.</p>
<pre><code>&lt;h2&gt;Еда&lt;/h2&gt;
&lt;h3&gt;Фрукты&lt;/h3&gt;
&lt;p&gt;Классные&lt;/p&gt;
&lt;h4&gt;Яблоки&lt;/h4&gt;
&lt;p&gt;Вообще&lt;/p&gt;</code></pre>
<p>Из-за такой системы неявных секций, спецификация настойчиво рекомендует не использовать элементы h* для подписей под заголовками. Это обычный параграф, а заголовок должен обозначать отдельную часть содержимого. В спецификации есть глава с примерами разметки сложных элементов: подписи, крошки, диалоги — почитайте.</p>
<h4>Тег section</h4>
<p>Но секции лучше задавать явно с помощью элемента section. Эти два фрагмента идентичны с точки зрения семантики, но этот гораздо понятнее, хоть и многословнее.</p>
<pre><code>&lt;h2&gt;Еда&lt;/h2&gt;
&lt;section&gt;
&lt;h3&gt;Фрукты&lt;/h3&gt;
&lt;p&gt;Классные&lt;/p&gt;
&lt;section&gt;
&lt;h4&gt;Яблоки&lt;/h4&gt;
&lt;p&gt;Вообще&lt;/p&gt;
&lt;/section&gt;
&lt;/section&gt;</code></pre>
<h4>Уровни заголовков</h4>
<p>Ладно! Раз у нас есть явные секции, то по вложенности легко определить отношение частей. Так может браузеры сами догадаются какого уровня заголовки нужны? А то считать: h2, h3, аш… сбился. Так было бы удобнее менять части кода местами. Такая же идея пришла в голову авторам HTML5 и они описали в спецификации алгоритм аутлайна. Он разрешает использовать на странице только h2, а важность обозначать вложенностью структурных элементов вроде article и section.</p>
<pre><code>&lt;h2&gt;Еда&lt;/h2&gt;
&lt;section&gt;
&lt;h2&gt;Фрукты&lt;/h2&gt;
&lt;section&gt;
&lt;h2&gt;Яблоки&lt;/h2&gt;
&lt;/section&gt;
&lt;/section&gt;</code></pre>
<p>Разработчикам идея очень понравилась, многие даже бросились её внедрять. Но вот беда: алгоритм аутлайна до сих не внедрил ни один браузер, читалка или поисковик. На таких страницах все заголовки кричат, что они №1 и самые важные. Но если важно всё, то уже ничего не важно.</p>
<p>Не надо так делать, об этом теперь пишет сама спецификация. За уровнем заголовков нужно следить самим. На самом деле, это не так сложно: на типичной странице вряд ли наберётся структурных частей больше, чем на 3 уровня. Так что не ленитесь.</p>
<h4>Не всё так просто</h4>
<p>Нет, погоди. Я ставлю класс на div и все сразу видят — это самый большой заголовок, ставлю другой класс — заголовок становится меньше, видно же. Зачем тогда эта ерунда с расчётом уровней, если есть CSS?</p>
<pre><code>&lt;div&gt;
Фрукты бесплатно
&lt;/div&gt;
&lt;div&gt;
Только за деньги
&lt;/div&gt;</code></pre>
<p>Вы конечно правы, стили создают визуальную модель важности: крупный чёрный текст важнее, меленький серенький вообще не важен. Но только если вы смотрите на такую страницу.</p>
<p>Есть две важные группы пользователей, которые читают вашу страницу по тегам разметки. Они не смотрят насколько крупный и чёрный ваш div — чтобы найти на странице самое важное, они ищут h2. Это читалки и роботы. С роботами всё понятно: это поисковики, которым нужно помогать понимать ваши страницы. </p>
<p>Читалками или скринридерами пользуются люди, которые плохо или совсем не видят ваши интерфейсы, или не могут управлять браузером привычным образом. VoiceOver, NVDA, JAWS читают содержимое вслух и ориентируются только по значимым тегам. Элементы div и span не значат ни-че-го, какие бы классы и стили вы не накрутили. Такой сайт — как газета без заголовков, просто месиво текста.</p>
<p>Да какая газета! Очнись, 2017 на дворе, я изоморфное одностраничное приложение делаю, а не стенгазету. У меня тут стейты компонентов — нафига семантика там, где нет текста? Очень хороший вопрос.</p>
<p>Все читалки идут по странице тег за тегом, от первого к последнему. И читают подряд всё, что внутри. Крайне неэффективно: каждая страница начинается с шапки и пока её пройдёшь, забудешь за чем шёл. Поэтому у читалок есть специальные режимы, показывающие только важные части страницы. Структурные элементы header, nav, main и другие, все ссылки, все заголовки. </p>
<p>Если вывести все заголовки и прочитать их, можно составить ментальную, а не визуальную модель страницы. А потом взять и сразу перейти к нужной секции, выбрав её заголовок. Меню, поиск, каталог, настройки, логин — все эти части вашего приложения можно озаглавить, чтобы упростить доступ к ним.</p>
<pre><code>— Инстаграм
— Лента
— Закат
— Латте
— Настройки
— Профиль</code></pre>
<p>Но бывает, что в дизайне нет заголовков для важных частей. Дизайнер рисует, ему всё ясно: меню с котлетой, поиск с полем и так далее. Но это не должно мешать вам делать доступные интерфейсы. Расставьте нужные заголовки, а потом доступно их спрячьте. Как? Только не display: none, его читалки игнорируют. Есть такой паттерн visually hidden, подробнее в описании к видео.</p>
<p>Думайте не только о том, как выглядит ваша вёрстка, но и о том, насколько логично организована разметка. Не забывайте о заголовках: пусть стили показывают, а заголовки рассказывают о ваших страницах или приложениях. </p>
<p>
<!— Добавьте адрес #content этой ссылке —>
<a>К оглавлению</a>
</p>
</article>
</article>
<aside>
Тут могла быть ваша реклама
</aside>
</main>
<footer>
Подвал сайта
</footer>
</body>
</html>

: Элемент Abbreviation — HTML: Язык гипертекстовой разметки

HTML-элемент представляет собой аббревиатуру или акроним.

При включении аббревиатуры или акронима предоставьте полное раскрытие термина в виде простого текста при первом использовании вместе с для обозначения аббревиатуры. Это информирует пользователя о том, что означает аббревиатура или аббревиатура.

Необязательный атрибут title может предоставить расширение для аббревиатуры или акронима, если полное раскрытие отсутствует. Это дает подсказку для пользовательских агентов о том, как объявлять/отображать контент, информируя всех пользователей о том, что означает аббревиатура. Если есть, заголовок должен содержать это полное описание и ничего больше.

Этот элемент поддерживает только глобальные атрибуты. Атрибут title имеет особое семантическое значение при использовании с элементом ; должен содержать полное удобочитаемое описание или расширение аббревиатуры. Этот текст часто представляется браузерами в виде всплывающей подсказки при наведении курсора мыши на элемент.

Каждый элемент , который вы используете, не зависит от всех остальных; предоставление заголовок для одного не прикрепляет автоматически один и тот же текст расширения к другим с таким же текстом содержимого.

Типичные варианты использования

Безусловно, не обязательно, чтобы все сокращения были размечены с помощью . Однако есть несколько случаев, когда это полезно сделать:

  • Когда используется аббревиатура, и вы хотите предоставить расширение или определение вне содержания документа, используйте с соответствующим название .
  • Чтобы определить аббревиатуру, которая может быть незнакома читателю, представьте термин, используя и встроенный текст, содержащий определение. Включайте атрибут title только в том случае, если встроенное расширение или определение недоступны.
  • Когда присутствие аббревиатуры в тексте необходимо отметить семантически, полезен элемент . Это, в свою очередь, можно использовать для создания стилей или сценариев.
  • Вы можете использовать вместе с , чтобы установить определения для терминов, которые являются аббревиатурами или акронимами. См. пример «Определение аббревиатуры» ниже.

Вопросы грамматики

В языках с грамматическим числом (то есть в языках, в которых количество элементов влияет на грамматику предложения) используйте тот же грамматический номер в атрибуте title , что и внутри элемента . Это особенно важно для языков с более чем двумя числами, таких как арабский, но также актуально и для английского.

Этот элемент предназначен исключительно для удобства автора, и все браузеры отображают его встроенным ( display : inline ) по умолчанию, хотя его стиль по умолчанию отличается от одного браузера к другому:

Некоторые браузеры добавляют пунктирное подчеркивание содержимого элемента. Другие добавляют пунктирное подчеркивание при преобразовании содержимого в маленькие заглавные буквы. Другие не могут стилизовать его иначе, чем элемент . Чтобы управлять этим стилем, используйте украшение текста и вариант шрифта .

Семантическая разметка аббревиатуры

Чтобы разметить аббревиатуру без расширения или описания, используйте без каких-либо атрибутов, как показано в этом примере.

HTML
 

Использовать HTML легко и весело!

Результат

Стилизация аббревиатур

С помощью CSS можно задать собственный стиль для аббревиатур, как показано в этом простом примере.

HTML
 

Используя CSS, вы можете оформить свои сокращения!

CSS
 сокращение {
  вариант шрифта: все прописные;
}
 
Результат

Предоставление расширения

Добавление атрибута title позволяет указать расширение или определение аббревиатуры или акронима.

HTML
 

Шутка Ашока заставила меня LOL добиться успеха.

Результат

Определение аббревиатуры

Вы можете использовать в тандеме с для более формального определения аббревиатуры, как показано здесь.

HTML
 

HTML  – это язык разметки, используемый для создания семантики и структуры веб-страницы.

Спецификация (spec) — это документ, подробно описывает, как технология или API должны функционировать и как они доступ.

Результат

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

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

Пример

 

Нотация объектов JavaScript (JSON) — это упрощенная формат обмена данными.

Это особенно полезно для людей, которые не знакомы с терминологией или понятиями, обсуждаемыми в содержании, для людей, плохо знакомых с языком, и людей с когнитивными проблемами.

Категории контента Потоковое содержание,
фразовое содержание, ощутимое содержание
Разрешенный контент Фразы содержания
Отсутствие тега Нет, начальный и конечный теги обязательны.
Разрешенные родители Любой элемент, принимающий
фразовое содержание
Неявная роль ARIA Нет соответствующей роли
Разрешенные роли ARIA Любой
Интерфейс DOM HTMLЭлемент
Спецификация
HTML Standard
# The-ABBR-ELEMENT

950119595019959501195 .7595959595959595959595959595959595959595959595959595959595959595959595959595959595 9019.7. Включите JavaScript для просмотра данных.

  • Использование элемента

Последнее изменение: , авторы MDN

Типы ссылок — HTML: язык гипертекстовой разметки

В HTML типы ссылок указывают на отношения между двумя документами, в которых один ссылается на другой с помощью , <область> , <форма> или <ссылка> элемент.

Список определенных типов ссылок и их значение в HTML
Тип соединения Описание Разрешено в этих элементах Не допускается в этих элементах
альтернативный
  • Если элемент <ссылка> и
    Атрибут rel также содержит
    тип таблицы стилей , ссылка определяет
    альтернативная таблица стилей; в этом случае заголовок
    атрибут должен присутствовать и не быть пустой строкой.
  • Если для тип установлен на
    приложение/rss+xml или
    application/atom+xml , ссылка определяет
    канал синдикации. Первый, определенный на странице, является значением по умолчанию.
  • В противном случае ссылка определяет альтернативную страницу одного из этих
    типы:

    • для другого носителя, например портативного устройства (если
      media атрибут установлен)
    • на другом языке (если
      атрибут hreflang
      поставил),
    • в другом формате, например PDF (если
      установлен атрибут типа )
    • комбинация этих
<а> , <область> ,
<ссылка>
<форма>
архивы
Устаревший
Определяет гиперссылку на документ, содержащий архивную ссылку на этот документ.
один. Например, запись в блоге может ссылаться на страницу ежемесячного индекса,
способ.

Примечание: Хотя распознается, единственное число
архив неверен и его следует избегать.

<а> , <область> ,
<ссылка>
<форма>
автор Определяет гиперссылку на страницу с описанием автора или предоставлением способа
связаться с автором.

Примечание: Это может быть
mailto: гиперссылка , но это не рекомендуется для публики
страницы, так как роботы-сборщики быстро приведут к большому количеству спама, отправляемого на
адрес. В этом случае лучше вести на страницу, содержащую
Форма обратной связи.

Несмотря на распознавание,
rev атрибут включен
, <область>
или элементов с типом ссылки
сделал неверным и должен быть заменен на
атрибут rel с этим типом ссылки.

<а> , <область> ,
<ссылка>
<форма>
закладка Указывает, что гиперссылка является
постоянная ссылка на ближайшего предка
<артикул> элемент. Если нет, то это постоянная ссылка
для
раздел, который
элемент наиболее тесно связан с.

Это позволяет
добавление в закладки одной статьи на странице, содержащей несколько статей,
например, на ежемесячной итоговой странице блога или агрегаторе блогов.

<а> , <область> <ссылка> , <форма>
канонический Из Википедии, свободной энциклопедии:
Canonical_link_element
Элемент канонической ссылки — это элемент HTML, который помогает веб-мастерам
предотвратить проблемы с дублированием контента, указав «канонический» или
«предпочтительная» версия веб-страницы в рамках поисковой оптимизации.
<ссылка> <а> , <область> ,
<форма>
предварительная выборка DNS

Экспериментальный
Подсказывает браузеру, что необходим ресурс, позволяя браузеру
выполнить поиск DNS и согласование протокола до того, как пользователь щелкнет ссылку.
<ссылка> <а> , <область> ,
<форма>
внешний Указывает, что гиперссылка ведет на ресурс за пределами сайта
текущая страница; то есть переход по ссылке заставит пользователя покинуть
сайт.
<а> , <область> ,
<форма>
<ссылка>
первый Not for use in new websites.»>
Устаревший
Указывает, что гиперссылка ведет к первому ресурсу
последовательность текущая страница.

Примечание:
Другие типы ссылок, относящиеся к связыванию ресурсов в той же последовательности:
последний , предыдущий ,
следующий .

Синонимы хотя и признаны
начало и начало неверны и должны быть
избегали.

<а> , <область> ,
<ссылка>
<форма>
помощь <а> , <область> ,
<форма> , <ссылка>
Нет.
значок Определяет ресурс для представления страницы в пользовательском интерфейсе,
обычно значок (слуховой или визуальный). В браузере обычно
называется фавикон.

Если
есть несколько s, браузер
использует свой носитель ,
типа и
размеров атрибутов для выбора
самый подходящий значок. Если несколько значков одинаково подходят,
используется последний. Если позднее окажется, что наиболее подходящим значком является
неуместным, например, потому что он использует неподдерживаемый формат,
браузер переходит к следующему наиболее подходящему и так далее.

Примечание: iOS от Apple не использует этот тип ссылки, ни
атрибут размеров , например
другие мобильные браузеры, чтобы выбрать значок веб-страницы для веб-клипа или
стартовый заполнитель. Вместо этого он использует нестандартный
сенсорный значок Apple
и
изображение запуска Apple-Touch
соответственно.

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

<ссылка> <а> , <область> ,
<форма>
индекс Not for use in new websites.»>
Устаревший
Указывает, что страница является частью иерархической структуры и
что гиперссылка ведет к ресурсу верхнего уровня этой структуры.

Если
также присутствует один или несколько типов ссылок от до , количество
из них до указывает глубину текущей страницы в
иерархия.

<а> , <область> ,
<ссылка>
<форма>
последний
Устаревший
Указывает, что гиперссылка ведет к последним ресурсам
последовательность текущая страница.

Примечание:
Другие типы ссылок, относящиеся к связыванию ресурсов в той же последовательности:
первый , предыдущий ,
следующий .

Хотя синоним признан
end неверно, и его следует избегать.

<а> , <область> ,
<ссылка>
<форма>
лицензия Указывает, что гиперссылка ведет на документ, описывающий
лицензионная информация. Если не внутри
элемент, стандарт не
различать гиперссылку, относящуюся к определенной части
документа или документа в целом. Только данные на странице могут
указать это.

Примечание: Хотя распознано,
синоним авторское право неверен и его следует избегать.

<а> , <область> ,
<форма> , <ссылка>
Нет.
манифест Указывает, что связанный файл является
Манифест веб-приложения.
<ссылка> <а> , <область> ,
<форма>
я Указывает, что текущий документ представлен лицом, которому
ссылки со значением `me`. Значение `me` обычно используется в распределенных формах.
проверки, например RelMeAuth.
<ссылка> , <а> <область> , <форма>
модуль предварительной загрузки Инициирует раннюю (и высокоприоритетную) загрузку скриптов модуля. <ссылка> <а> , <область> ,
<форма>
следующий Указывает, что гиперссылка ведет на следующий ресурс
последовательность текущая страница.

Примечание:
Другие типы ссылок, относящиеся к связыванию ресурсов в той же последовательности:
первый , предыдущий , последний .

<а> , <область> ,
<форма> , <ссылка>
Нет.
nofollow Указывает, что связанный документ не одобрен автором этого
один, например, если он не имеет над ним контроля, если это плохой пример или
если между ними есть коммерческие отношения (проданная ссылка). Этот
тип ссылки может использоваться некоторыми поисковыми системами, использующими рейтинг популярности
методы.
<а> , <область> ,
<форма>
<ссылка>
ноупер

Указывает браузеру открыть ссылку без предоставления нового
контекстный доступ к документу, открывшему его — не
установка свойства Window. opener на
открытое окно (возвращает null ).

Это
особенно полезно при открытии ненадежных ссылок, чтобы обеспечить
они не могут вмешиваться в исходный документ через
Window.opener свойство (см.
О rel=noopener
для более подробной информации), по-прежнему предоставляя Referer HTTP
заголовок (если также не используется noreferrer ).

Обратите внимание, что при использовании noopener непустые имена целей
кроме _top , _self и
_parent обрабатываются как _blank с точки зрения
принятия решения об открытии нового окна/вкладки.

<а> , <область> ,
<форма>
<ссылка>
нереферер

Запрещает браузеру при переходе на другую страницу отправлять это
адрес страницы или любое другое значение в качестве реферера через
Реферер: HTTP-заголовок.
(в Firefox до Firefox
37, это работало только в ссылках, найденных на страницах. Ссылки, нажатые в пользовательском интерфейсе,
типа «Открыть в новой вкладке» через контекстное меню, проигнорировал это).

<а> , <область> ,
<форма>
<ссылка>
открывалка
Экспериментальный

Отменяет неявное добавление rel="noopener" для ссылок с
target="_blank" (см.
связанное обсуждение спецификации HTML,
изменение WebKit и
Обсуждение ошибок Firefox).

<а> , <область> ,
<форма>
<ссылка>
обратная связь Определяет URI внешнего ресурса для вызова, если кто-то хочет оставить комментарий.
или цитата о веб-странице. Протокол, используемый для такого вызова
определяется в
Пингбэк 1.0
Спецификация.

Примечание: , если
X-Pingback: HTTP-заголовок также присутствует, он заменяет
элемент с этим типом ссылки.

<ссылка> <а> , <область> ,
<форма>
предварительное соединение

Экспериментальный
Предоставляет подсказку браузеру, предлагая ему открыть соединение с
связанный веб-сайт заранее, без раскрытия каких-либо личных
информацию или загрузку любого контента, так что, когда ссылка
после этого связанный контент может быть получен быстрее.
<ссылка> <а> , <область> ,
<форма>
предварительная выборка Предлагает браузеру заранее получить связанный ресурс, как это
может быть запрошено пользователем. Начиная с Firefox 44, значение
атрибута crossorigin
принимать во внимание, что позволяет сделать анонимным
предварительная выборка.

Примечание:
Часто задаваемые вопросы о предварительной выборке ссылок
содержит подробную информацию о том, какие ссылки могут быть предварительно загружены, и об альтернативных методах.

<ссылка> <а> , <область> ,
<форма>
предварительная нагрузка Сообщает браузеру загрузить ресурс, потому что этот ресурс будет
потребуется позже во время текущей навигации. Видеть
Предварительная загрузка контента с помощью rel=»preload»
Больше подробностей.
<ссылка> <а> , <область> ,
<форма>
пререндеринг
Expect behavior to change in the future.»>
Экспериментальный
Предлагает браузеру заранее получить связанный ресурс, и что
он также отображает предварительно выбранный контент за пределами экрана, чтобы его можно было быстро
представленные пользователю один раз в случае необходимости.
<ссылка> <а> , <область> ,
<форма>
предыдущий Указывает, что гиперссылка ведет к ресурсу , предшествующему ресурса
последовательность , в которой находится текущая страница.

Примечание:
Вы также можете использовать ключевое слово next , чтобы указать ссылку на
следующую страницу в последовательности.

Хотя синоним признан
предыдущий неверен, и его следует избегать.

<а> , <область> ,
<ссылка> , <форма>
Нет.
поиск Указывает, что гиперссылка ссылается на документ, интерфейс которого
специально разработан для поиска в этом документе или на сайте, и его
Ресурсы.

Если введите
атрибут установлен на
application/opensearchdescription+xml ресурс является
Плагин OpenSearch, который может быть
легко добавляется в интерфейс некоторых браузеров, таких как Firefox или Internet
Исследователь.

<а> , <область> ,
<ссылка> , <форма>
Нет.
короткая ссылка короткая ссылка Спецификация
Из Википедии, свободной энциклопедии:
Сокращение URL-адреса
Некоторые веб-сайты создают короткие ссылки для обмена ссылками через
обмен мгновенными сообщениями проще.
<ссылка> ???
боковая панель

Нестандартный

Устаревший
Указывает, что гиперссылка ведет на ресурс, который будет лучше
подходит для вторичного контекста просмотра, например, боковая панель .
Браузеры, не имеющие такого контекста, будут игнорировать это ключевое слово.

Пока
когда-то входивший в спецификацию HTML, он был удален из спецификации.
и реализован только в версиях Firefox до Firefox 63.

<а> , <область> ,
<ссылка>
<форма>
таблица стилей Определяет внешний ресурс, который будет использоваться в качестве таблицы стилей. Если
тип не установлен, браузер должен предположить, что это
Таблица стилей text/css до дальнейшей проверки.

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

<ссылка> <а> , <область> ,
<форма>
бирка Указывает, что гиперссылка указывает на документ, описывающий
тег , относящийся к этому документу.

Примечание:
Этот тип ссылки не следует устанавливать для ссылок на членов облака тегов, поскольку
они применяются не к одному документу, а к набору страниц.

<а> , <область> <ссылка> , <форма>
до

This entry was posted in Популярное