H5新特性

一、HTML5新特性

1、HTML新元素(标签语义化意义)例如

H5新特性

 注意:标签语义化的好处?

    1)即使没有CSS的情况下,也能看出代码的结构

    2)有利于其他的设备更好的解析

    3)有利于SEO(Search Engine Optimization利用搜索引擎规则提高排名),利于爬虫抓取有用的信息

    4)便于开发人员后期维护

2、input类型,新增多个input输入类型,便于更好的输入和验证

email:用于应该包含email地址的输入域

url:用于应该包含URL地址的输入域

number:用于应该包含数值的输入域。

range:用于应该包含一定范围内数字值的输入域。

Date pickers (date, month, week, time, datetime, datetime-local):日期选择器, 拥有多个可供选取日期和时间的新输入类型

search:用于搜索域,比如站点搜索或 Google 搜索。

color

3、表单元素

  

H5新特性

4、表单(form input)新属性

<form>新属性:

autocomplete、novalidate

<input>新属性:

autocomplete、autofocus、form、formaction、formenctype、formmethod、formnovalidate、formtarget、height and width、list、min and max、multiple、pattern (regexp)、placeholder、required、step

5、canvas

HTML5 <canvas> 元素用于图形的绘制,通过脚本 (通常是JavaScript)来完成.

例如:<canvas id="myCanvaswidth="200height="100"></canvas>

6、音频(audio)视频(video)

  

H5新特性

  audio用法和video类型,除了width height poster属性不能使用

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/zzggjp.html