html5中标签的含义,深入理解html5标签含义

元素中;

第二个问题:

html5通用的容器

、在HTML5中的生存含义?

p 这个标签在很久很久以前就已经出现在HTML中了,他的全拼是(pision),而在HTML5中的很多的新标签都是他的功能的统一定义而已,因为p本身没有任何的语意;但是可以对他增加css样式;这样就可以很好的为页面做出一些我们理想中的效果;那么在HTML5为什么他还存在呢那就是因为;在某些时候你会发现你用HTML5中的任何一个标签都不合适你现在需要的语意 ,所以在这个时候就需要用到p这个标签了,说道p那么以要说说与他相对应的这个标签, 他也是一个没有任何语意的标签起到的功能与作用是和p一样的只不过用法不一样:p是块级的无语意容器,span是短语的无语的容器;(后面 我会在详细的说一些span)标签;

p的用法相信朋友们用的一定比我熟悉所以这里关于他的用法就不多说了只是针对在HTML5中对p的使用我提几点建议:

1)如果你觉得用HTML5中的新的标签比用p合适就一定要用新的标签,因为p没有任何的语意,这个是HTML5所不倡导的;

2)如果效果需要的话可以在HTML5新标签的外面加一个p标签,这样对html中的语意不会产生太大的影响;

第三个问题:

如何使用ARIA提升可访问性?

不知道朋友们有没有发现我在写HTML5的第一个博客就一直在说语意语意的,语意真的有那么重要么?通过语意又怎么提高访问性与曾加SEO的搜索的呢?因为现在一些SEO与浏览器或是屏幕阅读器(一个给残障人士用的文章阅读器)都在根据HTML5的新标准做一些新的功能;他们会很具新的语意直接与自身的功能相对应;如果网页的开发者也是这么做的那么你的网站的应用性会大大的曾加;

上面又强调了一下语意的重要性;下面告诉大家一个更好的曾强语意的小窍门,一定要好好看哦因为这个小窍门朋友们不一定知道的:

概念介绍:WAI-ARIA(Web Accessibility Initiative's Accessible Rich Internet Applications)无障碍网页倡议之可访问的富互联网应用,简称ARIA,他就是一种技术规范;他在HTML提供的语意的基础上,他会使用属性在填补一些语意上的空白;

现在是用法书写

1)正确运用ARIA中的地标角色:

1)role =banner(横幅)

2)role=navigation(导航)

3)role=main(主体)

4)role=complementary(补充性内容)

5)role=contentinfo(内容信息)

小提示:地标角色只是ARIA规范中的一种如果你干兴趣可以去官网阅读一下(地址:www.w3.org/TR/wai-aria/ )

2)将屏幕阅读器测试列入你的日常开发中;(因为他是最能直接反映出你的网站语意写的好不好的东西)

3)正确的为标签制定id与类(语意性一定要明显);

4)正确使用class类以及他提供的微格式;

关于class的微格式,因为有很多人都知道或是认为class的属性是只能为一组元素应用CSS样式,其实并不是这样的;其实他还可以在不引用额外的标签下来曾强语意,这就是微格式,微格式是使用约定的class名称来标示一块HTML从而来曾强与应用程序、智能搜索与搜索机器人的交互;

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值