html 篇

语义化

• 代码更加容易阅读
• seo

HTML的语义化是指通过HTML标记来表达文档结构和内容的含义，使得网页在没有CSS样式和JavaScript脚本的情况下也能够呈现出清晰的结构和内容。通过使用有意义的标记来描述文档的结构和内容，可以提高搜索引擎的抓取效率，增加网页的可读性和可访问性。

 例如，使用 <header> 标签表示页面的页眉， 
  <nav> 标签表示导航栏， 
  <article> 标签表示文章， 
  <aside> 标签表示侧边栏， 
  <footer> 标签表示页面的页脚等等，
这些标记能够明确地表达文档的结构和内容，使得网页更加易于理解和维护

块级元素 内联元素

块级元素指的是在页面中占据一整行的元素, 
比如 <div> <p> <h1> 等。
块级元素可以包含其他块级元素和内联元素，可以设置宽度、高度、外边距和内边距等样式属性。 
内联元素指的是在页面中不会换行的元素，
比如 <span> 、 <a> 、 <img> 等。
内联元素只能包含其他内联元素和文本节点，不能设置宽度、高度、外边距和内边距等样式属性，
但可以设置字体、颜色、背景色等样式属性。