Wow, that's awesome! I've been remembering the HTML entities for double quotes for so long, I actually had no idea this tag existed.
What's even more fascinating about <q> is that it is localized too! Wow!
Check it out. If you do...
<p lang="en"><q>My English quote</q></p>
you will of course get...
“My English quote”
But, if you do...
<p lang="ja"><q>日本語の引用</q></p>
Then you get:
「日本語の引用」
Magic!
There's only one real problem I have with this: it seems to be implemented on the layout-level using ::before and ::after pseudo-elements, and thus the quotation marks are intangible. That's a real bummer, which has the result of making the quotation marks not able to be copied or selected (and their visibility to screen readers may also be impacted?)
So unfortunately, for now, I am going to continue using good ol' ldquo and rdquo. But, that's pretty neat.
What's even more fascinating about <q> is that it is localized too! Wow!
Check it out. If you do...
you will of course get... But, if you do... Then you get: Magic!There's only one real problem I have with this: it seems to be implemented on the layout-level using ::before and ::after pseudo-elements, and thus the quotation marks are intangible. That's a real bummer, which has the result of making the quotation marks not able to be copied or selected (and their visibility to screen readers may also be impacted?)
So unfortunately, for now, I am going to continue using good ol' ldquo and rdquo. But, that's pretty neat.