h5新增

h5新增

1.简化的文档类型和字符集

(1)文档类型

<! DOCTYPE  HTML>

(2)字符集

<meta  charset="UTF-8">

2.富有语义化的新结构元素

<header></header>

                 包括标题,logo,导航和其他页眉内容

<hgroup></hgroup>

                   将标题进行分组元素

<nav></nav>

                  主导航菜单

<section></section>

                分块元素,定义网站中特定的可区别的区域

<article></article>

                  独立成文且以其他格式重用的内容应该置于一个article元素中

<aside></aside>

                    包含内容周围的相关内容

<footer></footer>

                版权声明和作者信息,包含链接

3.新增的内联元素

<figure>

        <figcaption>  figure的标题 </figcaption>

              <p>图片</p>

              <img src="img1.jpg"  width="100px"  height="100px">

</figure>

          包含图像,代码和其他内容对主要内容进行说明,删除不会影响内容

<mark></mark>

                        突出元素以表示引用的内容,或突出显示与用户当前活动相关的内容,不同于en或strong元素

<time></time>

                     在内容中显示时间或日期

<meter></meter>

                     定义度量衡,规定最大最小宽度,结合css一起作用

<progress></progress>

                     定义进度条,有  max(完成值)   value(进度条当前值)两个属性

4.支持动态页面

(1)  菜单<menu>

表单中组织控件列表,属性:

             autosubmit,为true,表示当表单控件改变时会自动提交

             label,文档的背景色

             type,定义显示那种类型的菜单,可选为"context"、"toolbar"和"list"   "list"是默认值

<menu>

               <li>  <input  type="checkbox"/>   控件   </li>

</menu>

 

(2)右键菜单 <menitime>

属性:

          label        菜单项的标题

          icon        菜单项前面显示的图标

          onclick    指定单击此菜单项时执行的JS代码

 

(3)在script标签中使用async属性

                               指定异步执行的脚本

 

(4)      <details>元素

用于描述文档或文档某个部分的细节

<details>

             <summary>    控件   </summary>

              <p>   用于描述文档或文档某个部分的细节   </p>

</details>

5.全新的表单设计

               HTML5新的Input类型

<email>

<url>

<number>

<range>

 

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值