Semantic in web development in often resumed as using the right markup for the right content. Their is of course a bit more behind it but it’s a decent start.
Today I’ll like to dig from the markup reference some tags that you won’t see very often, but could be used to make your code more semantic.
- <address>
- perfect holder for contact information. Instead of having a div with an id contact, use <address>
- <q>
- q defines a short quotation. q is an inline element and can only contain other inline elements. So q should be used when your are quoting in the middle of a line for example.
- <ins>
- ins can is used for inserted text. The usual practice is to use it in conjunction with <del> which define a deleted text. Could a good container for added text ajax maybe.
- <sub>
- used to display subscripted text
- <sup>
- used to display superscripted text
- <thead><tbody><tfoot>
- respectively for table header, table body and table footer.
Some other like <cite> are widely used but I am sure few would have used it if it wasn’t in the default wordpress template for example.











Comments