亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定

【九月打卡】第1天 HTML5中語義化標簽的使用

標簽:
Html5

课程名称:初识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。这些标签是我们平时开发很常见的标签。

點擊查看更多內容
TA 點贊

若覺得本文不錯,就分享一下吧!

評論

作者其他優質文章

正在加載中
  • 推薦
  • 評論
  • 收藏
  • 共同學習,寫下你的評論
感謝您的支持,我會繼續努力的~
掃碼打賞,你說多少就多少
贊賞金額會直接到老師賬戶
支付方式
打開微信掃一掃,即可進行掃碼打賞哦
今天注冊有機會得

100積分直接送

付費專欄免費學

大額優惠券免費領

立即參與 放棄機會
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號

舉報

0/150
提交
取消