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
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
### 回答1: 可以使用以下代码引入 Element UI: ```html <!-- 引入 Element 样式 --> <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css"> <!-- 引入 Vue 和 Element --> <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script> <script src="https://unpkg.com/element-ui/lib/index.js"></script> ``` 注意:需要先引入 Vue.js。 希望这能帮到您! ### 回答2: HTML引入Element UI需要以下几个步骤: 1. 下载Element UI库:首先,需要在Element UI的官方网站上下载Element UI的文件。可以选择全量或者按需导入的模式下载。 2. 引入CSS文件:在HTML的`<head>`标签内,利用`<link>`标签引入Element UI的CSS文件。通常情况下,Element UI的CSS文件名为`element.css`或者`element.min.css`,需要在`href`属性中指明文件路径。 3. 引入JS文件:在HTML的`<body>`标签最底端,利用`<script>`标签引入Element UI的JS文件。通常情况下,Element UI的JS文件名为`element.js`或者`element.min.js`,需要在`src`属性中指明文件路径。 4. 初始化Element UI:在HTML中引入Element UI的JS文件后,需要在页面的适当位置初始化Element UI。一般建议在DOM加载完成后进行初始化。可以使用`new Vue()`创建Vue实例,并在Vue实例的`mounted`钩子函数中初始化Element UI组件。 5. 使用Element UI组件:在Element UI初始化完成后,就可以在HTML中使用Element UI提供的各种组件了。根据具体需求,在需要使用的地方插入相应的组件标签即可。 以上就是引入Element UI的基本步骤。通过正确引入和使用Element UI,可以方便快捷地构建出各种美观且功能强大的前端界面。 ### 回答3: HTML引入Element UI可以通过以下步骤完成。 首先,确保已经下载了Element UI框架的文件。Element UI是一个基于Vue.js的框架,因此你需要下载Vue.js和Element UI的相关文件。 其次,在HTML文档的`<head>`标签内引入Vue.js文件。你可以使用CDN链接或者本地文件来引入Vue.js。例如: ```html <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script> ``` 然后,在`<head>`标签中引入Element UI的CSS文件。你可以在Element UI的官方网站上找到CSS文件的CDN链接。例如: ```html <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css"> ``` 接下来,在`<body>`标签内引入Element UI的JS文件。你同样可以使用CDN链接或者本地文件来引入。例如: ```html <script src="https://unpkg.com/element-ui/lib/index.js"></script> ``` 最后,在一个Vue实例中,你需要使用`Vue.use()`来注册Element UI的组件。这将使得你可以在Vue模板中使用Element UI的各种组件。例如: ```html <script> new Vue({ el: '#app', mounted() { // 注册Element UI组件 Vue.use(ElementUI); } }) </script> ``` 通过以上步骤,你已经成功地将Element UI引入了你的HTML文档中,可以开始使用Element UI的各种组件了。在Vue模板中,你可以根据Element UI的文档来使用它提供的各种组件,比如按钮、表单、菜单等等。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值