1.HTML5与HTML4的区别网页前端/web开发工程师

/ 福州大学经济学院网页前端/web开发工程师 / 2016-07-28

HTML,前端

一、全局属性

1.全局属性是可以对任何元素都使用的属性。




 

DesignMode属性只能在JavaScript中进行编辑


二、推出理由及目标和语法的改变


2.语法的改变


Boolean布尔数学体系的

 

三、

1.新增的元素和废除的元素


2. <menu> 标签定义命令的列表或菜单。

<menu> 标签用于上下文菜单、工具栏以及用于列出表单控件和命令。

提示:请使用 CSS 来设置菜单列表的样式!

属性

New: HTML5 中的新属性。

属性

描述

label

text

规定菜单的可见标签。

type

·           popup

·           toolbar

规定要显示哪种菜单类型。

实例

带有两个菜单按钮 "File" "Edit" 的工具栏,每个按钮都包含带有一系列选项的下拉列表:

<menu type="toolbar">
 <li>
 <menu label="File">
 <button type="button" onclick="file_new()">New...</button>
 <button type="button" onclick="file_open()">Open...</button>
 <button type="button" onclick="file_save()">Save</button>
 </menu>
 </li>
 <li>
 <menu label="Edit">
 <button type="button" onclick="edit_cut()">Cut</button>
 <button type="button" onclick="edit_copy()">Copy</button>
 <button type="button" onclick="edit_paste()">Paste</button>
 </menu>
 </li>
</menu>


 

3. <source> 标签为媒介元素(比如 <video> <audio>)定义媒介资源。

<source> 标签允许您规定可替换的视频/音频文件供浏览器根据它对媒体类型或者编解码器的支持进行选择。

属性

new : HTML5 中的新属性。

属性

描述

media

media query

规定媒体资源的类型。

src

url

规定媒体文件的 URL

type

numeric value

规定媒体资源的 MIME 类型。

实例

拥有两份源文件的音频播放器。浏览器应该选择它所支持的文件(如果有的话):

<audio controls>
   <source src="horse.ogg" type="audio/ogg">
   <source src="horse.mp3" type="audio/mpeg">
 Your browser does not support the audio element.
</audio> 


 

4. <output> 标签定义不同类型的输出,比如脚本的输出。

属性

new : HTML5 中的新属性。

属性

描述

for

element_id

定义输出域相关的一个或多个元素。

form

form_id

定义输入字段所属的一个或多个表单。

name

name

定义对象的唯一名称。(表单提交时使用)

实例

执行计算然后在 <output> 元素中显示结果:

<form oninput="x.value=parseInt(a.value)+parseInt(b.value)">0
   <input type="range" id="a" value="50">100
   +<input type="number" id="b" value="50">
   =<output name="x" for="a b"></output>
</form> 


 

5. <keygen> 标签规定用于表单的密钥对生成器字段。

当提交表单时,私钥存储在本地,公钥发送到服务器。

属性

new : HTML5 中的新属性。

属性

描述

autofocus

autofocus

使 keygen 字段在页面加载时获得焦点。

challenge

challenge

如果使用,则将 keygen 的值设置为在提交时询问。

disabled

disabled

禁用 keytag 字段。

form

formname

定义该 keygen 字段所属的一个或多个表单。

keytype

rsa

定义 keytypersa 生成 RSA 密钥。

name

fieldname

$.get("/basic/724/hit.do");

公众号,微信

汇鱼网海峡创乐汇
汇鱼网海峡创乐汇