HTML&HTML面试题总结记录

一、块级元素&行级元素是什么？常见的有哪些？

---

• 块级元素

特点：

1. 自动占满整行，宽度默认是父容器100%

2. 可设置宽高，可控

3. 可以容纳块级元素和行内元素

常见的块级元素:

<address>...</adderss>   

<center>...</center>  地址文字

<h1>...</h1>  标题一级

<h2>...</h2>  标题二级

<h3>...</h3>  标题三级

<h4>...</h4>  标题四级

<h5>...</h5>  标题五级

<h6>...</h6>  标题六级

<hr>  水平分割线

<p>...</p>  段落

<pre>...</pre>  预格式化

<blockquote>...</blockquote>  段落缩进   前后5个字符

<marquee>...</marquee>  滚动文本

<ul>...</ul>  无序列表

<ol>...</ol>  有序列表

<dl>...</dl>  定义列表

<table>...</table>  表格

<form>...</form>  表单

<div>...</div>

• 行级元素

特点：

1. 不会自动占满整行，宽度由内容撑起

2. 宽高、内外边距不可控，不可设置

3. 内部只能容纳行级元素，不能容纳块级元素

常见的行级元素：

<span>...</span>

<a>...</a>  链接

<br>  换行

<b>...</b>  加粗

<strong>...</strong>  加粗

<img >  图片

<sup>...</sup>  上标

<sub>...</sub>  下标

<i>...</i>  斜体

<em>...</em>  斜体

<del>...</del>  删除线

<u>...</u>  下划线

<input>...</input>  文本框

<textarea>...</textarea>  多行文本

<select>...</select>  下拉列表

二、HTML5标签语义化？常见的语义化标签？

---

解释

赋予标签语义，然后使用合适语义的标签来表达结构化内容，从而更好的表达这些内容。

优点

1. 代码结构：没有css情况下也能呈现出很好的内容结构，易于用户阅读

2. SEO友好：通过标签和引擎根据建立良好的沟通，爬虫可以获取更多有效信息

3. 其他设备：方便其他设备解析，例如屏幕阅读器、盲人阅读器、移动设备

4. 可读性：让代码更加具有可读性，有利于团队开发和维护，减少阅读理解成本

常见的语义化标签

 

--------------------------待继续更新