课程名称:初识HTML(5)+CSS(3)-升级版
课程章节: HTML5语义化标签
主讲老师:五月的夏天
课程内容:
今天学习的内容包括: 语义化标签的含义,其中有p
标签,span
标签,h
标签,div
标签,header
标签,footer
标签,section
标签,aside
标签。
课程收获:
语义化标签是为了让我们的网页更好的被搜索引擎去解析。指的是更容易被搜索引擎收录以及更容易让屏幕阅读器读出网页内容。
p
标签用于段落,如果想在网页上显示文章,这时就需要<p>
标签了,把文章的段落放到<p>
标签中。
<span>
标签是没有语义的,它的作用就是为了设置单独的样式用的。使用方法<span>文本</span>
。
h
标签可以用来为网页增加标题,标题标签一共有6个,h1
、h2
、h3
、h4
、h5
、h6
分别为一级标题、二级标题、三级标题、四级标题、五级标题、六级标题。并且依据重要性递减。其中<h1>
是最高的等级。因为h1
标签在网页中比较重要,所以一般h1
标签被用在网站名称上。
div
标签用于内容划分,可以把一些独立的逻辑部分划分出来,放在一个<div>
标签中,这个<div>
标签的作用就相当于一个容器。
header
标签是html5
新增的语义化标签。footer
标签是用来定义底部区域。<section>
用来定义一个区域。
aside
用来定义侧边栏区域,可以给网站增加侧边栏功能。
今天学习了HTML5语义化标签中的2-1到2-9,共9个小结,花费了40分钟,学到了很多标签的使用,在网站布局中我们常用h
标签来定义标题,使用aside
标签给我们的网站增加侧边栏的功能。还有网站和头部和底部,我们可以使用header
和footer
。这些标签是我们平时开发很常见的标签。