html

H5 新标签

2017-09-12  本文已影响0人  小飞侠zzr

新标签

hgroup 定义标题组

<section>

<hgroup>
<h1></h1>
<h2></h2>
</hgroup>
</section>

dialog 定义对话框

<dialog open>
this is a 对话框
</dialog>
open 打开对话框 否则在页面不会显示

details 定义细节

<details open="true">

<summary>标题一</summary>
<summary>标题二</summary>
<summary>标题三</summary>
</details>
同样需要open 打开细节

figure 定义图表区域

<figure>
<figcaption>图表标题</figcaption>
<div>图1</div>
<div>图2</div>
<div>图3</div>
</figure>
应用场景:图表分析

map 定义一个客户端图像映射


<map name="planetmap" id="planetmap">
<area shape="circle" coords="180,139,14" href ="venus.html" alt="Venus" />
<area shape="circle" coords="129,161,10" href ="mercur.html" alt="Mercury" />
<area shape="rect" coords="0,0,110,260" href ="sun.html" alt="Sun" />
</map>
img 指的是想要添加的图片
map 标签是双标签
shape 制定可以点击区域是什么形状 circle 圆 rect 矩形
coords 设置点击区域的大小 如果为圆 怎由三个数值组成 前两个是坐标 后一个是半径
如果是矩形 前两个组成起点的坐标 后两个组成 第一个坐标对角的坐标

adress

<address>
文档或者文档作者拥有者的联系信息
</address>

mark

<mark>zzzzzz</mark>把需要设置高亮的文本用mark包裹起来

progress 进度

<progress min="0" value="70" max="100"></progress>
可以=设置最小值 最大值 和 当前值(value)

meter 也可以表示进度的意思

<meter max="70" min="0" value="50"></meter>

time 给文档添加时间 一般是给系统提交的

<time datetime="2011-01-12">10:00</time>

给文字标注

<ruby>
漢 <rp>(</rp><rt>Kan</rt><rp>)</rp>
字 <rp>(</rp><rt>ji</rt><rp>)</rp>
</ruby>

abbr 缩写 有SEO优化功能的标签

<p>The <abbr title="World Health Organization">WHO</abbr> was founded in 1948.</p>
title 里面存放缩写的全称
.

三个引用标签

   <cite>引入:cite</cite>
<blockquote cite="http://example.com/facts">
    <p>引入:blockquote</p>
</blockquote>
<q>引入:q</q>

<code>
    var a=10;
    consolg.lo9g(a);
</code>
<!-- pre display:block;  保留了换行和空格 最后的空行也会保留-->
<pre>
    var a=10;
    consolg.lo9g(a);

</pre>
上一篇下一篇

猜你喜欢

热点阅读