Tag semantics-common HTML tags

I. Misunderstanding of Layout

The new layout method popular on the Internet is called "DIV + CSS". In fact, this is a wrong understanding, leading to excessive dependence and abuse of DIV labels, HTML provides a total of 70 or 80 tags, of which about 30 are commonly used. DIV is just a relatively empty tag. In many cases, we can use other labels that are more appropriate and more concise to replace them.

 

Ii. Tag differences

Common: A container where content can be placed

Difference: There are two categories: Intra-row and block-level, and different tabs have preset meanings, such as h-title, p-paragraph, a-link, and so on.

 

Iii. Benefits of tag Semantics

A. Make the structure more concise and search engines more friendly

B. Reduce Unnecessary CSS naming through multiple combinations

 

Iv. Use of semantic tags

A. List: ul, ol, li, dl, dt, and dd

B. Title: h1 ~ H6

C. Section: p

D. Emphasis: strong

E. table: table, tr, td, and other table members th, thead, tbody, and tfood

 

Appendix: Common HTML Tag tables