diff --git a/files/en-us/learn/css/styling_text/web_fonts/index.md b/files/en-us/learn/css/styling_text/web_fonts/index.md index 6f8c0a68d3d97cb..a2f8bb6d0783203 100644 --- a/files/en-us/learn/css/styling_text/web_fonts/index.md +++ b/files/en-us/learn/css/styling_text/web_fonts/index.md @@ -118,7 +118,7 @@ Web services for font generation typically limit file sizes. In such a case, con 1. [sfnt2woff-zopfli](https://github.com/bramstein/sfnt2woff-zopfli) for converting ttf to woff 2. [fontforge](https://fontforge.org/) for converting from ttf to svg -3. [batik ttf2svf](https://people.apache.org/~clay/batik/ttf2svg.html) for converting from ttf to svg +3. [batik ttf2svg](https://people.apache.org/~clay/batik/ttf2svg.html) for converting from ttf to svg 4. [woff2](https://github.com/google/woff2) for converting from ttf to woff2 ### Implementing the code in your demo diff --git a/files/en-us/learn/index.md b/files/en-us/learn/index.md index 23907f9494e4734..96079f628f289cf 100644 --- a/files/en-us/learn/index.md +++ b/files/en-us/learn/index.md @@ -111,7 +111,7 @@ You can update the `learning-area` repository with any changes made to the maste If you want to get in touch with us about anything, use the [communication channels](/en-US/docs/MDN/Community/Communication_channels). We'd like to hear from you about anything you think is wrong or missing on the site, requests for new learning topics, requests for help with items you don't understand, or any other questions or concerns. -If you're interested in helping develop/improve the content, take a look at [how you can help](/en-US/docs/MDN/Contribute) and get in touch! We are more than happy to talk to you, whether you are a learner, teacher, experienced web developer, or someone else interested in helping to improve the learning experience. +If you're interested in helping develop/improve the content, take a look at [how you can help](/en-US/docs/MDN/Community/Contributing) and get in touch! We are more than happy to talk to you, whether you are a learner, teacher, experienced web developer, or someone else interested in helping to improve the learning experience. ## See also diff --git a/files/en-us/mdn/at_ten/index.md b/files/en-us/mdn/at_ten/index.md index c91caacf239326b..692816098260763 100644 --- a/files/en-us/mdn/at_ten/index.md +++ b/files/en-us/mdn/at_ten/index.md @@ -18,7 +18,7 @@ In early 2005, a small team of idealists set out to create a new, free, communit For ten years, the MDN community has been documenting the open Web. From fixing simple typos to writing entire suites of an entirely new API, everyone has something to offer and no contribution is too large or too small. We have over 90,000 pages of content that have been written or translated by members of our outstanding community of Mozillians. You can become one of them. -[Learn more about contributing](/en-US/docs/MDN/Contribute) +[Learn more about contributing](/en-US/docs/MDN/Community/Contributing) ## See also diff --git a/files/en-us/mdn/writing_guidelines/page_structures/page_types/index.md b/files/en-us/mdn/writing_guidelines/page_structures/page_types/index.md index 6b3e83ebd47583d..734a6be2944356f 100644 --- a/files/en-us/mdn/writing_guidelines/page_structures/page_types/index.md +++ b/files/en-us/mdn/writing_guidelines/page_structures/page_types/index.md @@ -241,7 +241,7 @@ The list of subpages can be generated automatically using the templates [`Subpag - [Web APIs](/en-US/docs/Web/API) - [JavaScript](/en-US/docs/Web/JavaScript) - [Learning area](/en-US/docs/Learn) -- [Contributing to MDN](/en-US/docs/MDN/Contribute) +- [Contributing to MDN](/en-US/docs/MDN/Community/Contributing) ## See also diff --git a/files/en-us/web/api/htmlanchorelement/type/index.md b/files/en-us/web/api/htmlanchorelement/type/index.md new file mode 100644 index 000000000000000..8f89d0f6f3c5a95 --- /dev/null +++ b/files/en-us/web/api/htmlanchorelement/type/index.md @@ -0,0 +1,53 @@ +--- +title: "HTMLAnchorElement: type property" +short-title: type +slug: Web/API/HTMLAnchorElement/type +page-type: web-api-instance-property +browser-compat: api.HTMLAnchorElement.type +--- + +{{ApiRef("HTML DOM")}} + +The **`type`** property of the {{domxref("HTMLAnchorElement")}} interface is a string that indicates the MIME type of the linked resource. + +It reflects the `type` attribute of the {{HTMLElement("a")}} element. + +## Value + +A string. + +## Example + +```html +Example Link +

+``` + +```css +#exampleLink { + font-size: 1.5rem; +} +``` + +```js +const anchorElement = document.getElementById("exampleLink"); +const pTag = document.querySelector(".type"); +console.log(anchorElement.type); // Output: "text/html" +pTag.textContent = anchorElement.type; +``` + +{{EmbedLiveSample("Example",100,100)}} + +## Specifications + +{{Specifications}} + +## Browser compatibility + +{{Compat}} + +## See also + +- {{domxref("HTMLLinkElement.type")}} property +- {{domxref("HTMLSourceElement.type")}} property +- {{domxref("HTMLEmbedElement.type")}} property diff --git a/files/en-us/web/css/attribute_selectors/index.md b/files/en-us/web/css/attribute_selectors/index.md index 493f3e98bfea126..9bac4fcd4dfd9f8 100644 --- a/files/en-us/web/css/attribute_selectors/index.md +++ b/files/en-us/web/css/attribute_selectors/index.md @@ -9,9 +9,9 @@ browser-compat: css.selectors.attribute The CSS **attribute selector** matches elements based on the element having a given attribute explicitly set, with options for defining an attribute value or substring value match. -The case sensitivity of attribute names and values depends on the document language. In HTML, attribute names are case insensitive, as are spec-defined {{glossary("enumerated")}} values. The [case-insensitive HTML attribute values](https://html.spec.whatwg.org/multipage/semantics-other.html#case-sensitivity-of-selectors) are listed in the HTML spec. For these attributes, the attribute value in the selector is case-insensitive, regardless of whether the value is invalid or the attribute for the element on which it is set is invalid. +The case sensitivity of attribute names and values depends on the document language. In HTML, attribute names are case-insensitive, as are spec-defined {{glossary("enumerated")}} values. The [case-insensitive HTML attribute values](https://html.spec.whatwg.org/multipage/semantics-other.html#case-sensitivity-of-selectors) are listed in the HTML spec. For these attributes, the attribute value in the selector is case-insensitive, regardless of whether the value is invalid or the attribute for the element on which it is set is invalid. -If the attribute value is case sensitive, like [`class`](/en-US/docs/Web/HTML/Global_attributes/class), [`id`](/en-US/docs/Web/HTML/Global_attributes/id), and [`data-*`](/en-US/docs/Web/HTML/Global_attributes/data-*) attributes, the attribute selector value match is case-sensitive. Attributes defined outside of the HTML specification, like [`role`](/en-US/docs/Web/Accessibility/ARIA/Roles) and [`aria-*`](/en-US/docs/Web/Accessibility/ARIA/Attributes) attributes, are also case-sensitive. Normally case-sensitive attribute selectors can be made case-insensitive with the inclusion of the case-insensitive modifier (`i`). +If the attribute value is case-sensitive, like [`class`](/en-US/docs/Web/HTML/Global_attributes/class), [`id`](/en-US/docs/Web/HTML/Global_attributes/id), and [`data-*`](/en-US/docs/Web/HTML/Global_attributes/data-*) attributes, the attribute selector value match is case-sensitive. Attributes defined outside of the HTML specification, like [`role`](/en-US/docs/Web/Accessibility/ARIA/Roles) and [`aria-*`](/en-US/docs/Web/Accessibility/ARIA/Attributes) attributes, are also case-sensitive. Normally case-sensitive attribute selectors can be made case-insensitive with the inclusion of the case-insensitive modifier (`i`). ```css /* elements with a title attribute */ @@ -20,8 +20,7 @@ a[title] { } /* elements with an href matching "https://example.org" */ -a[href="https://example.org"] -{ +a[href="https://example.org"] { color: green; } @@ -101,8 +100,7 @@ a[href$=".org"] { } /* Links that start with "https://" and end in ".org" */ -a[href^="https://"][href$=".org"] -{ +a[href^="https://"][href$=".org"] { color: green; } ``` diff --git a/files/en-us/web/css/resolution/index.md b/files/en-us/web/css/resolution/index.md index dda5327b5d14f5a..fb7da84781d53c4 100644 --- a/files/en-us/web/css/resolution/index.md +++ b/files/en-us/web/css/resolution/index.md @@ -36,6 +36,18 @@ The `` data type consists of a strictly positive {{cssxref("<numb @media print and (min-resolution: 300dpi) { /* … */ } + +@media (resolution: 120dpcm) { + /* … */ +} + +@media (min-resolution: 2dppx) { + /* … */ +} + +@media (resolution: 1x) { + /* … */ +} ``` ### Valid resolutions diff --git a/files/en-us/web/html/element/template/index.md b/files/en-us/web/html/element/template/index.md index 4caab0a833413de..0d616adbb6d0900 100644 --- a/files/en-us/web/html/element/template/index.md +++ b/files/en-us/web/html/element/template/index.md @@ -7,20 +7,41 @@ browser-compat: html.elements.template {{HTMLSidebar}} -The **`