Frequently ignored and often abused, the
<q> elements can contribute greatly to creating a semantically and typographically rich page if they are used correctly.
The most important thing to remember about all three elements is that they demark words or works related to the page content, but outside the current context. That is,
<q> almost always contain content from other people.
Developers continually strive to improve web performance, from browsers predictively preloading pages before search terms are completed to coders prioritizing “above the fold” page content. HTML has gone some way towards aiding this process: in the previous article I talked about using
rel="previous" to provide page clues to the browser, which can use them to surreptitiously load pages behind the scenes before any user action.
More recently the W3C has added several new features to
link as part of the Resource Hints specification that enable more intelligent site content preloading, potentially improving page load times on sites that use them intelligently.