您现在的位置是:首页 > 博客网站制作 > 推荐工具推荐工具
html5为网页创建文档纲要 Document outline
杨青2013-07-10【推荐工具】人已围观
简介html5定义了一组规则,用于说明如何为网页创建文档纲要(document outline)。网页的纲要能够提供很多便利,浏览器可以让你从纲要中的一处跳到另一处。设计工具可以让你通过纲要视图中的拖放来重排区块,搜索引擎可以使用纲要构建更好的页面预览。
html5定义了一组规则,用于说明如何为网页创建文档纲要(document outline)。网页的纲要能够提供很多便利,浏览器可以让你从纲要中的一处跳到另一处。
如何查看纲要
1、在线html纲要生成器。访问http://gsnedders.html5.org/outliner/
2、chrome扩展。 使用html5 outliner 插件,然后安装,安装成功后会在地址栏中出现一个纲要的图标,单击它就会弹出一个包含整个页面的纲要的小窗口。
要知道自己网页的纲要是什么样子,可以想象把页面中的所有的内容都剥离,只剩下编号的标题元素(h1-h6)中的文本。然后,根据它们在标记中的位置缩进标题,那么嵌套最深的标题在纲要中的缩进也最多。html5有一个讲究逻辑的纲要机制,让组合文档变得更容易,在这种纲要的机制下,标题的位置显得更加重要,而实际的级别则没有那么重要了。
PS:就目前而已,纲要对于很多web开发人员来说都还不太关心。最好是把纲要机制当成是一种质量保障工具,通过纲要生成器有可能会发现其他问题导致的错误,而且能够确保你正确的使用语义元素。
Tags:
很赞哦! ()
相关文章
随机图文
html5为网页创建文档纲要 Document outline
html5定义了一组规则,用于说明如何为网页创建文档纲要(document outline)。网页的纲要能够提供很多便利,浏览器可以让你从纲要中的一处跳到另一处。设计工具可以让你通过纲要视图中的拖放来重排区块,搜索引擎可以使用纲要构建更好的页面预览。在线演示
这是一个在线演示页面,一些网站没有提供demo或者在线编辑的功能,可以使用这个在线演示页面方便把代码copy下来测试。CSS3 的全屏网页淡出隐藏过渡特效
向大家分享一个来自 Codrops 的基于 CSS3 实现的全屏网页过渡特效。页面初始布局是四个盒子,点击其中一个会扩张到全屏,其它的会淡出隐藏;关闭当前视图的时候又恢复到初始Ui Parade免费的UI在线设计工具
Ui Parade工具是一组免费的在线设计的应用程序,用很少的编码知识就能让您可以轻松地创建自定义的UI元素(按钮、表单、图标、丝带),你也可以下载你的作品在您的网站和在线应用程序使用。