持续更新中...

如何理解HTML语义化?

  1. 代码结构清晰,方便阅读,有利于团队合作开发。
  2. 方便其他设备解析(如屏幕阅读器、盲人阅读器、移动设备)以语义的方式来渲染网页。
  3. 有利于搜索引擎优化(SEO)。

默认情况下,哪些HTML元素是块级元素,哪些是内联元素(行内元素)?

行级元素

  1. 可以和其他元素处于一行,不用必须另起一行。
  2. 元素的高度、宽度及顶部和底部边距不可设置。可以设置margin-left/right
  3. 元素的宽度就是它包含的文字、图片的宽度。

常见的行级元素有:a、input、img、span、button

块级元素

  1. 每个块级元素都是独自占一行,其后的元素也只能另起一行,并不能两个元素共用一行。
  2. 元素的高度、宽度、行高和顶底边距都是可以设置的。  
  3. 元素的宽度如果不设置的话,默认为父元素的宽度。

常见的块级元素有div、p、h1...h6、ol、ul、dl、li、table、form

行内块

img和表单元素(button)是特殊的行内块,他们既可以设置宽度高度,也能并排显示

最后修改:2021 年 07 月 28 日 12 : 17 AM