html5 Outliner

最新推荐文章于 2024-08-06 18:58:51 发布
最新推荐文章于 2024-08-06 18:58:51 发布
阅读量407 收藏
点赞数
分类专栏： 前端杂谈 文章标签： html5 文档结构

最近在学习html5，找到一个可以清楚查看html文档大纲的网站，大力推荐，下面是网址，大家可以看看，我感觉不错，合理的进行代码开发很重要，这也是html5的精神所在啊

 

http://gsnedders.html5.org/outliner/

iteye_4192
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
h5o-chrome, HTML5 outliner ( Chrome 扩展).zip
09-18
h5o-chrome, HTML5 outliner ( Chrome 扩展) 面向 Chrome的扩展是在 Chrome 存储服务器上可用的。有关大纲代码库，请参见 h5o/h5o-js插件。有关详细信息和书签，请访问 https://h5o.github.io/ 。在npm上发布，因为它是 JS 。 你还可以
HTML5 Outliner-crx插件
03-20
使用标题和剖面元素生成可导航的页面轮廓 此扩展程序使用HTML5大纲算法创建目录。 还应该使用具有结构化标题的HTML4（和更早版本？）页面。 目录是可点击的，并试图在跳转之后突出显示标题/部分。 对于经常使用在线HTML5大纲的人来说，扩展应该是有用的。 评论，错误报告和建议非常感谢！ 扩展程序源代码：https：//github.com/h5o/h5-chrome Outliner源代码：https：//github.com/h5o/h5o-js 如果你喜欢这个扩展，请考虑向海洋远航学院（凯西项目）提供慈善捐款，网址是http://www.ammado.com/community/112794 支持语言:English
HTML5大纲算法（HTML5 Outliner）
weixin_34161029的博客
07-27 579
2019独角兽企业重金招聘Python工程师标准>>> ...
（原创）一个JavaScript Function Outliner插件 第三个版本 让你的JavaScript代码也支持折叠...
weixin_34310369的博客
06-16 98
今天我为大家带来JavaScript Function Outliner插件的第三个版本，在这个版本里我们也可以对JavaScript的代码进行折叠了 不过目前支持折叠的就function 发布前两个版本后很多朋友加我的Q问我如何安装这个插件，所以我在第二个版本里添加了安装插件的说明，你可以点击这里查看 什么也不说还是贴图吧，这个来的快(在这里首先要感谢园子里的代码乱了，是他提供的资...
outline.js 3.21.0 已经发布，自动生成文章导读导航
Jdjdjjdjdjdje的博客
08-29 100
此版本更新内容包括：
HTML5 隐式大纲详解
08-20
为了方便开发者检查HTML5大纲，有一些浏览器插件，如"HTML5 Outliner"，可以直观地显示页面的结构目录。通过这些工具，我们可以看到元素如何组合成一个清晰的逻辑结构，这对于调试和优化页面大纲非常有用。 总的来...
Outliner-crx插件
04-02
Outliner-crx插件是一款专为网页开发设计的Chrome扩展程序，主要功能是帮助开发者更好地理解和组织HTML元素的结构。这款插件支持英文界面，旨在提高网页开发者的效率，通过直观地显示页面元素的层级关系，使他们能够...
Outline.js: 简洁高效的大纲视图库
gitblog_00042的博客
04-03 399
Outline.js: 简洁高效的大纲视图库 项目地址:https://gitcode.com/yaohaixiao/outline.js Outline.js 是一个轻量级且强大的JavaScript库，用于生成和操作网页内容的大纲视图。它通过解析HTML结构，为用户提供一种清晰、交互式的导航方式，尤其适合于文档丰富的网站或长篇幅的内容。 技术分析 Outline.js 使用了现代浏览器的API...
html5工具_HTML5测试工具
cungui5726的博客
08-19 330
html5工具While validation will remain your front-line defense against pages that render poorly in the browser, there is a suite of other testing tools that can help you determine that you’ve created you...
项目实战-PC端固定布局【1】之完成导航
a716121的专栏
08-11 1688
完成导航效果： index.html: 项目实战-PC端固定布局（1） 星月旅行社 首页 旅游资讯 机票订购 风景欣赏 公司简介 header section footer style.css: @charset "utf-8"; /*内外边距都是0*/ body,h1,ul{
第一周笔记
My_nerously的博客
10-19 1046
一个小白的笔记
《学习HTML5》HTML大纲算法对结构的影响
weixin_33827731的博客
03-20 129
HTML5已经出来好长时间了，越来越多人希望并且开始把HTML5应用到平时的工作、个站中。大家对section、article、aside、nav等新标签的使用也越来越上手，也许是自我感觉良好的上手。不从多个方面去认识理解这些标签，可能反而让自己落入了更混乱的境地。HTML的大纲算法(outlining algorithm)就是一个很重要的切入点。 先看两个大纲： 这两个都是我早期的作...
《HTML5 开发精要与实例详解》所得
sogi1212的博客
03-13 583
1.文本分析工具大纲https://gsnedders.html5.org/outliner/2.网页的语义性在HTML5 中，body 元素、blockquote 元素、fieldset 元素、td 元素、details 元素及figure 元素被称为节根(sectioning roots) 元素。这些元素的共同特征是拥有自己独立的大纲，并且这些元素内的section元素、article元素、标...
html5代码了解,了解HTML5大纲算法(示例代码)
weixin_42522374的博客
06-26 314
实战前的准备工作：了解HTML5大纲算法在html5中有一个很重要的概念，叫做html5大纲算法(HTML5 Outliner)，它的用途为用户提供一份页面的信息结构目录。合理的使用HTML5元素标签，可以生成一个非常清晰的文档大纲。HTML5大纲算法我们可以通过各种工具去查看当前页面，这里推荐使用一个测试工具：HTML5 Outliner，网址如下：https://gsnedders.html5...
HTML5的大纲讲解
lixiuxiu2017的博客
03-16 2808
HTML5的大纲讲解（1）HTML5大纲分析工具网址：https://gsnedders.html5.org/outliner/（会呈现最终页面效果）（2）HTML5大纲的编排规则：分为‘显示编排’和‘隐式编排’两种方式。‘显示编排’是指明确使用section元素进行分块，每个内容区块内使用标题元素h1-h6；‘隐式编排’是指不使用section元素进行分块，而是根据标题元素h1-h6的级别进行自...
HTML5+CSS3-HTML5入门
2302_77230857的博客
08-06 712
,<meta>,<link>,<style>等，都属于头部标签可容纳的子标签。该标签必须在<head>之中，，一个HTML文档只能包含一个<title>标签，<title>开始标签和
软件设计之HTML5
thm19990903的博客
08-04 1899
HTML：Hyper Text Markup Language 超文本标记语言。
基于Springboot和Vue的人口老龄化社区服务与管理平台源码 人口老龄化社区服务与管理平台代码（高分优秀毕业设计）
最新发布
08-12
人口老龄化社区服务与管理平台源码（高分毕设），个人经导师指导并认可通过的98分毕业设计项目，主要针对计算机相关专业的正在做毕设的学生和需要项目实战练习的学习者。也可作为课程设计、期末大作业。包含全部项目源码[代码]、该项目可以直接作为毕设使用。项目技术栈：前端是vue，后端是springboot，项目代码都经过严格调试，代码没有任何bug！ 系统源码（高分毕设），个人经导师指导并认可通过的98分毕业设计项目，主要针对计算机相关专业的正在做毕设的学生和需要项目实战练习的学习者。也可作为课程设计、期末大作业。包含全部项目源码[代码]、该项目可以直接作为毕设使用。项目技术栈：前端是vue，后端是springboot，项目代码都经过严格调试，代码没有任何bug！ 系统源码（高分毕设），个人经导师指导并认可通过的98分毕业设计项目，主要针对计算机相关专业的正在做毕设的学生和需要项目实战练习的学习者。也可作为课程设计、期末大作业。包含全部项目源码[代码]、该项目可以直接作为毕设使用。项目技术栈：前端是vue，后端是springboot，项目代码都经过严格调试，代码没有任何bug！
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值