持续创作,加速成长!这是我参与「掘金日新计划 · 10 月更文挑战」的第14天,点击查看活动详情
WEB标准
HTML、CSS、JavaScript这三者分离。WEB标准不是某一个标准,而是一系列标准的集合。网页主要由三部分组成:结构(Structure)、表现(Presentation)和行为(Behavior)。对应的标准也分三方面:结构化标准语言主要包括XHTML和XML,表现标准语言主要包括CSS,行为标准主要包括对象模型(如 W3C DOM)、ECMAScript等。
优点在哪?
- 优化代码的效率:代码精简的好处就是使得服务器上的文件越小,下载文件需要的时间就越短
- 容易维护
- 兼容设备:在不同场景下,支持不同格式展示
- 可访问性:以语义化的HTML(结构和表现相分离的HTML)编写的网页文件,用户使用更方便,也更容易查询网页文件中的重要信息
什么是可用性、可访问性?
对所有用户友好,包含残障人士及特殊人群(例如视障人士、运动性残疾人士等)
实现可用性、可访问性的方法
- HTML语义化&结构化:提示在文件层级中位置,适当地方对文本进行强调,让屏幕阅读器快速了解,协助用户直接地、快速地、结构化地获取信息
//举例:使得导航菜单构造为列表,让屏幕阅读器快速了解是个列表
<ul>
<li>Menu Item 1</li>
<li>Menu Item 2</li>
<li>Menu Item 3</li>
</ul>
- 文本替代一些内容,使得屏幕阅读器很好地朗读出来,也可以快速放大或缩小,帮助更好获取信息
//举例:alt 属性包含了对该图片的简短描述,title属性负责对链接地址的详细文本描述,文本内容可以很方便地由屏幕阅读器朗读出来
<a href="http://www.qqgame.com" title="qq游戏">
<img alt="qq游戏" src=http://www.webjx.com/web/"images/app/game.jpg"/>
</a>
写在最后
重新开始更文啦!最近忙了一段时间,终于继续可以学习!感谢大家的支持!我会继续努力坚持学习!养成了好习惯,每天必定会抽出时间多多少少学习前端知识~
以上习题&笔记从大佬们的论坛学习而来,特感谢大佬们的知识分享~ (学习技术知识,果然要看大佬们的技术博客,大家有好的推荐也欢迎指引我这个小白哈,感恩!)
附上学习链接,感谢这些大佬出题和解答: