Creating hyperlinks
Содержание:
- Параметр MEDIA
- Атрибуты[править | править код]
- Creating Links in HTML
- Пример использования
- HTML Tags
- HTML Tags
- Зачем использовать nofollow
- Гиперссылка в Excel — создание, изменение и удаление
- Использование атрибута rel=alternate hreflang=x
- #
- HTML Reference
- HTML Tags
- Jump Links
- Атрибуты
- Примеры
- Что такое nofollow
- Как сделать картинку ссылкой
- Атрибуты HTML-элемента link
Параметр MEDIA
| HTML: | 3.2 | 4 | XHTML: | 1.0 | 1.1 |
Описание
Определяет устройство, для которого следует применять стилевое оформление. Это позволяет сделать разный стиль для отображения документа на экране монитора и при его печати. Допускается писать несколько аргументов через запятую.
Аргументы
- all
- Все устройства .
- screen
- Экран монитора.
- Печатающее устройство вроде принтера.
- projection
- Проектор.
- braille
- Устройства, основанные на системе Брайля, которые предназначены для слепых людей.
- speech
- Речевые синтезаторы, а также программы для воспроизведения текста вслух. Сюда, например, можно отнести речевые браузеры.
Атрибуты[править | править код]
Личностьправить | править код
Особенностью Линка, а также других персонажей является несколько разных воплощений во всей серии Legend of Zelda. Поначалу его показывают сонным или ленивым, особенно в какой-то момент в начале каждой игры, кроме первых двух, Majora’s Mask, Oracle games, Four Swords, Four Swords Adventures, Twilight Princess и Tri Force Heroes, он спит или задремал.
Поскольку Линк обычно не разговаривает, его личность в основном определяется его действиями или комментариями других о нём. В настоящее время только одно воплощение Линка когда-либо показывался, как говорящий персонаж, и это был Тень Героя; сожалеющий Герой Времени.
Показано, что Линк обладает основными характеристиками, найденными в героическом характере; храбрость, сострадание, решительность и мудрость. Он даже хотел бы спасти других персонажей, которые были его врагами. Эти характеристики (наряду с его невинностью) позволяют ему без проблем пользоваться Трифорсом.
Он также предан близким. Это часто проявляется в каждой серии, поскольку он защищает Зельду и других от любого зла, которое угрожает им без колебаний, несмотря на их неуважение к нему.
Способностиправить | править код
Показано, что в некоторых его приключениях Линк имеет определенную степень способности к рукопашному бою (например, сумо-борьба Горонов в Twilight Princess), а также степень сверхчеловеческой силы (подъем тяжелых существ и предметов, таких как Осколок Колоктуса в Skyward Sword); однако он иногда изображается как совершенно беззащитный без меча или другого оружия, как показано в Wind Waker, когда он теряет меч в Отрекшейся Крепости, он должен полагаться на скрытность, чтобы пройти его, и если он замечен, он сдаётся без сопротивления.
Это можно объяснить тем, что Линк из Wind Waker (а также некоторые другие его воплощения) был маленьким ребенком, тогда как в The Adventure of Link, Ocarina Of Time (во второй половине истории) Twilight Princess и Skyward Sword уже в подростковом возрасте, поэтому они более мощные и опытные, чем их предыдущие коллеги. Ярким примером такого сравнения было бы то, что Линк не смог победить врагов Бабл в The Legend of Zelda, но мог сделать это в The Adventure of Link.
Некоторые воплощения Линка также могут использовать магию, как показано в The Adventure of Link, A Link to the Past, Ocarina of Time, и The Wind Waker.
Creating Links in HTML
A link or hyperlink is a connection from one web resource to another. Links allow users to move seamlessly from one page to another, on any server anywhere in the world.
A link has two ends, called anchors. The link starts at the source anchor and points to the destination anchor, which may be any web resource, for example, an image, an audio or video clip, a PDF file, an HTML document or an element within the document itself, and so on.
By default, links will appear as follow in most of the browsers:
- An unvisited link is underlined and blue.
- A visited link is underlined and purple.
- An active link is underlined and red.
However, you can overwrite this using CSS. Learn more about styling links.
Пример использования
<link>
HTML 5 - <link rel = "stylesheet" href = "css/styles.css"> HTML 4.01 - <link rel = "stylesheet" type = "text/css" href = "css/styles.css"> XHTML - <link rel = "stylesheet" type = "text/css" href = "css/styles.css">
Для всех типов документов необходимы два атрибута:
- rel = «stylesheet» — указывает тип ссылки (в нашем случае таблица стилей).
- href — задает URL-адрес местонахождения внешнего CSS-файла (принцип действия аналогичен атрибуту src тега <img> ).
При необходимости можно добавить несколько таблиц стилей, используя несколько тегов <link>, которые ссылаются на различные таблицы стилей.
Рассмотрим пример в котором установим определенные стили, которые браузер будет использовать при просмотре страниц, а другие при печати страниц (в нашем случае для экономии ресурса принтера — цвет всех элементов черный, а цвет заднего фона белый).
Для просмотра страниц пользователями мы установим следующие CSS стили (файл tag_link.css), которые свяжем с документом, используя элемент <link>:
h2 {color: brown;} /* устанавливаем цвет элемента - коричневый */
p {color: red;} /* устанавливаем цвет элемента - красный */
body {background-color: khaki;} /* устанавливаем цвет заднего фона - хаки */
Следующие CSS стили мы будем использовать при печати и предварительном просмотре страницы, вынесем их тоже в отдельный файл CSS (файл tag_link_print.css) и свяжем с документом, используя элемент <link>, а именно:
h2, p {color: #000;} /* групповой селектор устанавливает цвет элементов - черный */
body {background-color: #FFF; } /* устанавливаем цвет заднего фона - белый */
Теперь полный пример:
<!DOCTYPE html> <html> <head> <title>Пример использования атрибута media HTML тега <style></title> <link rel = "stylesheet" href = "../tag_link.css"> <link media = "print" rel = "stylesheet" href = "../tag_link_print.css"> </head> <body> <h2>Утконос</h2> <p><b>Утконос (лат. Ornithorhynchus anatinus)</b> — водоплавающее млекопитающее отряда однопроходных, обитающее в Австралии. Это единственный современный представитель семейства утконосовых (Ornithorhynchidae); вместе с ехиднами образует отряд однопроходных (Monotremata) — млекопитающих, по ряду признаков близких к рептилиям. Это уникальное животное является одним из символов Австралии; оно изображено на реверсе австралийской монеты в 20 центов.</p> </body> </html>
Ниже показано как этот пример отображается в браузере, а на изображении как пример отображается в предварительном просмотре печати страницы (стили, которые мы установили для печати):
Пример использования атрибута media HTML тега link (таблицы стилей для конкретных типов устройств).
HTML Tags
<!—><!DOCTYPE><a><abbr><acronym><address><applet><area><article><aside><audio><b><base><basefont><bdi><bdo><big><blockquote><body><br><button><canvas><caption><center><cite><code><col><colgroup><data><datalist><dd><del><details><dfn><dialog><dir><div><dl><dt><em><embed><fieldset><figcaption><figure><font><footer><form><frame><frameset><h1> — <h6><head><header><hr><html><i><iframe><img><input><ins><kbd><label><legend><li><link><main><map><mark><meta><meter><nav><noframes><noscript><object><ol><optgroup><option><output><p><param><picture><pre><progress><q><rp><rt><ruby><s><samp><script><section><select><small><source><span><strike><strong><style><sub><summary><sup><svg><table><tbody><td><template><textarea><tfoot><th><thead><time><title><tr><track><tt><u><ul><var><video>
HTML Tags
<!—><!DOCTYPE><a><abbr><acronym><address><applet><area><article><aside><audio><b><base><basefont><bdi><bdo><big><blockquote><body><br><button><canvas><caption><center><cite><code><col><colgroup><data><datalist><dd><del><details><dfn><dialog><dir><div><dl><dt><em><embed><fieldset><figcaption><figure><font><footer><form><frame><frameset><h1> — <h6><head><header><hr><html><i><iframe><img><input><ins><kbd><label><legend><li><link><main><map><mark><meta><meter><nav><noframes><noscript><object><ol><optgroup><option><output><p><param><picture><pre><progress><q><rp><rt><ruby><s><samp><script><section><select><small><source><span><strike><strong><style><sub><summary><sup><svg><table><tbody><td><template><textarea><tfoot><th><thead><time><title><tr><track><tt><u><ul><var><video>
Зачем использовать nofollow
Основные причины, почему вам следует использовать nofollow-ссылки на своем сайте:
- чтобы избежать накрутки ссылочного веса авторами (если на сайте можно публиковать свои материалы) – даже если запись будет рекламная, при простановке nofollow сайт-источник не сможет получить никаких преимуществ для SEO;
- чтобы уменьшить количество спама в комментариях (от спамеров, которые хотят продвинуть таким образом свой ресурс);
- чтобы помечать ссылки с потенциально опасным контентом (если вы не уверены в качестве материала, на который ссылаетесь, и не хотите отдавать ему ссылочный вес); грубо говоря, для того, чтобы избежать ассоциаций с сайтом, на который вы по какой-то причине ссылаетесь, потому что ссылки на сомнительные сайты негативно влияют на репутацию вашего сайта.
Кстати, прочитав все это, вы можете задаться вопросом: а стоит ли вообще ставить обычные исходящие ссылки, без nofollow? В целом – да. Потому что (удивительно, но факт) они могут положительно влиять на продвижение вашего сайта в поисковых системах. Например, если вы будете ссылаться на трастовый сайт (Википедия и т.д.), то это поможет поднять и рейтинг вашего сайта.
Гиперссылка в Excel — создание, изменение и удаление
Гиперссылки автоматизируют рабочий лист Excel за счет добавления возможности в один щелчок мыши переходить на другой документ или рабочую книгу, вне зависимости находиться ли данный документ у вас на жестком диске или это интернет страница.
Существует четыре способа добавить гиперссылку в рабочую книгу Excel:
1) Напрямую в ячейку
2) C помощью объектов рабочего листа (фигур, диаграмм, WordArt…)
3) C помощью функции ГИПЕРССЫЛКА
4) Используя макросы
Добавление гиперссылки напрямую в ячейку
Чтобы добавить гиперссылку напрямую в ячейку, щелкните правой кнопкой мыши по ячейке, в которую вы хотите поместить гиперссылку, из раскрывающегося меню выберите Гиперссылка
Либо, аналогичную команду можно найти на ленте рабочей книги Вставка -> Ссылки -> Гиперссылка.
Привязка гиперссылок к объектам рабочего листа
Вы также можете добавить гиперссылку к некоторым объектам рабочей книги: картинкам, фигурам, надписям, объектам WordArt и диаграммам. Чтобы создать гиперссылку, щелкните правой кнопкой мыши по объекту, из выпадающего меню выберите Гиперссылка.
Либо, аналогичным способом, как добавлялась гиперссылка в ячейку, выделить объект и выбрать команду на ленте. Другой способ создания – сочетание клавиш Ctrl + K – открывает то же диалоговое окно.
Обратите внимание, щелчок правой кнопкой мыши на диаграмме не даст возможность выбора команды гиперссылки, поэтому выделите диаграмму и нажмите Ctrl + K
Добавление гиперссылок с помощью формулы ГИПЕРССЫЛКА
Гуперссылка может быть добавлена с помощью функции ГИПЕРССЫЛКА, которая имеет следующий синтаксис:
Адрес указывает на местоположение в документе, к примеру, на конкретную ячейку или именованный диапазон. Адрес может указывать на файл, находящийся на жестком диске, или на страницу в интернете.
Имя определяет текст, который будет отображаться в ячейке с гиперссылкой. Этот текст будет синего цвета и подчеркнут.
Например, если я введу в ячейку формулу =ГИПЕРССЫЛКА(Лист2!A1; «Продажи»). На листе выглядеть она будет следующим образом и отправит меня на ячейку A1 листа 2.
Чтобы перейти на страницу интернет, функция будет выглядеть следующим образом:
=ГИПЕРССЫЛКА(«http://exceltip.ru/»;»Перейти на Exceltip»)
Чтобы отправить письмо на указанный адрес, в функцию необходимо добавить ключевое слово mailto:
Использование атрибута rel=alternate hreflang=x
Допустим, что у вас есть русскоязычная страница http://www.example.com/ и её испанская версия http://es.example.com Одним из двух способов вы можете сообщить Google, что под другим URL находится испаноязычный аналог русской версии сайта:
- Элемент HTML link – в разделе HTML <head> по адресу http://www.example.com/ поместите элемент ссылку на испанскую версию этого сайта (http://es.example.com/): <link rel=»alternate» hreflang=»es» href=»http://es.example.com/» />
- HTTP заголовок – при публикации файлов в формате, отличном от HTML (например, PDF), вы можете указать другую языковую версию URL с помощью HTTP-заголовка: Ссылка: <http://es.example.com/>; rel=»alternate»; hreflang=»es»
Если у вас есть несколько языковых версий URL, в каждой вы должны использовать атрибут rel=»alternate» hreflang=»x» для указания других.
Например, если веб-сайт содержит материалы на французском, английском и русском языках, сайт на русском языке должен содержать ссылки с атрибутами rel=»alternate» hreflang=»x» на английскую и французскую версию, а они, в свою очередь, должны содержать аналогичные ссылки, указывающие на две другие версии.
#
Questo simbolo # (pound o cancelletto) seguito dal nome che è stato assegnato con l’attributo name permette di saltare nel punto esatto in cui l’etichetta è stata posizionata, si veda la spiegazione di name un paio di righe sopra. Vediamo un esempio pratico:
<a href=»#weblink»></a>
per saltare all’etichetta WebLink definita qualche riga sopra con la descrizione dell’attributo name.
Si possono richiamare punti precisi presenti su altre pagine web, facendo precedere al nome dell’etichetta creata con name, il nome della pagina o l’intero percorso: <a href=»http://www.web-link.it/html/link.htm#weblink»></a>
http:// questo tipo di ancora è senza dubbio la più adoperata e serve per richiamare altre pagine usando l’indirizzo assoluto nel web. E’ sufficiente specificare l’intero percorso. Vediamo un esempio pratico:
<a href=»http://www.ilmioforum.com»>clicca qui</a> per accedere al forum di Web-Link.
clicca qui per accedere al forum di Web-Link.
HTML Reference
HTML by AlphabetHTML by CategoryHTML Browser SupportHTML AttributesHTML Global AttributesHTML EventsHTML ColorsHTML CanvasHTML Audio/VideoHTML Character SetsHTML DoctypesHTML URL EncodeHTML Language CodesHTML Country CodesHTTP MessagesHTTP MethodsPX to EM ConverterKeyboard Shortcuts
HTML Tags
<!—>
<!DOCTYPE>
<a>
<abbr>
<acronym>
<address>
<applet>
<area>
<article>
<aside>
<audio>
<b>
<base>
<basefont>
<bdi>
<bdo>
<big>
<blockquote>
<body>
<br>
<button>
<canvas>
<caption>
<center>
<cite>
<code>
<col>
<colgroup>
<data>
<datalist>
<dd>
<del>
<details>
<dfn>
<dialog>
<dir>
<div>
<dl>
<dt>
<em>
<embed>
<fieldset>
<figcaption>
<figure>
<font>
<footer>
<form>
<frame>
<frameset>
<h1> — <h6>
<head>
<header>
<hr>
<html>
<i>
<iframe>
<img>
<input>
<ins>
<kbd>
<label>
<legend>
<li>
<link>
<main>
<map>
<mark>
<meta>
<meter>
<nav>
<noframes>
<noscript>
<object>
<ol>
<optgroup>
<option>
<output>
<p>
<param>
<picture>
<pre>
<progress>
<q>
<rp>
<rt>
<ruby>
<s>
<samp>
<script>
<section>
<select>
<small>
<source>
<span>
<strike>
<strong>
<style>
<sub>
<summary>
<sup>
<svg>
<table>
<tbody>
<td>
<template>
<textarea>
<tfoot>
<th>
<thead>
<time>
<title>
<tr>
<track>
<tt>
<u>
<ul>
<var>
<video>
<wbr>
Jump Links
You can make your links «jump» to other sections within the same page (or another page). These used to be called «named anchors», but they’re often referred to as jump links, bookmarks, or fragment identifiers.
Here’s how to link to the same page:
-
Add an ID to the Link Target
Add an ID to the part of the page that you want the user to end up. To do this, use the attribute. The value should be some short descriptive text. The attribute is a commonly used attribute in HTML.
<h2 id=»elephants»>Elephants</h2>
-
Create the Hyperlink
Now create the hyperlink (that the user will click on). This is done by using the of the link target, preceded by a hash () symbol:
<a href=»#elephants»>Jump to Elephants</a>
So these two pieces of code are placed in different parts of the document. Something like this:
<!DOCTYPE html>
<html>
<title>Example</title>
<body>
<p><a href=»#elephants»>Jump to Elephants</a></p>
<h2>Cats</h2>
<p>All about cats.</p>
<h2>Dogs</h2>
<p>All about dogs.</p>
<h2>Birds</h2>
<p>All about birds.</p>
<h2 id=»elephants»>Elephants</h2>
<p>All about elephants.</p>
<h2>Monkeys</h2>
<p>All about monkeys.</p>
<h2>Snakes</h2>
<p>All about snakes.</p>
<h2>Rats</h2>
<p>All about rats.</p>
<h2>Fish</h2>
<p>All about fish.</p>
<h2>Buffalo</h2>
<p>All about buffalo.</p>
</body>
</html>
It doesn’t have to be the same page. You can use this method to jump to an ID of any page. To do this, simply add the destination URL before the hash () symbol. Example:
<a href=»http://www.example.com#elephants»>Jump to Elephants</a>
Of course, this assumes that there’s an ID with that value on the page.
Атрибуты
| Атрибут | Значение | Описание |
|---|---|---|
| charset | char_encoding | Не поддерживается в HTML5.Определяет кодировку, связанного документа. |
| crossorigin | anonymoususe-credentials |
Атрибут определяет, используется ли CORS при загрузке. У этого атрибута есть 2 допустимых значения:anonymous В этом случае перед загрузкой выполняется кросс-доменный запрос (Origin: HTTP header), при этом не передаются параметры доступа (такие как: cookie, сертификат X.509, логин/пароль для базовой аутентификации по HTTP). В ответе сервера должен присутствовать заголовок Access-Control-Allow-Origin: HTTP header.use-credentials Перед загрузкой выполняется кросс-доменный запрос (Origin: HTTP header) с указанием параметров доступа (в виде — cookie, сертификата или пары логин/пароль). В ответе сервера должен присутствовать заголовок Access-Control-Allow-Origin: HTTP header. Если данный атрибут не задан, то CORS при загрузке не используется (отcутствует заголовок Origin: HTTP header). При неверном значении атрибута (содержится некорректное значение) используется значение anonymous. |
| href | URL | Определяет местоположение связанного документа. |
| hreflang | language_code | Определяет язык текста связанного документа. |
| media | media_query | Указывает, что файл адаптирован (оптимизирован) под определённые виды устройств. Атрибут может принимать несколько значений и используется, чтобы указать стиль для речевых или печатных устройств, для определенных моделей смартфонов и так далее. |
| rel | alternatearchivesauthorbookmarkexternalfirsthelpiconlastlicensenextnofollownoreferrerpingbackprefetchprevsearchsidebarstylesheettagup | Указывает отношение между текущим документом и связанным документом (на который ведёт ссылка).Обязательный атрибут. |
| rev | reversed relationship | Не поддерживается в HTML5.Указывает отношение между текущим документом и связанным документом (на который ведёт ссылка). |
| sizes | Height x Widthany | Определяет размер связанной иконки. Только для rel = «icon»). |
| target | _blank_parent_self_topframename | Не поддерживается в HTML5.Указывает, где будет загружен документ (окно/фрейм). |
| type | media_type | Указывает MIME-тип документа на который осуществляется переход. |
Примеры
В следующем примере предоставляется информация о документе с помощью HTML-элемента link с различными типами гиперссылок (в частности, link rel=»stylesheet», используемый для указания ссылки на таблицу CSS-стилей):
<!DOCTYPE html>
<html>
<head>
<title>Фильм "Звездные войны: Новая надежда"</title>
<link rel="license" href="copyright.html">
<link rel="next" href="the-empire-strikes-back.html">
<link rel="search" href="movies-search.html">
<link rel="alternate" hreflang="es" href="es/una-nueva-esperanza.html">
<link rel="stylesheet" href="default.css">
<link rel="stylesheet alternate" media="print" href="print.css">
<link rel="icon" sizes="16x16" href="a-new-hope-16.png">
</head>
<body>
<h1>Новая надежда</h1>
<p>После падения демократии и восстановления империи надежда была утеряна...</p>
</body>
</html>
Что такое nofollow
Nofollow-ссылки называются так по названию тега, который проставляется для таких ссылок. В HTML существует тег <a>, который используется в коде страниц для создания ссылок. Один из атрибутов этого тега – rel; он определяет отношения между ссылаемой и текущей страницами. Этот атрибут имеет много значений, одно из которых – nofollow. Выглядит это вот так:
<a href="http://primer.ru" rel="nofollow">Интересная статья</a>
Атрибут “Nofollow” как раз и отвечает за то, чтобы страница, на которую вы ссылаетесь, не увеличила свой ссылочный вес благодаря этой ссылке. Иными словами, по этой ссылке не передается индекс цитирования (который использует Яндекс) и PageRank (который использует Google).
Как сделать картинку ссылкой
Так как тег img для вставки изображения является строчным элементом html-страницы, то просто вставляем этот тег внутрь тега «А» вместо текста:
Этот html-код создаст изображение-ссылку. В результате на странице отобразится картинка, вся область которой станет кликабельной и при щелчке по ней произойдет переход по указанному в коде адресу.
Кроме этого простого варианта создания картинки-гиперссылки, html позволяет превратить в гиперссылку часть графического изображения. Более того, имеется возможность разбить изображение на части, каждое из которых будет представлять из себя гиперссылку, указывающей на свой интернет-адрес. Такой вариант называется картой изображений.
В настоящее время карта изображений используется редко, так как для этого требуется очень большое число тегов и html-код становится громоздким и запутанным.
Изображение-карта создается в три этапа:
- Создание самого изображения с помощью тега img: img src=»map.jpg»
- Создание карты с помощью парного тега map. С помощью обязательного атрибута name этого тега задается уникальное в пределах страницы имя карты. Далее необходимо привязать карту к изображению с помощью атрибута usemap тега img, значением которого должно состоять из символа # и имени карты:
- Создание описаний областей гиперссылок с помощью одинарных тегов area. Данные тег должен содержать атрибуты: shape — форма области, coords — координаты области и href — адрес гиперссылки. Эти описания помещают внутрь тега map.
Примерно так выглядит полный html-код, создающий карту изображения:
Здесь мы создали одну прямоугольную область, указывающую на главную страницу сайта webcodius, одну круглую область, указывающую на страницу со всеми статьями этого же сайта, и одну многоугольную область не имеющей ссылки.
Атрибуты HTML-элемента link
HREF
Наличие этого атрибута является обязательным. Если он отсутствует или имеет значение, которое не является допустимым URI, элемент не определяет ссылку.
Пример
<link rel="stylesheet" href="../styles/default.css">
CROSSORIGIN
Указывает, должен ли запрос к внешнему серверу предоставлять учетные данные CORS или нет. Допустимы два значения (без учета регистра):
- anonymous: CORS запросы к элементу будут содержать установленный флаг «omit credentials«;
- use-credentials: CORS запросы к элементу не будут содержать установленный флаг «omit credentials«.
Пример
<link rel="icon" href="http://www.otherserver.com/icons/default.png" crossorigin="anonymous">
REL
Атрибут HTML link rel содержит разделенный пробелами список типов ссылок, указывающий, какое значение связанный ссылкой ресурс имеет для документа (содержащего ссылку).
Элемент link должен содержать либо атрибут rel, либо атрибут itemprop, но не оба сразу. Атрибут href также является обязательным.
Пример
<link rel="prev" href="article1.html"> <link rel="next" href="article3.html"> <link rel="license" href="copyright.html"> <link rel="alternate" href="spanish-version.html" hreflang="es">
MEDIA
Список медиа-запросов с указанием типов медиа (и их характеристик), для которых предназначен связанный ссылкой ресурс. Например, документ или ресурс может быть оптимизирован для печати (меньше цветов, изображений и фоновых тонов), под мобильные устройства или обычные экраны. Значение по умолчанию -«all«.
Пример
<link rel="alternate" href="printer-version.html" media="print">
HREFLANG
Этот HTML link tag указывает язык, который будет использоваться в связанном ссылкой ресурсе (указан в атрибуте HREF).
Пример
<link rel="alternate" hreflang="es" href="spanish-version.html">
TYPE
Тип контента (или Internet Media Type), который должен содержать связанный ресурс.
Пример
<link rel="icon" href="icon.png" type="image/png"> <link rel="next" href="article2.html" type="text/html">
SIZES
Разделенный пробелами список с размерами иконки ссылки. Каждый размер может состоять из двух целых чисел, разделенных буквой «х«, или из специального ключевого слова «any«, представляющего все возможные размеры. Каждое значение чувствительно к регистру.
Этот атрибут тега link в HTML должен объявляться только, когда присутствует атрибут rel и он имеет значение «icon«. Иначе ситуации его использование является недействительным.
Пример
<link rel="icon" href="icon.ico" sizes="64x64 32x32 16x16"> <link rel="icon" href="icon.svg" sizes="any">
CHARSET
Кодировка символов целевого ресурса. Этот атрибут является устаревшим и в HTML5 уже не используется. Вместо него разработчикам рекомендуется использовать HTTP-заголовки Content-Type, чтобы предоставить информацию о наборах символов в документах и других ресурсах.
Пример
<link rel="next" href="article2.html" charset="utf-8">
REV
Значение текущего документа (содержащего ссылку) для связанного ссылкой ресурса.
Этот атрибут HTML link tag является устаревшим и в HTML5 уже не используется. Разработчикам рекомендуется заменить его атрибутом rel.
Пример
<link rev="index" href="article1.html"> <link rev="index" href="article2.html"> <link rev="index" href="article3.html">
Данная публикация является переводом статьи «LINK ELEMENT» , подготовленная редакцией проекта.
Adblock