diff --git a/files/en-us/glossary/baseline/compatibility/index.md b/files/en-us/glossary/baseline/compatibility/index.md new file mode 100644 index 000000000000000..d657cc14c7a57f1 --- /dev/null +++ b/files/en-us/glossary/baseline/compatibility/index.md @@ -0,0 +1,35 @@ +--- +title: Baseline (compatibility) +slug: Glossary/Baseline/Compatibility +--- + +**Baseline** identifies widely-supported web platform features. +Web developers can expect Baseline features to work in contemporary browsers. + +A Baseline feature - such as an API, a set of CSS properties, or a JavaScript syntax - is known to work consistently in the current and previous major versions of several well-known browsers (Chrome, Edge, Firefox, and Safari). + +## Badges + + +🟢 If you see the green Baseline badge, then you can trust that the feature will work in the browsers' latest and previous major releases. + + +🟡 If you see a yellow badge showing that a feature is not yet Baseline, then do more research and testing with your site's users before relying on that feature, or wait for it to become Baseline. + +## Extra considerations + +Baseline is a summary guide to support and doesn't cover every situation. +If your site needs to work with a browser's long-term support release, an older device or browser release, or a browser not covered by the Baseline report, then you may need to do your own research or testing. +If Baseline doesn't cover your situation, then consider reading browser compatibility tables on MDN or visiting [caniuse.com](https://caniuse.com/) before committing to a feature. + +## Contributing + +Baseline is a community effort of the W3C WebDX Community Group and relies on MDN's open source browser compatibility data. +If you have questions, feedback, or want to help update and expand the features covered by Baseline status reports, then go to [web-platform-dx/feature-set](https://github.com/web-platform-dx/feature-set) to participate. + +## See also + +- [Cross browser testing](/en-US/docs/Learn/Tools_and_testing/Cross_browser_testing) +- [web-platform-dx/feature-set repository](https://github.com/web-platform-dx/feature-set) +- [W3C WebDX Community Group](https://www.w3.org/community/webdx/) +- [mdn/browser-compat-data repository](https://github.com/mdn/browser-compat-data) diff --git a/files/en-us/glossary/baseline/index.md b/files/en-us/glossary/baseline/index.md index c135722ef415df7..11e5c1e3f8afa8b 100644 --- a/files/en-us/glossary/baseline/index.md +++ b/files/en-us/glossary/baseline/index.md @@ -1,16 +1,13 @@ --- title: Baseline slug: Glossary/Baseline -page-type: glossary-definition +page-type: glossary-disambiguation --- -The **baseline** is a term used in European and West Asian typography meaning an imaginary line upon which the characters of a font rest. +The term **baseline** can have several meanings depending on the context. It may refer to: -The descenders of characters like g and p extend below this line. {{Glossary("glyph", "Glyphs")}} with rounded lower and upper extents like C or 3 slightly extend below it. - -East Asian scripts have no baseline. Their glyphs are placed in a square box without ascenders or descenders. +{{GlossaryDisambiguation}} ## See also -- [Baseline]() on Wikipedia -- [CSS Box Alignment](/en-US/docs/Web/CSS/CSS_Box_Alignment#types_of_alignment) on MDN +- [Baseline](https://en.wikipedia.org/wiki/Baseline) on Wikipedia diff --git a/files/en-us/glossary/baseline/typography/index.md b/files/en-us/glossary/baseline/typography/index.md new file mode 100644 index 000000000000000..b924e340060b3e7 --- /dev/null +++ b/files/en-us/glossary/baseline/typography/index.md @@ -0,0 +1,13 @@ +--- +title: Baseline (typography) +slug: Glossary/Baseline/Typography +page-type: glossary-definition +--- +The **baseline** is a term used in European and West Asian typography meaning an imaginary line upon which the characters of a font rest. + +{{GlossaryDisambiguation}} + +## See also + +- [Baseline](https://en.wikipedia.org/wiki/Baseline_(typography)) on Wikipedia +- [CSS Box Alignment](/en-US/docs/Web/CSS/CSS_Box_Alignment#types_of_alignment) on MDN diff --git a/files/en-us/web/svg/attribute/alignment-baseline/index.md b/files/en-us/web/svg/attribute/alignment-baseline/index.md index 791ad29813f4d39..acaff6aabdb900c 100644 --- a/files/en-us/web/svg/attribute/alignment-baseline/index.md +++ b/files/en-us/web/svg/attribute/alignment-baseline/index.md @@ -48,7 +48,7 @@ You can use this attribute with the following SVG elements: - `auto` {{deprecated_inline}} - : The value is the dominant-baseline of the script to which the character belongs - i.e., use the dominant-baseline of the parent. - `baseline` - - : Uses the {{Glossary("dominant baseline")}} choice of the parent. Matches the box's corresponding {{Glossary("baseline")}} to that of its parent. + - : Uses the {{Glossary("dominant baseline")}} choice of the parent. Matches the box's corresponding {{Glossary("baseline/typography", "baseline")}} to that of its parent. - `before-edge` {{deprecated_inline}} - : The alignment-point of the object being aligned is aligned with the "before-edge" baseline of the parent text content element. - `text-bottom` diff --git a/files/en-us/web/svg/attribute/font-size/index.md b/files/en-us/web/svg/attribute/font-size/index.md index 5d66a418cd9b552..5eea664ab3c836f 100644 --- a/files/en-us/web/svg/attribute/font-size/index.md +++ b/files/en-us/web/svg/attribute/font-size/index.md @@ -7,7 +7,7 @@ browser-compat: svg.attributes.presentation.font-size {{SVGRef}} -The **`font-size`** attribute refers to the size of the font from {{Glossary("baseline")}} to baseline when multiple lines of text are set solid in a multiline layout environment. +The **`font-size`** attribute refers to the size of the font from {{Glossary("baseline/typography", "baseline")}} to baseline when multiple lines of text are set solid in a multiline layout environment. > **Note:** As a presentation attribute, `font-size` can be used as a CSS property. See the {{cssxref("font-size", "CSS font-size")}} property for more information. diff --git a/files/en-us/web/svg/attribute/ideographic/index.md b/files/en-us/web/svg/attribute/ideographic/index.md index 0658e374094f388..fbcf138555fd657 100644 --- a/files/en-us/web/svg/attribute/ideographic/index.md +++ b/files/en-us/web/svg/attribute/ideographic/index.md @@ -9,7 +9,7 @@ browser-compat: svg.elements.font-face.ideographic {{SVGRef}}{{Deprecated_Header}} -The **`ideographic`** attribute indicates the alignment coordinate for {{Glossary("glyphs")}} to achieve ideographic {{Glossary("baseline")}} alignment for horizontally oriented glyph layouts. The value is an offset in the font coordinate system. +The **`ideographic`** attribute indicates the alignment coordinate for {{Glossary("glyphs")}} to achieve ideographic {{Glossary("baseline/typography", "baseline")}} alignment for horizontally oriented glyph layouts. The value is an offset in the font coordinate system. You can use this attribute with the following SVG elements: diff --git a/files/en-us/web/svg/attribute/v-hanging/index.md b/files/en-us/web/svg/attribute/v-hanging/index.md index 0ac044dde2a376f..3197d6d1f99cb0a 100644 --- a/files/en-us/web/svg/attribute/v-hanging/index.md +++ b/files/en-us/web/svg/attribute/v-hanging/index.md @@ -9,7 +9,7 @@ browser-compat: svg.elements.font-face.v-hanging {{SVGRef}}{{Deprecated_Header}} -The **`v-hanging`** attribute indicates the alignment coordinate for {{Glossary("glyph", "glyphs")}} to achieve hanging {{Glossary("baseline")}} alignment. The value is an offset in the font coordinate system relative to the glyph-specific {{SVGAttr("vert-origin-x")}} attribute. +The **`v-hanging`** attribute indicates the alignment coordinate for {{Glossary("glyph", "glyphs")}} to achieve hanging {{Glossary("baseline/typography", "baseline")}} alignment. The value is an offset in the font coordinate system relative to the glyph-specific {{SVGAttr("vert-origin-x")}} attribute. You can use this attribute with the following SVG elements: diff --git a/files/en-us/web/svg/attribute/v-ideographic/index.md b/files/en-us/web/svg/attribute/v-ideographic/index.md index c9f5e6546539af2..06e81cb1709877d 100644 --- a/files/en-us/web/svg/attribute/v-ideographic/index.md +++ b/files/en-us/web/svg/attribute/v-ideographic/index.md @@ -9,7 +9,7 @@ browser-compat: svg.elements.font-face.v-ideographic {{SVGRef}}{{Deprecated_Header}} -The **`v-ideographic`** attribute indicates the alignment coordinate for {{Glossary("glyphs")}} to achieve ideographic {{Glossary("baseline")}} alignment for vertically oriented glyph layouts. The value is an offset in the font coordinate system relative to the glyph-specific {{SVGAttr("vert-origin-x")}} attribute. +The **`v-ideographic`** attribute indicates the alignment coordinate for {{Glossary("glyphs")}} to achieve ideographic {{Glossary("baseline/typography", "baseline")}} alignment for vertically oriented glyph layouts. The value is an offset in the font coordinate system relative to the glyph-specific {{SVGAttr("vert-origin-x")}} attribute. You can use this attribute with the following SVG elements: