前端面试题（HTML篇）

1.什么是语义HTML？请举例说明。

• 语义HTML是一种编程风格，它使用HTML标记来增强内容的含义。例如，使用<strong>标签代替<b>标签来表示加粗文本，因为<strong>具有强调文本的语义含义。同样，<em>标签用于表示斜体文本，也具有强调文本的语义含义。

2.请解释行内元素和块级元素之间的区别。

• 行内元素不会独占一行，它们的内容决定了其宽度和高度。常见的行内元素包括<a>、<span>、<img>等。
• 块级元素则独占一行，其宽度默认为其父元素的宽度，高度由内容决定。常见的块级元素包括<div>、<p>、<h1>-<h6>等。

3.请解释alt和title属性在标签中的区别。

• alt属性为图像提供替代文本，当图像无法显示时，这些文本将显示给用户。它对于提高网页的可访问性至关重要。
• title属性则提供有关图像的额外信息，当用户将鼠标悬停在图像上时，这些信息将作为工具提示显示。

4.请解释HTTP状态码200、301和404的含义。

• 200状态码表示请求已成功，请求所希望的响应头或数据体将随此响应返回。
• 301状态码表示被请求的资源已永久移动到新位置，并且将来任何对此资源的引用都应该使用本响应返回的若干个URI之一。如果可能，拥有链接编辑功能的客户端应当自动把请求的地址修改为从服务器反馈回来的地址。
• 404状态码表示服务器上无法找到请求的资源。此外，当请求所指定的文件的MIME类型不为服务器所支持时，也会导致404错误。