时间: 2021-12-13 10:32:04 人气: 77 评论: 0
说这个问题,新手感觉很难吧,特别是学生刚学前端的,这些标签为什么要这么多呀,有什么好处吗
我来总结一下各种标签的用法(针对初学者或者学生)
div —— 一般用于布局,整体网页的布局划分,是个大的划分或者小划分中的大划分,比如上中下布局,那么可分为上中下三个div,中间如再划分左右呢,那就再写出左边div和右边div
strong —— 英文翻译为强壮,那么就是重要的文字部分,表现为加粗的字体,醒目标注了文字重要性的标签
font —— 字体标签 ,英文翻译为字体,就是针对字体做出的标签,比如你想对文字颜色,大小等改变,这个标签还附带了color size 这些属性。
em —— 文字斜体,经常看到的文档里面字体为斜体的,也是强调的表现
span —— 这个标签不会对内容做出任何改变,只是附加css效果的,可以对css改变他的属性
b —— 和span标签用法差不多,但会有加粗的效果,也是强调,他的优化效果要比strong弱一些
p —— 表示段落,效果为默认换行,有10像素的下边距,一般用到文档的内容文字部分,或者需要换行的地方
ul,li —— 序列标签,代表一个列表一般情况下需要同时用到,ul为外层父级标签,li为子标签,默认情况下前面会有小点,可以通过css去除。
dl,dt,dd —— 表示一个以dt为标题,dd为列表的标签,用法和ul差不多,只是多了dt,dt一般为dd列表的类名或总称。
i —— 标签表示为斜体,用的较少,一般用于定于图标,或者注释等
h1,h2,h3.,h4,h5,h6 —— 标签表示为网页中从最重要到一般重要的划分。
这些是目前较为常用的html标签,这些标签的逻辑关系是这样的,但不代表一定要这样做,只是这样做的话整个层级感觉很好,初学者需要掌握这些东西。