H5W3
当前位置:H5W3 > 其他技术问题 > 正文

快速了解掌握html5新特性

一.介绍

    前面有一篇关于HTML的简单介绍,本片文章是以《HTML使用详解》的基础上对html5的新特性的使用方法做个介绍。想必大家对于HTML都熟知吧!它被称知为超文本标记语言,而HTML5是最新的HTML标准。HTML5语言更加精炼,减少了对外部插件的需求,解析规则更加详细,容错性更好。

二.HTML5的新特性

1.新增语义结构化标签

<article>

定义文章。

<aside>

定义页面内容之外的内容。

<details>

定义元素的细节

<figure>

定义媒介内容的分组,以及它们的标题

<footer>

定义 section  page 的页脚

<header>

定义 section  page 的页眉

<mark>

定义有记号的文本

<nav>

定义导航链接

<section>

在文档中定义部分

<summary>

 <details> 元素定义可见的标题

<time>

定义日期/时间

2.功能标签

<audio>

定义声音内容

<bdi>

定义文本的文本方向,使其脱离其周围文本的方向设置

<canvas>

定义图形,画布

<command>

定义命令按钮

<datalist>

定义下拉列表

<dialog>

定义对话框或窗口

<embed>

定义外部交互内容或插件

<figcaption>

定义 figure 元素的标题

<keygen>

定义生成密钥

<meter>

定义预定义范围内的度量

<output>

定义输出的一些类型

<progress>

定义任何类型的任务的进度

<rp>

定义若浏览器不支持 ruby 元素显示的内容。

<rt>

定义 ruby 注释的解释

<ruby>

定义 ruby 注释

<source>

定义媒介源

<track>

定义用在媒体播放器中的文本轨道

<video>

定义视频

<wbr>

定义可能的换行符

3. HTML5废弃或删除的标签  


Normal
0

7.8 磅
0
2

false
false
false

EN-US
ZH-CN
X-NONE

/* Style Definitions */
table.MsoNormalTable
{mso-style-name:普通表格;
mso-tstyle-rowband-size:0;
mso-tstyle-colband-size:0;
mso-style-noshow:yes;
mso-style-priority:99;
mso-style-parent:””;
mso-padding-alt:0cm 5.4pt 0cm 5.4pt;
mso-para-margin:0cm;
mso-para-margin-bottom:.0001pt;
mso-pagination:widow-orphan;
font-size:10.5pt;
mso-bidi-font-size:11.0pt;
font-family:等线;
mso-ascii-font-family:等线;
mso-ascii-theme-font:minor-latin;
mso-fareast-font-family:等线;
mso-fareast-theme-font:minor-fareast;
mso-hansi-font-family:等线;
mso-hansi-theme-font:minor-latin;
mso-font-kerning:1.0pt;}
table.MsoTableGrid
{mso-style-name:网格型;
mso-tstyle-rowband-size:0;
mso-tstyle-colband-size:0;
mso-style-priority:39;
mso-style-unhide:no;
border:solid windowtext 1.0pt;
mso-border-alt:solid windowtext .5pt;
mso-padding-alt:0cm 5.4pt 0cm 5.4pt;
mso-border-insideh:.5pt solid windowtext;
mso-border-insidev:.5pt solid windowtext;
mso-para-margin:0cm;
mso-para-margin-bottom:.0001pt;
mso-pagination:widow-orphan;
font-size:10.5pt;
mso-bidi-font-size:11.0pt;
font-family:等线;
mso-ascii-font-family:等线;
mso-ascii-theme-font:minor-latin;
mso-fareast-font-family:等线;
mso-fareast-theme-font:minor-fareast;
mso-hansi-font-family:等线;
mso-hansi-theme-font:minor-latin;
mso-font-kerning:1.0pt;}

       a.能用CSS代替的标签包含有basefontbigcenterfontsstrikettu。这些元素主要是为了页面展示效果用,应有CSS来完成。3. HTML5废弃或删除的标签

       b.frame框架,在HTML5中不在支持,只支持iframe框架,同时包含这些framesetframenoframes

       c.部分浏览器支持的标签,包含appletbgsoundblinkmarquee

       b.废弃的标签,包含rbacronymdirisindexlistingxmpnextidplaintex;使用其它标签代替,如下:

废弃标签

代替标签

rb

ruby

acronym

abbr

dir

ul

isindex

forminput相结合

listing

pre

xmp

code

nextid

guids

plaintex

“text/plian”(无格式正文)MIME类型

 

本文地址:H5W3 » 快速了解掌握html5新特性

评论 0

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址