1.html 语义化
- 提高可读性：对于开发者来说，语义化的HTML代码更容易阅读和理解。因为每个标签都有其特定的含义和用途，所以看到标签就能大致了解该部分内容的结构和作用。
- 有利于搜索引擎优化（SEO）：对于搜索引擎来说，语义化的HTML代码也更容易理解和索引。搜索引擎通过解析HTML标签来确定网页的内容和结构，从而更准确地判断网页的主题和重要性。这有助于提高网页在搜索结果中的排名，吸引更多的流量。
2.块级元素和内联元素
**块级元素（Block-level elements）**通常独占一行，可以设置宽度、高度、内外边距等属性，常见的有：div h1 h2 table ul ol p 等
内联元素（Inline elements）不会独占一行，多个内联元素会排列在同一行内，直到容器边界或遇到块级元素为止。常见的内联元素有：span img input button label em 等
