Html5大纲算法及标签简介

  • 2017-01-12 9:59:57
  • 3,633 次阅读
  • 稿源:天马行空

在 HTML5 中有一个很重要的概念,叫做大纲算法(HTML5 Outliner),它主要作用是便于用户阅读,同时也利于搜索引擎优化。比如我们经常使用的课本,会看到前面有个目录,上面清晰列出了整本书的大纲,这便于用户查找阅读,同样网页也需要个大纲。合理的使用 HTML5 元素标签,可以生成一个非常清晰的文档大纲,我们可以通火狐游览器插件HTML 5 Outliner工具去查看当前html5大纲页面。要想了解大纲算法,必须还要知道几个标签比如,header,section,nav,aside。

①header元素是一个具有引导和导航作用的结构元素,通常用来存放整个页面或页面内的一个内容区块的标题,但也可以包含其他的内容,比如在header里面放置logo图片、搜索表单等。但它不会展示在大纲中,不需要h标题。

②section表示页面中内容区块的章节或段落,它会出现在目录大纲中,必须有h标题。

③nav和aside是存放链接用的,可以没有h标题标签,如果在html5大岗中出现untiled section也是合理的。最后body是整个网页中的,也需要一个标题。

html5tag

喜欢 2

文章评论 (1)

  1. 秦始皇说道:

    路过

    [1楼]网友 Linux | Chrome 55.0.2883.91   

表情

大眼 可爱 大笑 坏笑 害羞 发怒 折磨 快哭了 大哭 白眼 晕 流汗 困 腼腆 惊讶 憨笑 色 得意 骷髅 囧 睡觉 眨眼 亲亲 疑问 闭嘴 难过 淡定 抗议 鄙视 猪头