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

impress.js presentation layer framework (demonstration tool) - first experience

HTML small tag usage tips

impress.js presentation layer framework (demonstration tool) - first experience

Learn Vue middleware pipeline in one article

Sample code for implementing Google third-party login in Vue

CSS pixels and solutions to different mobile screen adaptation issues

Express implements login verification

A brief analysis of the usage of HTML float

Detailed explanation of replication configuration example between mysql containers

Detailed explanation of redis5 cluster construction and usage under Linux (Centos7)

Example code for implementing random roll caller in html

Detailed explanation of vue keepAlive cache clearing problem case

Recommend

How to create a responsive column chart using CSS Grid layout

Explanation of the execution priority of mySQL keywords

Vue implements a small countdown function

Detailed explanation of how to enable https service in Apache under Linux environment

Three principles of efficient navigation design that web designers must know

Web Design Teaching or Learning Program

Detailed explanation of publicPath usage in Webpack

Detailed explanation of box-sizing in CSS3 (content-box and border-box)

Detailed explanation of the encapsulation and use of the Vue image magnifier component

CentOS7 network configuration under VMware virtual machine (host wireless Internet access)

Pure CSS code to achieve flow and dynamic line effects

JavaScript implements cool mouse tailing effects

About the difference between inspecting elements and viewing the source code of a web page

Summary of how to add root permissions to users in Linux