Search results
The MDN Web Docs site provides information about Open Web technologies including HTML, CSS, and APIs for both Web sites and progressive web apps.
- Learn Web Development
Welcome to the MDN learning area. This set of articles aims...
- Play
The MDN Web Docs site provides information about Open Web...
- Blog
The MDN blog publishes web development news, tutorials, and...
- HTML
HTML (HyperText Markup Language) is the most basic building...
- Advertise With US
The MDN Web Docs site provides information about Open Web...
- CSS
Cascading Style Sheets (CSS) is a stylesheet language used...
- About
MDN Web Docs is an open-source, collaborative project...
- Performance API
The following interfaces are present in the Performance API:...
- Learn Web Development
- Overview
- Try it
- Attributes
- Examples
- Browser compatibility
- See also
The HTML element specifies relationships between the current document and an external resource. This element is most commonly used to link to stylesheets, but is also used to establish site icons (both "favicon" style icons and icons for the home screen and apps on mobile devices) among other things.
To link an external stylesheet, you'd include a element inside your like this:
This simple example provides the path to the stylesheet inside an href attribute, and a rel attribute with a value of stylesheet. The rel stands for "relationship", and is one of the key features of the element — the value denotes how the item being linked to is related to the containing document.
There are a number of other common types you'll come across. For example, a link to the site's favicon:
There are a number of other icon rel values, mainly used to indicate special icon types for use on various mobile platforms, e.g.:
The sizes attribute indicates the icon size, while the type contains the MIME type of the resource being linked. These provide useful hints to allow the browser to choose the most appropriate icon available.
You can also provide a media type or query inside a media attribute; this resource will then only be loaded if the media condition is true. For example:
This element includes the global attributes.
as
This attribute is required when rel="preload" has been set on the element, optional when rel="modulepreload" has been set, and otherwise should not be used. It specifies the type of content being loaded by the , which is necessary for request matching, application of correct content security policy, and setting of correct Accept request header.
Furthermore, rel="preload" uses this as a signal for request prioritization. The table below lists the valid values for this attribute and the elements or resources they apply to.
blocking Experimental
This attribute explicitly indicates that certain operations should be blocked on the fetching of an external resource. The operations that are to be blocked must be a space-separated list of blocking attributes listed below.
Including a stylesheet
To include a stylesheet in a page, use the following syntax:
Providing alternative stylesheets
You can also specify alternative style sheets. The user can choose which style sheet to use by choosing it from the View > Page Style menu. This provides a way for users to see multiple versions of a page.
Providing icons for different usage contexts
You can include links to several icons on the same page, and the browser will choose which one works best for its particular context using the rel and sizes values as hints.
BCD tables only load in the browser with JavaScript enabled. Enable JavaScript to view data.
•Link HTTP header
•The integrity attribute on 150daysofhtml.com (2021)
Jul 19, 2023 · MDN Web Docs is an open-source project and accepts contributions. There are many different tasks you can help with, from the simple (proofreading and correcting typos) to the complex (writing API documentation). To find out how to help, visit our Getting started page.
Note that if you select GitHub, a link to your GitHub profile will be included on your public MDN profile page. Follow GitHub's prompts to connect your account to MDN. Once the authentication service returns you to MDN, you'll be prompted to enter a username and email address.
Feb 24, 2023 · Getting started with MDN Web Docs. We are an open community of developers, technical writers, and learners building resources for a better Web, regardless of brand, browser, or platform. Anyone can contribute, and each person who does contribute makes us stronger.
MDN Web Docs is an open-source, collaborative project documenting Web platform technologies, including CSS, HTML, JavaScript, and Web APIs. We also provide an extensive set of learning resources for beginning developers and students.
People also ask
What is MDN Web Docs?
What can I do with MDN Web Docs?
What does MDN do?
What is MDN community?
Click the Sign In button to start the login process. If you don't already have a GitHub account, you will need to create one. See How to create an MDN account and How to link a GitHub account to your MDN profile for additional details, if you get stuck.
