Link href default css

Атрибут – href

href – Этот атрибут определяет URL, связываемого ресурса. URL может быть абсолютным или относительным.

Атрибут – hreflang

hreflang – Этот атрибут определяет язык, связываемого ресурса. Допустимые значения определяются BCP47. Используйте этот атрибут только если присутствуют атрибуты href .

 href="https://google.com" hreflang="en">Google

Атрибут – type

type – Атрибут указывает тип MIME, такое как text/html , text/css и т.д. Обычно он используется для определения типа таблицы стилей, на которую делается ссылка (например, text/css ).

Атрибут – media

media – Этот атрибут указывает медиа – ресурс, который применяет связываемый ресурс. Его значение Значение должно быть допустимым списком медиа – запросов.

Атрибут – crossorigin

crossorigin – Атрибут указывает, должен ли CORS использоваться при загрузки ресурса. CORS – поддерживаемые изображения могут быть повторно использованы в элементе не искажая их. Допустимы значения:

anonymous – Cross-origin запрос выполняется, но учётные данные не отправляются .

Недопустимое значение атрибута по умолчанию — это анонимное состояние, а его отсутствующее значение по умолчанию — состояние без CORS.

use-credentials – Cross-origin запрос выполняется вместе с отправкой учётных данных .

 src="https://mysite/script.js" crossorigin="anonymous" >

Запросы CORS не будут передавать учетные данные.

 src="https://mysite/script.js" crossorigin="use-credentials" >

Запросы CORS будут передавать учетные данные.

Атрибут – rel

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

Атрибут – sizes

sizes – Атрибут определяет размеры иконок для визуальных средств массовой информации, содержащихся в ресурсе. Его значение, если оно есть, носит рекомендательный характер. Атрибут должен быть указан только на элементы – , у которых есть атрибут – rel , определяющий ключевое слово – icon, или ключевое слово – apple-touch-icon. Может иметь следующие значения:

any – Ключевое слово представляет , что ресурс содержит масштабируемую иконку, например , как это предусмотрено в векторном формате image/svg+xml.

Пробелоразделенный список размеров, каждый в формате x или X . Каждый из этих размеров должен содержаться в ресурсе.

Ключевое слово — any означает, что ресурс содержит растровый значок шириной в пиксели устройства по ширине и высотой в пиксели устройства по высоте .

Ключевые слова, указанные в атрибуте – sizes, должны представлять размеры значков, которых фактически находятся в связанном ресурсе.

  lang="en"> lsForums — Inbox rel=icon href=favicon.png sizes="16x16" type="image/png"> rel=icon href=windows.ico sizes="32x32 48x48" type="image/vnd.microsoft.icon"> rel=icon href=mac.icns sizes="128x128 512x512 8192x8192 32768x32768"> rel=icon href=iphone.png sizes="57x57" type="image/png"> rel=icon href=gnome.svg sizes="any" type="image/svg+xml"> rel=stylesheethref=lsforums.css> src=lsforums.js> name=application-name content="lsForums">

Атрибут – as

as – Атрибут используется только для элементов с атрибутом rel = «preload» или rel = «prefetch» . Он указывает тип контента, загружаемого , который необходим для определения приоритетов контента, сравнения запросов, применения корректного content security policy, и установки корректного Accept запрашиваемого заголовка.

Атрибут – color

color – Атрибут используется с типом связи – mask-icon. Атрибут должен быть указан только для элементов – , у которых есть атрибут – rel , содержащий ключевое слово – mask-icon . Значение должно быть строкой, соответствующей произведению CSS , определяя предлагаемый цвет, который пользователи могут использовать для настройки отображения значка, когда он закрепляет ваш сайт.

 rel="mask-icon" href="mask.svg" color="blue">

Атрибут – title

title – Атрибут дает название ссылки. За одним исключением, это чисто рекомендательный характер. Значение — текст. При использовании он определяет предпочтительную или альтернативную таблицу стилей. Исключение составляют ссылки на таблицы стилей в дереве документа , для которых атрибут – title определяет наборы таблиц стилей CSS.

 href="default.css" rel="stylesheet" title="Default Style"> href="fancy.css" rel="alternate stylesheet" title="Fancy"> href="basic.css" rel="alternate stylesheet" title="Basic">

Атрибут – disabled

disabled – Атрибут является логическим атрибутом , который используется с типом связи – stylesheet. Атрибут должен быть указан только для элементов – , у которых есть атрибут – rel , содержащий ключевое слово – stylesheet. В сочетании со скриптом, этот атрибут может использоваться для включения и выключения различных отношений таблицы стилей.

disabled — Динамическое удаление атрибута, например, с помощью document.querySelector(«link»).removeAttribute(«disabled») , вызовет и применит таблицу стилей:

 disabled rel="alternate stylesheet" href="css/pooh">

Атрибут – crossorigin

Атрибут – integrity

integrity – Содержит встроенные метаданные — криптографический хеш-код ресурса(файла) в кодировке base64 , который вы сообщаете браузеру для загрузки. Браузер может использовать его для проверки, что загруженный ресурс был получен без неожиданных манипуляций. Смотрите Subresource Integrity.

Атрибут – imagesrcset

imagesrcset – Атрибут может применяться и является атрибутом srcset .

Атрибуты imagesrcset и imagesizes должны быть указаны только для элементов – , которые имеют как атрибут – rel , определяющий ключевое слово preload , так и атрибут as в состоянии «image» .

Эти атрибуты позволяют предварительно загрузить соответствующий ресурс, который впоследствии используется элементом img, имеющим соответствующие значения атрибутов srcset и sizes

  rel="preload" as="image" imagesrcset="wolf_400px.jpg 400w, wolf_800px.jpg 800w, wolf_1600px.jpg 1600w" imagesizes="50vw">  src="wolf.jpg" alt="A rad wolf" srcset="wolf_400px.jpg 400w, wolf_800px.jpg 800w, wolf_1600px.jpg 1600w" sizes="50vw">

Атрибут imagesrcset можно комбинировать с атрибутом media для предварительной загрузки соответствующего ресурса, выбранного из источников элемента picture , для художественного направления :

  rel="preload" as="image" imagesrcset="dog-cropped-1x.jpg, dog-cropped-2x.jpg 2x" media="(max-width: 800px)">  rel="preload" as="image" imagesrcset="dog-wide-1x.jpg, dog-wide-2x.jpg 2x" media="(min-width: 801px)">   srcset="dog-cropped-1x.jpg, dog-cropped-2x.jpg 2x" media="(max-width: 800px)">  src="dog-wide-1x.jpg" srcset="dog-wide-2x.jpg 2x" alt="An awesome dog">

Интерфейс DOM

[Exposed=Window] interface HTMLLinkElement : HTMLElement < [HTMLConstructor] constructor(); [CEReactions] attribute USVString href; [CEReactions] attribute DOMString? crossOrigin; [CEReactions] attribute DOMString rel; [CEReactions] attribute DOMString as; // (default "") [SameObject, PutForwards=value] readonly attribute DOMTokenList relList; [CEReactions] attribute DOMString media; [CEReactions] attribute DOMString integrity; [CEReactions] attribute DOMString hreflang; [CEReactions] attribute DOMString type; [SameObject, PutForwards=value] readonly attribute DOMTokenList sizes; [CEReactions] attribute USVString imageSrcset; [CEReactions] attribute DOMString imageSizes; [CEReactions] attribute DOMString referrerPolicy; [CEReactions] attribute boolean disabled; // also has obsolete members >; HTMLLinkElement includes LinkStyle;

Источник

HTML Tag

The tag defines the relationship between the current document and an external resource.

The tag is most often used to link to external style sheets or to add a favicon to your website.

The element is an empty element, it contains attributes only.

Browser Support

Attributes

Attribute	Value	Description
crossorigin	anonymous use-credentials	Specifies how the element handles cross-origin requests
href	URL	Specifies the location of the linked document
hreflang	language_code	Specifies the language of the text in the linked document
media	media_query	Specifies on what device the linked document will be displayed
referrerpolicy	no-referrer no-referrer-when-downgrade origin origin-when-cross-origin unsafe-url	Specifies which referrer to use when fetching the resource
rel	alternate author dns-prefetch help icon license next pingback preconnect prefetch preload prerender prev search stylesheet	Required. Specifies the relationship between the current document and the linked document
sizes	HeightxWidth any	Specifies the size of the linked resource. Only for rel=»icon»
title	Defines a preferred or an alternate stylesheet
type	media_type	Specifies the media type of the linked document

Global Attributes

Event Attributes

Default CSS Settings

Most browsers will display the element with the following default values:

COLOR PICKER

Report Error

If you want to report an error, or if you want to make a suggestion, do not hesitate to send us an e-mail:

Thank You For Helping Us!

Your message has been sent to W3Schools.

Top References

Top Examples

Get Certified

W3Schools is optimized for learning and training. Examples might be simplified to improve reading and learning. Tutorials, references, and examples are constantly reviewed to avoid errors, but we cannot warrant full correctness of all content. While using W3Schools, you agree to have read and accepted our terms of use, cookie and privacy policy.

Источник

Link href default css