Web前端学习(四)HTML5语义化标签

语义化

语义化实际上就是将用一些标签使浏览器能够识别到标签含义,比如什么时候使用标题标签,什么时候使用段落标签,适当的使用这些标签使浏览器能够识别到标签的含义,并作出相应的响应。

语义化标签

段落标签

<p> </p>

<p>段落文本</p>

新开始一段文字时,使用段落标签,段落文本在段落标签中间显示。

span标签

使用<apan> 标签来设置自定义文字样式。

此标签是没有语义的,它的作用就是为了设置单独的样式用的。
在这里插入图片描述
span写在head里,相当于给某些字体设置设置了全局的样式,段落中某文字需要这样的设置,就在该文字前后添加上span标签。

标题标签

<h1> </h1>   <!-- 1级标题 -->
<h2> </h2>  <!-- 2级标题 -->
<h3> </h3>  <!-- 3级标题 -->
<h4> </h4>
<h5> </h5>
<h6> </h6>

标题标签一共有6个,h1、h2、h3、h4、h5、h6分别为一级标题、二级标题、三级标题、四级标题、五级标题、六级标题。并且依据重要性递减。
在这里插入图片描述

div标签

据说这是个万能标签。用来自定义某块。

在网页制作过程过中,可以把一些独立的逻辑部分划分出来,放在一个<div>标签中,这个<div>标签的作用就相当于一个容器。

语法:

<div>…</div>

header标签

header标签即头部标签

<body>
    <header>头部标签</header> <!--头部标签-->
    <p>段落</p> <!--段落标签-->
</body>

footer标签

<body>
    <header>我是头部标签</header>
    <footer>尾部标签</footer>
</body>

secton标签

<body>
    <header>我是头部标签</header>
    <secton>我是一个区域</secton>
    <footer>我是底部标签</footer>
</body>

aside标签

aside标签,定义一个侧边栏区域。

序列标签

<ol> ... <ol> 表示在里面可以定义一个有序的列
在这里插入图片描述

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Morris_

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值