前端面试题（8）

打卡：

• 2021-5-2

HTML

HTML5 行内元素有哪些,块级元素有哪些, 空元素有哪些?

(1)行内元素 inline element

a - 锚点
b - 粗体 ( 不推荐 )
strong - 粗体强调
br - 换行
em - 强调
i - 斜体
img - 图片
input - 输入框
label - 表格标签
select - 项目选择
span - 常用内联容器，定义文本内区块
s - 删除线 ( 不推荐 )
strike - 删除线
sub - 下标
sup - 上标
textarea - 多行文本输入框
u - 下划线
var - 定义变量

abbr - 缩写(注释)
acronym - 首字(注释)
bdo - bidi override？
big - 大字体
cite - 引用
code - 计算机代码 ( 在引用源码的时候需要 )
dfn - 定义字段？
font - 字体设定 ( 不推荐 )
kbd - 定义键盘文本
q - 短引用
samp - 定义范例计算机代码？
small - 小字体文本
tt - 电传文本

(2)块元素 (block element)

form - 交互表单
h1 - 大标题
h2 - 副标题
h3 - 3 级标题
h4 - 4 级标题
h5 - 5 级标题
h6 - 6 级标题
hr - 水平分隔线
div - 常用块级容易，也是 css layout 的主要标签
dl - 定义列表
menu - 菜单列表
ol - 排序表单
p - 段落
pre - 格式化文本
table - 表格
ul - 非排序列表

address - 地址？
blockquote - 块引用？
center - 居中对齐块
dir - 目录列表
fieldset - form 控制组？
isindex - input prompt？
noframes - frames 可选内容，（对于不支持 frame 的浏览器显示此区块
内容？
noscript - ）可选脚本内容（对于不支持 script 的浏览器显示此内容）？

(3)可变元素

可变元素为根据上下文语境决定该元素为块元素或者内联元素。
button - 按钮
del - 删除文本
ins - 插入的文本
object - object 对象
script - 客户端脚本

applet - java applet？
iframe - inline frame？
map - 图片区块 (map)？

(4)空元素

 ( 在 HTML[1] 元素中，没有内容的 HTML 元素被称为空元素 )
<br/> //换行
<hr> //分隔线
<input> //文本框等
<img> //图片
<link> <meta>