HTML 面试题

HTML 语义化

• 增加代码可读性
• 有利于 SEO，有助于爬虫抓取更多的有效信息
• 在没有 CSS 样式下，页面也能呈现出很好地内容结构、代码结构。

script 标签

• <script> 会阻碍 HTML 解析，只有下载好并执行完脚本才会继续解析 HTML
• <script async> 解析 HTML 时，异步下载脚本，下载完成后立即执行脚本，有可能阻碍 HTML 解析
• <script defer> 解析 HTML 时，异步下载脚本，等 HTML 解析完成后，再执行脚本

块元素 & 行内元素

块级元素

• 常见块元素：<h1>~<h6>、<p>、<div>、<ul>、<ol>、<li>
• 特点
  • 独占一行
  • 未设置宽度时，宽度为 100%
  • 高度、宽度、内外边距均可以设置

行内元素

• 常见行内元素：<a>、<strong>、<b>、<em>、<i>、<del>、<s>、<ins>、<u>、<span>

• 特点

  • 显示在同一行
  • 未设置宽度时，宽度为内容的宽度
  • 无法设置高度、宽度，但是可以设置行高
  • 只可以设置水平方向内外边距

行内块元素

• 常见行内块元素：<img />、<input />、<td>
• 特点
  • 显示在同一行，但是元素之间会有空隙
  • 未设置宽度时，宽度为内容的宽度
  • 高度、宽度、内外边距均可以设置