HTML small tag usage tips

Phrase elements such as can improve document structure while retaining the intended visual style. But is not very common in daily applications. The first impression is whether Taobao UED has neglected this small problem?

Regarding , the results of online searches are also very fragmented. Some say that it is not recommended to use, while others do not mention its name in the abandoned tags. Fortunately, the book "Mastering HTML Semantics, Standards, and Styles" explains this in detail.

, like its brothers <hr><pre>, is defined as a presentational element. W3C says it is an element that can simply specify font information and has no semantics. For example, the tag should undoubtedly be replaced by or ; but as for the tag, it is hard to say what is wrong with using it directly when you want to italicize a paragraph of foreign language in a page (the convention for displaying foreign languages), because when the user uses … to express a paragraph of italics, it takes up much more space than the former.

As for the more complicated <big>, the author of the book, Paul Haine, did not give a clear answer. In theory, they are purely presentational elements and should be replaced by CSS. But some heavyweights in the industry (Joe Clark) recommend using them to achieve a "weighted by importance" visual effect. The result of the discussion is: there are gains and losses, and specific issues must be analyzed specifically.

Back to this section of Taobao code, within the tag is a link to skip navigation: <a class="invisible" href="#Content">Skip navigation and toolbar</a>. I think Taobao UED adopted the same idea as the tag after thinking about it. Instead of defining a that takes up a lot of HTML space, it is better to use directly. More importantly, the function of skipping navigation is for users, or more precisely, for disabled users who use reading browsers or have no CSS style definitions. The concise may be more in line with the spirit of standardization.

The only doubt is that the under the naked CSS does show its unimportant meaning in the next font size. But for blind users, for reading browsers, would changing to better optimize the user experience?

<<: Characteristics of JavaScript arrow functions and differences from ordinary functions

>>: How to split data in MySQL table and database