HTML5大纲算法对结构的影响网页优化必学

132czh · 发表于 2016-12-14 09:43:12

HTML5已经出来好长时间了，越来越多人希望并且开始把HTML5应用到平时的工作、个站中。大家对section、article、aside、nav等新标签的使用也越来越上手，也许是自我感觉良好的上手。不从多个方面去认识理解这些标签，可能反而让自己落入了更混乱的境地。HTML的大纲算法(outlining algorithm)就是一个很重要的切入点。
先看两个大纲：

这两个都是我早期的作品了。当时还觉得自己的结构写的不错，特别是第二个，还用上了HTML5标签，以为自己就踏进这个新世界了。看过HTML大纲算法之后，检测了一下这些页面，真的是惨不忍睹。第一个各种混乱标题不说，"主创阵容"居然从属于"用户评论"？第二个也不好发言了，那么多未命名的是什么东西？不过总是要踩在伤痛的历史上才能往前进。
再来看几个其他人重构的页面大纲：

想象你是一个有点视力障碍的用户，需要依靠屏幕阅读器来浏览这些网页，阅读器会按照层级来给你解读这个网页，你觉得上面那个网页更容易让你获得所需要的资讯呢？也许对比完大家更想知道大纲算法到底是个怎么样的东西了吧？

		自动登录	找回密码
密码			立即注册

HTML5大纲算法对结构的影响网页优化必学

相关帖子

浏览过的版块

HTML5大纲算法对结构的影响 网页优化必学

相关帖子

浏览过的版块

HTML5大纲算法对结构的影响网页优化必学