继续浏览精彩内容
慕课网APP
程序员的梦工厂
打开
继续
感谢您的支持,我会继续努力的
赞赏金额会直接到老师账户
将二维码发送给自己后长按识别
微信支付
支付宝支付

【九月打卡】第1天 HTML5中语义化标签的使用

周帅帅Love
关注TA
已关注
手记 86
粉丝 5
获赞 96

课程名称:初识HTML(5)+CSS(3)-升级版

课程章节: HTML5语义化标签

主讲老师:五月的夏天

课程内容:

今天学习的内容包括: 语义化标签的含义,其中有p标签,span标签,h标签,div标签,header标签,footer标签,section标签,aside标签。

课程收获:

语义化标签是为了让我们的网页更好的被搜索引擎去解析。指的是更容易被搜索引擎收录以及更容易让屏幕阅读器读出网页内容。

p标签用于段落,如果想在网页上显示文章,这时就需要<p>标签了,把文章的段落放到<p>标签中。

<span>标签是没有语义的,它的作用就是为了设置单独的样式用的。使用方法<span>文本</span>

图片描述

h标签可以用来为网页增加标题,标题标签一共有6个,h1h2h3h4h5h6分别为一级标题、二级标题、三级标题、四级标题、五级标题、六级标题。并且依据重要性递减。其中<h1>是最高的等级。因为h1标签在网页中比较重要,所以一般h1标签被用在网站名称上。
图片描述

div标签用于内容划分,可以把一些独立的逻辑部分划分出来,放在一个<div>标签中,这个<div>标签的作用就相当于一个容器。
图片描述

header标签是html5新增的语义化标签。footer标签是用来定义底部区域。<section>用来定义一个区域。

图片描述

aside用来定义侧边栏区域,可以给网站增加侧边栏功能。

今天学习了HTML5语义化标签中的2-1到2-9,共9个小结,花费了40分钟,学到了很多标签的使用,在网站布局中我们常用h标签来定义标题,使用aside标签给我们的网站增加侧边栏的功能。还有网站和头部和底部,我们可以使用headerfooter。这些标签是我们平时开发很常见的标签。

打开App,阅读手记
0人推荐
发表评论
随时随地看视频慕课网APP