码迷,mamicode.com
首页 > 其他好文 > 详细

h5常用标签语义

时间:2017-04-10 12:45:51      阅读:357      评论:0      收藏:0      [点我收藏+]

标签:time   pen   and   alt   文章   头部   footer   summary   asi   

<article>定义页面独立的内容区域。例如外部来的文章。

<aside>定义页面的侧边栏内容。<aside> 标签定义 <article> 标签外的内容。

<details>用于描述文档或文档某个部分的细节,点击展开效果。
<details>
<summary>Copyright 1999-2011.</summary>
<p> - by Refsnes Data. All Rights Reserved.</p>
<p>All content and graphics on this web site are the property of the company Refsnes Data.</p>
</details>

<dialog open>定义对话框,比如提示框,他可以弹出提示框。

<figure>规定独立的流内容(图像、图表、照片、代码等等)。元素的内容应该与主内容相关,同时元素的位置相对于主内容是独立的。如果被删除,则不应对文档流产生影响。
<figcaption>定义 <figure> 元素的标题
<figure>
<img src="img_pulpit.jpg" alt="The Pulpit Rock" width="304" height="228">
<figcaption>Fig.1 - A view of the pulpit rock in Norway.</figcaption>
</figure>

<footer>定义 section 或 document 的页脚。

<header>定义了文档的头部区域。

<mark>标签定义带有记号的文本。

<nav>定义运行中的进度(进程)。

<meter> 标签定义度量衡。仅用于已知最大和最小值的度量。
<meter value="2" min="0" max="10">2 out of 10</meter><br>
<meter value="0.6">60%</meter>

<progress>定义任何类型的任务的进度。
<progress value="60" max="100"></progress>

<ruby> 标签定义 ruby 注释(中文注音或字符)。
<ruby>
漢 <rp>(</rp><rt>Kan</rt><rp>)</rp>
字 <rp>(</rp><rt>ji</rt><rp>)</rp>
</ruby>

<section>定义文档中的节(section、区段)。

<time>定义日期或时间。

 


<input> autofocus 属性
autofocus 属性是一个 boolean 属性.
autofocus 属性规定在页面加载时,域自动地获得焦点。


<input> placeholder 属性
placeholder 属性提供一种提示(hint),描述输入域所期待的值。
简短的提示在用户输入值前会显示在输入域上。

<input> required 属性
required 属性是一个 boolean 属性.
required 属性规定必须在提交之前填写输入域(不能为空)。
注意:required 属性适用于以下类型的 <input> 标签:text, search, url, telephone, email, password, date pickers, number, checkbox, radio 以及 file。


border-collapse 属性设置表格的边框是否被合并为一个单一的边框,还是象在标准的 HTML 中那样分开显示。


内容上下左右居中
/* Safari, Opera, and Chrome */
display:-webkit-box;
-webkit-box-pack:center;
-webkit-box-align:center;

/* W3C */
display:box;
box-pack:center;
box-align:center;
}

 

h5常用标签语义

标签:time   pen   and   alt   文章   头部   footer   summary   asi   

原文地址:http://www.cnblogs.com/jar-gon/p/6688292.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!