html5 第一天

   html4与html5的琐碎比较,不全,第一次写,望多多包涵。

一 兼容性:html5在老版本的浏览器上也可以运行

二 实用性:HYML5都是封装的简单使用功能

三非革命性的发展

Html5向前兼容,但是在指定字符编码时

Html4

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

(注意数据库里面是UTF8)

Html5中

<meta charset=”UTF-8”>可以采用html4也可以采用直接追加方式。

但是在html4中的这种格式会报错

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

 

Html5元素标记分为

“不允许写结束标记”允许格式<元素/>

包括下列元素

area 、base、br、col、command、embed、hr、img、input、keygen、link、meta、param、source、track、wbr

“可以省略结束标记 ”

包括下列元素

li、dt、dd、p、rt、rp、optgroup、option、colgroup、thead、tbody、tfood、tr、td、th

 “开始标记和结束标记全部省略”它的隐式方式还存在

包括下列元素

html、head、body、colgroup、tody

相较于html4

<input type=”text”>

<input type=’text’>

Html5可以写为

<input type=text>

Html5 标记示例

<!DOCTYPE html>

<meta charset=”UTF-8”>

<title>HTML 5 第一个html5标记程序</title>

<p>这儿你可以看成段落

 

Html5新增结构元素

aection元素 表示页面的一个内容区块 如章节页眉 页脚或者页面中的其他部分

article元素 表示一块与上下文独立不相关的独立内容

aside元素 表示与article元素内容之外,内容相关的辅助信息

header元素 表示页面中一个内容区块或整个页面的标题。

hgroup元素 对整个页面或者页面中一个内容区块的标题进行组合

footer 元素 表示整个页面或者页面中的一个内容区块的脚注

nav元素 表示页面中导航链接的部分

这儿的html4中是用ul元素表示

figure表示一段独立的流内容(这个尚未理解到位)

上面所述的元素在html4中都是div来分块实现的。

 

在html5中还新增了video audio embed(插入各种多媒体,支持Midi Wav AIFF AU MP3等等) mark(在视觉上给用户呈现那些需要突出显示或者高亮显示的文字)progress(在运行过程中可以用它显示js中耗费时间函数的进程) time(表示日期和时间)

 

ruby rt rp (中文注音或者字符 不是很理解)

 

wbr(表示软换行,br是此处必须换行,而wbr在浏览器窗口或者父级元素的宽度足够宽时就不用换行了,对中文貌似没什么用)

canvas元素 (我的理解是如同svg的东西,但是没有svg强大,我还是小渣渣,有错请轻喷)

command表示命令按钮。

details表示用户要求得到并且可以得到的细节信息。它与summary元素(提供标题或者图例)配合使用。

datalist表示可选数据的列表与input元素配合使用,可以制作出输入值的下拉列表。(做设计这一行源于尝试和想想,也许做出来的不稳定,但你可能创造出另一种神奇用法)

datagrid表示可选数据的列表,它以树形列表的形式来显示。

Keygen表示生成密匙。也就是我们下载破解版所用到的注册机,具体用途我还没实践到。

output元素表示不同类型的输出

source为媒介元素定义媒介资源

menu表示菜单列表,当希望列出表单控件时使用该标签。

 

html5新增了input元素的类型如

 email类型必须输入e-mail地址的文本框

 包括url  number range  Data Pickers(data month week time datetime 选取时间日月年(UTC国际协调时间)datetime-local选取时间日月年(本地时间) )

Html5废除的元素

 

  废除了basefont big center font s strike tt u这些元素 font可以用“所见即所得”的编辑器插入 s strike元素可以用del元素代替 tt元素由CSS的font-family属性代替

   不再使用frame框架 只支持iframe框架 。frameset frame noframes废除

   applet bgsound blink marquee由于只被部分浏览器支持,被废除。applet由embed或者object元素代替,bgsound由audio代替 marquee由js编程的方式所替代

废除rb,由ruby替代

废除acronym 由abbr元素替代

废除dir 由ul替代

废除isindex 由form与input元素相结合的方式替代

废除listing 由pre替代

废除xmp 由code元素替代

废除nextid 由GUIDS替代

废除plaintext 由“text/plian”MIME类型替代

和html4的区别就写到这儿。过几天在更新了

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。