HTML语义化

在HTML5中最基本的理念就是"语义"与"显示"分离， HTML 与 CSS 分离。
3. 元素title属性
title属性是一个具有提示作用的属性，对于屏幕阅读器来说可以为用户朗读文本，所以正确的使用可以提升页面的访问性。
6. 如何使用ARIA提升可访问性
语义提高访问性与增加SEO的搜索。因为现在一些SEO与浏览器跟具新的语义直接与自身的功能相对应。增强语义方法

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

ARIA的用法：
  • 正确运用ARIA中的地标角色：
    1. role ="banner"(横幅)
    2. role="navigation"(导航)
    3. role="main"(主体)
    4. role="complementary"(补充性内容)
    5. role="contentinfo"(内容信息)
  • 将屏幕阅读器测试列入你的日常开发中；（因为他是最能直接反映出你的网站语义写的好不好的东西）；
  • 正确的为标签制定id与类（语义性一定要明显）；
 
7.网页文件的命名
如：文件名： Html_First_Blog.htm 与 html-first-blog.html
这个两个文件名不管是在用户的体验上与搜索引擎上都第二个完胜第一个。
 
注意点:
  1. 文件名需要用小写字母（用户输入更方便）：
  2. 用短横线分隔单词：
  3. 使用标准的扩展名：
 
posted @ 2016-09-04 16:02  阿巴阿巴55996  阅读(84)  评论(0)    收藏  举报