H5 新标签

作者: 小飞侠zzr | 来源:发表于2017-09-12 21:23 被阅读0次

新标签

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>

相关文章

  • H5基础知识点

    H5新特性,移除哪些标签?

  • 小知识点总结

    小知识点总结 标签(空格分隔): 随笔 1.H5&C3新知识点 H5新标签 H5中新增了很多具有“语义化”的新标签...

  • 迷茫朋友的前端开发学习路线

    基础: 1、语义化H5标签 1.1、H5引进了一些新的标签,特别注意article、header、footer、a...

  • 编程骚操作:Java Web实现网易云音乐播放器,帮你省下会员费

    H5增加了很多的标签,面试的时候,如果面试官问你H5都有哪些新标签,你回答header、footer、nav。 这...

  • HTML面试题

    1. h5新标签有哪些?为什么要加强语义化? 新标签: 文档类型设定:; 字符设定:...

  • HTML5新增标签与特性

    H5字符设定 HTML与XHTML中建议这样去写: HTML5的标签中建议这样去写: H5常用新标签 header...

  • h5新标签

    头部
    尾部
  • H5 新标签

    新标签 hgroup 定义标题组 dialog 定义对话框

    this is a 对话框...

  • H5新标签

    新的元素标签 有 article (用于定义文章) 、 aside (定义页面关联度不高的内容) 、 datali...

  • H5新标签

    用于定义文章 article 与文章关联程度不高的内容 aside 用于列表项 datalist 7 用于隐藏域 ...

网友评论

    本文标题:H5 新标签

    本文链接:https://www.haomeiwen.com/subject/rljhsxtx.html