semantic-class-names: Difference between revisions
Jump to navigation
Jump to search
m (added Eric Meyer keep your classes clean reference) |
m (Replace <entry-title> with {{DISPLAYTITLE:}}) |
||
(4 intermediate revisions by 3 users not shown) | |||
Line 1: | Line 1: | ||
< | {{DISPLAYTITLE: semantic class names }} | ||
<dfn style="font-style:italic;font-weight:bold">semantic class names</dfn> are HTML class names deliberately chosen to reflect the meaning (semantics) of the content being marked up, rather than the presentation (style). semantic class names have been a part of a modern web design since 2002[http://tantek.com/log/2002/12.html#L20021216] (please research and add earlier citations if found), and are a part of the practice of [[semantic HTML]] authoring, also known as [[POSH]]. | |||
( | |||
For more on semantic class names, see: | |||
* [http://www.w3.org/QA/Tips/goodclassnames Use class with semantics in mind] by [http://w3.org/ W3C] | * [http://www.w3.org/QA/Tips/goodclassnames Use class with semantics in mind] by [http://w3.org/ W3C] | ||
* [http://tantek.com/log/2002/12.html#L20021216 A Touch of Class] by [http://tantek.com/ Tantek Çelik] | * [http://tantek.com/log/2002/12.html#L20021216 A Touch of Class] by [http://tantek.com/ Tantek Çelik] | ||
Line 11: | Line 9: | ||
* [http://tantek.com/log/2004/07.html#d20t2359 More about the 'class' attribute] by [http://tantek.com/ Tantek Çelik] | * [http://tantek.com/log/2004/07.html#d20t2359 More about the 'class' attribute] by [http://tantek.com/ Tantek Çelik] | ||
== | == see also == | ||
* [[POSH]] | |||
* [[semantic-xhtml]] | * [[semantic-xhtml]] |
Latest revision as of 16:32, 18 July 2020
semantic class names are HTML class names deliberately chosen to reflect the meaning (semantics) of the content being marked up, rather than the presentation (style). semantic class names have been a part of a modern web design since 2002[1] (please research and add earlier citations if found), and are a part of the practice of semantic HTML authoring, also known as POSH.
For more on semantic class names, see:
- Use class with semantics in mind by W3C
- A Touch of Class by Tantek Çelik
- Competent Classing by Eric Meyer
- Keep Your Classes Clean
- More about the 'class' attribute by Tantek Çelik