<ссылка> против <a>: когда использовать один поверх другого?

Question

<ссылка> против <a>: когда использовать один поверх другого?

У меня есть некоторая путаница между <link> а также <a>,

Я знаю, что для добавления CSS в документ HTML мы используем <link> тег, например:

<link type="text/css" rel="stylesheet" href="/spinner/styles.css?ln=css" />

Но я не могу понять, почему мы не используем якорь <a> тег (так как он содержит те же необходимые атрибуты), что-то вроде:

 <a type="text/css" rel="stylesheet" href="/spinner/styles.css?ln=css" />

Являются ли эти два тега взаимозаменяемыми? Кроме того, если это возможно, то как мы выбираем одно над другим и почему?

Обновить:

Я получил это замешательство, потому что я видел в полной справочной книге HTML & CSS относительно rel атрибут <a> Отметьте, что:

rel: Для якорей, содержащих href атрибут, этот атрибут определяет отношение целевого объекта к объекту ссылки.

Поэтому я подумал, что он может выполнять ту же функцию, что и <link> тег.

44

html hyperlink anchor stylesheet-link-tag

Источник

user4170582 21 фев '15 в 19:06

4 ответа

Решение

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

Но если вы хотите создать ссылку, позволяющую пользователям загружать CSS-файл, вы можете сделать это

<a type="text/css" rel="stylesheet" href="/spinner/styles.css?ln=css">Download css</a>

11

Источник

user679340 21 фев '15 в 19:17

Да, Джон прав,

Еще одно дополнение к его ответу:

Любая вещь в <a>insideanchortag</a> виден конечному пользователю

Но вы не можете увидеть <link /> Данные в представлении конечного пользователя, они видны только в элементе проверки.

10

Источник

user4542725 21 фев '15 в 19:28

ПОЦЕЛУЙ очень просто

ССЫЛКА == входящий объект

A == исходящий объект

0

Источник

user2299468 22 май '23 в 20:39

Другие вопросы по тегам html hyperlink anchor stylesheet-link-tag

user599436 21 фев '15 в 19:21 2015-02-21 19:21 · Accepted Answer · 2015-02-21 19:21

Атрибуты не совпадают с тегом, в котором они находятся.

<link /> пустой элемент, то есть внутри него ничего не может быть. Все, что он делает, это указывает на связь с другим документом. Кроме того, <link> тег используется только в <head> раздел.

<a></a> с другой стороны, не является пустым элементом и указывает на объект, который будет создан на странице - например, на интерактивную ссылку или изображение, - которое переносит пользователя в другое место. Этот тег используется только в <body> раздел.

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