`
bladestone
  • 浏览: 720 次
  • 性别: Icon_minigender_1
  • 来自: 北京
最近访客 更多访客>>
文章分类
社区版块
存档分类
最新评论

HTML 5 element

阅读更多
HTML 5 text element
>> article, section, nav, aside are all section content.
所谓的section就是可以按照类似word outline风格的分层缩进视图。 但是目前在FF/Chrome都没有支持.
可以在此处体验:  http://gsnedders.html5.org/outliner/
'Untitle Section'表示其没有title,仅是warning信息.

<hgrou>主要是用来描述总结,概述或者类似的文本元素的,他们都hgroup的子元素。
英文的描述如下:
The spec for <hgroup> says “For the purposes of document
summaries, outlines, and the like, the text of hgroup elements
is defined to be the text of the highest-ranked h1–h6 element
descendant of the hgroup element.”

例子:
<article>
  <hgroup>
     <h2>Get the beers in! Here comes</h2>
     <h1>Remy Sharp!</h1>
  </hgroup>
</article>


Note that certain elements—<blockquote>, <body>, <details>,
<fieldset>, <figure>, <td>—are said to be sectioning roots, and
can have their own outlines, but the sections and headings
inside these elements do not contribute to the outlines of their
ancestors.

可以使用anchor去包装整个块元素,将style应用于整个block,但须在css中使用display:block。
http://mattwilcox.net/sandbox/html5-block-anchor/test.html
分享到:
评论

相关推荐

    HTML5-Pocket-Reference.epub

    Need help finding the right HTML5 element or attribute for your web page or application? HTML5 Pocket Reference is the classic reference that web designers and developers have been keeping close at ...

    HTML5 Pocket Reference, 5th Edition

    An alphabetical listing of every element and attribute in HTML5, HTML5.1, and the WHATWG living standard Descriptions, markup examples, content categories, content models, and start- and end-tag ...

    HTML-引入Vue3和Element Plus

    在本项目中,我们主要探讨如何在HTML页面中引入Vue3框架和Element Plus UI库,以便构建一个功能丰富的前端应用。Vue3是Vue.js的最新版本,提供了许多性能优化和新特性,而Element Plus则是一个基于Vue3的高质量UI...

    HTML+Element-ui邮件管理前端界面

    不用脚手架,无需创建vue工程 若element-ui显示故障: 1.查看是否引用 &lt;!--引入 element-ui 的样式,--&gt; ...2.html代码是否被div包含 3.是否 var Ctor = Vue.extend(Main) new Ctor().$mount('#app')

    一款基于vue3+typescript+element plus的HTML5富文本编辑器.zip

    标题中的“一款基于vue3+typescript+element plus的HTML5富文本编辑器”揭示了这个项目的核心技术栈,包括Vue.js的最新版本Vue 3、TypeScript以及Element Plus UI库。Vue 3是当前非常流行的前端框架,它提供了组件化...

    h5+vue+element+vant模板

    在当前的Web开发领域,H5(HTML5)、Vue.js、Element UI以及Vant UI都是极为重要的技术组件,它们共同构建了一个高效、易用且功能丰富的前端开发框架。以下将详细解析这些技术及其在"露电官网h5"项目中的应用。 ...

    VUE+VUEX+element集成的H5

    6. **定位功能**:为了提供健身房的地理位置信息,应用可能会使用HTML5的Geolocation API获取用户位置,并结合地图API(如Google Maps或高德地图)显示附近的健身房。Vue组件可以封装这些功能,实现定位结果的实时...

    静态Html、jsp、php等使用element ui最简单直观例子(含table/对话框服及js/css等)

    在HTML、JSP、PHP等动态网页开发中,Element UI 提供了一系列组件,如表格(Table)、对话框(Dialog)、按钮(Button)等,极大地提高了开发效率。本教程将通过几个简单的例子,介绍如何在静态页面和服务器端渲染...

    html5 系统vue-element-admin-master.rar

    《Vue.js与Element-UI构建的HTML5后台管理系统详解》 HTML5作为现代网页开发的基石,极大地丰富了Web应用程序的功能,提供了更好的用户体验。而Vue.js作为一款轻量级的前端框架,以其易学易用、高效灵活的特性,...

    element-ui动态渲染表格.html

    element-ui动态渲染表格

    基于tp5的vue+element-ui 实现分页

    在本项目中,我们主要探讨如何使用`ThinkPHP5 (TP5)`框架,结合前端的`Vue.js`和`Element UI`组件库来实现数据的分页显示。`ThinkPHP5`是一个流行的PHP开发框架,它提供了丰富的MVC功能,方便开发者快速构建Web应用...

    element-plus(element-plus@2.5.5) 本地离线资源

    element-plus@2.5.5 本地离线资源,适用于没有网络连接、搭建自己的cdn等用途。 All files(包含文件) /npm/element-plus@2.5.5/dist /npm/element-plus@2.5.5/es /npm/element-plus@2.5.5/lib /npm/element-...

    html 引入 vue.js axios element-ui

    本篇文章将详细介绍如何在HTML中引入Vue.js、Axios以及Element-UI这三个流行的JavaScript库,以构建一个简单的单页面应用。 首先,Vue.js是一个轻量级的渐进式JavaScript框架,它允许开发者以声明式的方式编写代码...

    element.js文件

    JavaScript库如Element.js提供了一种标准化的方式来创建和管理这些元素,使得开发者无需从零开始编写大量的HTML、CSS和JavaScript代码。 JavaScript库的核心在于其API(应用程序接口),Element.js也不例外。该库的...

    基于html5+css3+javascript+jquery+vue+element的项目,模仿klientboost响应式网站

    【标题】中的“基于html5+css3+javascript+jquery+vue+element的项目,模仿klientboost响应式网站”揭示了这个项目的核心技术栈,它涵盖了网页开发的多个重要方面。HTML5是现代网页的标准语言,提供了更好的多媒体...

    element.zip

    "element.zip" 文件是一个包含了Element UI核心组件和资源的压缩包,用于在普通HTML5项目中集成Element UI。 首先,要理解如何在不使用Vue框架的普通H5项目中引入Element UI,我们需要知道几个关键步骤。以下是详细...

    vue+element+html5简单示例

    在这个"vue+element+html5简单示例"中,我们将深入探讨如何利用这些技术创建一个基础的“联系我们”页面。 首先,Vue.js的核心概念包括组件化、数据绑定和指令系统。在本示例中,你可能会看到如何定义Vue实例,设置...

    element JS资源库(本地执行)下载

    5. `index.html`:示例页面,展示了Element UI组件的用法。 6. `package.json`:项目配置文件,包含了依赖信息和版本控制。 7. `README.md`:介绍文件,说明如何使用和安装Element UI。 使用这个本地资源库时,你...

    element-ui.rar element-ui核心库压缩包

    Element UI 是一个基于 Vue.js 的开源 UI 组件库,它为开发者提供了丰富的界面组件,用于构建优雅的前端应用。这个“element-ui.rar”压缩包包含了 Element UI 的核心库,是开发人员快速搭建企业级 Web 应用的重要...

    html引入elementUI资源文件

    在HTML中引入Element UI资源文件是一项常见的前端开发任务,它涉及到HTML、CSS、JavaScript以及前端框架的使用。Element UI是一款基于Vue.js的组件库,它提供了丰富的UI组件,如按钮、表格、对话框等,极大地提高了...

Global site tag (gtag.js) - Google Analytics