html5新增标签与传统html的区别

一、文档声明以及编码声明的改变

html5之前的版本声明:

文档类型-

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

文档编码-

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

html5的版本声明:

文档类型-

<!doctype html>

文档编码-

<meta charset="utf-8">

二、html5新增标签

1.新的语义和结构标签

<header>  定义了文档头部区域

<footer>    定义了文档尾部区域

<aside>     定义了页面侧边栏内容

<article>    定义了一篇文章

<nav>     定义导航链接的部分

<section>  定义了一个区域

<figure>     规定独立的流内容(图像、图表、照片、代码等等)

<figcaption>    定义 <figure> 元素的标题

<dialog>     定义对话框,比如提示框

2.新增其它标签

(1)多媒体标签:

<video>     页面中插入视频内容;

<audio>     页面中插入音频内容;

<source>   可定义多个媒体资源。

(2)绘图标签:

<canvas>   绘制图片;

<svg>         矢量图。

(3)web运用标签:

<meter>   状态标签,温度等;

<progress>    进度条;

<details>     定义元素的详细内容

(4)注释标签:

<ruby>    标记定义 注释或音标

<rp>        告诉那些不支持ruby元素的浏览器如何去显示

<rt>         标记定义ruby注视内容文本。

(5)其它标签:

<keygen>      标记定义表单公钥;

<mark>    标记定义有标记的文本(默认黄色背景);

<output>     标记定义一些输出类型,计算表单结果配合oninput事件;

<time>        定义时间或日期。

三、已移除的元素

  • <acronym>
  • <applet>
  • <basefont>
  • <big>
  • <center>
  • <dir>
  • <font>
  • <frame>
  • <frameset>
  • <noframes>
  • <strike>
  • <tt>

 

posted @ 2017-12-03 15:19  sunriseTime  阅读(143)  评论(0编辑  收藏  举报