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

MYSQL 5.6 Deployment and monitoring of slave replication

HTML small tag usage tips

MYSQL 5.6 Deployment and monitoring of slave replication

Centering the Form in HTML

Detailed graphic tutorial on silent installation of oracle12.2 on CentOS under VMware

Implementation of clicking through the transparent area of irregular forms in Electron

Solution to the problem of repeated pop-up of Element's Message pop-up window

Cleverly use CSS3's webkit-box-reflect to achieve various dynamic effects

Summary and analysis of commonly used Docker commands and examples

Ways to improve MongoDB performance

HTTP and HTTP Collaboration Web Server Access Flow Diagram

Detailed explanation of the installation and use of Linux scheduled tasks crontabs

Recommend

A complete guide on how to query and delete duplicate records in MySQL

How to install pyenv under Linux

idea combines docker to realize image packaging and one-click deployment

Detailed installation history of Ubuntu 20.04 LTS

This article will show you how to use SQL CASE WHEN in detail

MySQL 5.7.18 zip version installation and configuration method graphic tutorial (win7)

Implementation of vite+vue3.0+ts+element-plus to quickly build a project

Detailed explanation of JavaScript state container Redux

Detailed explanation of the update command for software (library) under Linux

Analysis of the use of the MySQL database show processlist command

MySQL uses frm files and ibd files to restore table data

WeChat applet custom scroll-view example code

MySQL 8.0.16 installation and configuration tutorial under CentOS7

Detailed explanation of how to use join to optimize SQL in MySQL

How to modify the forgotten password when installing MySQL on Mac