HTML5的语义化标签

1.标题语义化--------h1~h6

2.图片语义化
img标签
img标签的两个重要属性:alt、title
alt:搜索引擎
title:title属性也是用于图片描述,不过这个描述文字是给用户看的。并且当鼠标指针一道图潘上时,会显示title中的内容
图片描述()给搜索引擎看

在实际开发中,通常使用figure与figcaption元素,实现“图片+图注”的效果


//图片
图片相关描述放这里


对于img标签:当图片作为HTML的一部分,并且想要被搜索引擎所识别时,则应该使用img标签;当图片只是起到修饰作用,并不想被搜索引擎识别时,则应该使用背景图片

3.表单语义化
主要从两个方面探究:
(1)label标签
label标签用于显示在输入控件旁边的说明性文字,也就是将某个表单元素和某段文字关联起来
关联:


说明:label标签的for属性有两个作用:
1.语义上绑定了label元素和表单元素
2.增强了鼠标可用性。即当我们点击label中的文本时,其关联的表单元素也会获得焦点
(2)fieldest标签和legend标签
4.其他语义化
5.语义化验证
6.HTML5摒弃的标签

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值