Я наткнулся на следующий фрагмент кода в исходном коде веб-сайта.
<link href="#" id="colour-scheme" rel="stylesheet">
Что это делает?
Я наткнулся на следующий фрагмент кода в исходном коде веб-сайта.
<link href="#" id="colour-scheme" rel="stylesheet">
Что это делает?
Возможно, некоторые таблицы стилей, которые будут загружены позже.
Это фактически абсолютно ничего, кроме пребывания на одной странице.
Это происходит из Anchors, которые позволяют перейти на часть страницы (точнее, на id).
Обычно это написано, чтобы сказать, что здесь следует ввести некоторую ссылку из-за ее неэффективности. Когда вы кодируете веб-сайт, часто полезно показывать ссылки, даже если страница, на которую ссылается ссылка, еще не существует. Это очень часто означает временное решение.
Как указано в ответах Ryan's и Tom's, его также можно было бы использовать для динамического загрузки Файлы CSS.
Без элемента base
он ничего не делает, за исключением ресурсов ресурсов браузера. По спецификациям URL #
в качестве URL-адреса является ссылкой на начало документа в текущем базовом URL-адресе. Так как тег должен быть в HTML-документе, он потерпит неудачу (либо потому, что документ обслуживается с типом содержимого HTML, либо после того, как браузер тщетно пытался разобрать HTML с помощью парсера CSS).
Если вы используете тег base
, который устанавливает базовый URL-адрес для одного, который ссылается на документ CSS, он будет технически работать, например.
<!doctype html>
<title>Demo</title>
<base href="http://www.cs.tut.fi/~jkorpela/basic.css">
<link href="#" id="colour-scheme" rel="stylesheet">
<h1>Hello world</h1>
Это было бы довольно ненормально, и это фактически помешало бы вам использовать относительные URL-адреса в противном случае в документе. Так что это всего лишь теоретическая возможность, а не то, что происходит на самом деле.
Вероятно, href="#"
является просто заполнителем здесь, чтобы быть перезаписанным кодом JavaScript или что-то в этом роде. Его плохой стиль кодирования по нескольким причинам. Было бы лучше опустить атрибут href
(хотя это технически недействительно в HTML5) и один из них вставлен динамически.
Использование тега # в теге ссылки обычно используется, чтобы вы могли использовать javascript позже, если URL-адрес неизвестен или его не нужно устанавливать по умолчанию.
Пример:
HTML
<link href="#" id="colour-scheme" rel="stylesheet">
JS
document.getElementById("colour-scheme").href="red.css";
Это позволяет вам установить URL-адрес таблицы стилей в JS, а не статически задавать местоположение.
Использование хеша (#) в качестве ссылки часто делается разработчиками, но для включения фактической ссылки, когда она не известна, однако, если она находится на реальном веб-сайте, может быть, что JavaScript используется для загрузки таблицы стилей на основе выбор цветовой схемы пользователей. Прежде чем они сделают этот выбор, цветовая схема не требуется, поэтому ссылка не указана, поэтому #.
href = uri
Этот атрибут определяет местоположение веб-ресурса, таким образом определяя связь между текущим элементом (якорем источника) и привязкой-получателем, определяемой этим атрибутом.
Обычно мы используем для вызова нашего css файла, например, ниже. Предположим, у меня есть html файл, и я хочу вызвать мой внешний файл css, в то время мне нужно использовать. Для получения дополнительной информации, пожалуйста, проверьте эту ссылку http://www.w3schools.com/tags/att_link_href.asp
My Guess, в соответствии с тегами ссылки html, в основном используется для связывания внешних файлов, таких как
href="theme.css"
Так как вы используете href= "#", он ничего не сделает/не будет служить для каких-либо целей.
<link href="#" id="colour-scheme" rel="stylesheet">
href :
Это указать местоположение файла CSS, который вы хотите импортировать на своей веб-странице.
при использовании href="#"
он не будет импортировать какой-либо файл CSS.