ction:区块定义标签(表示的是文档或是应用的一个一般的块),他一般是有一组相似的主题的内容;一般会包含一个标题土木工程 排名;可以用这个标签来写:文章的章节,标签式对话框中的各种标签页等等类似的功能;这里你会发现他与article这个春节随笔标签很像对不对?那么怎么的开发中正确的应用他们呢?
;只要你这样想并且这样用就没有问题的; aside:定义侧栏标签(表示一部分内容与页面的主体并不是有很大的关系,但是可以独立存在),用他可以实现:升式引用、侧栏、相关文章的链接框、广告、友情链接等等;
特别提示:1)如果使用多个aside标签应该在主要内容的后面,这样有利于SEO的搜索与提升可访问性;2)如果是与文章的主要内容有关系的图像需要用
(后面的文章会介绍)标签而不是用他;
footer:页脚标签(与header标签对应的标签)用他可以实现的功能有:附录、索引、版权页、许可协议等。写法与上一篇中的
特别提示:1)页脚并不一定是要位于所在元素的末尾;不过通常是这样的,2)他不可以放在
元素中;
第二个问题:
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从而来曾强与应用程序、智能搜索与搜索机器人的交互;