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的区别就写到这儿。过几天在更新了

html5 第一天的更多相关文章

  1. HTML5第一讲

    第一回合:什么是HTML5? HTML5 将成为 HTML.XHTML 以及 HTML DOM 的新标准. HTML 的上一个版本诞生于 1999 年.自从那以后,Web 世界已经经历了巨变. HTM ...

  2. Html5第一章

    赵冬梅 一.HTML简介 Hyper Text Markup Language(超文本标记语言) 超文本包括:文字.图片.音频.视频.动画等 二.HTML发展史 1993-6发布超文本标记语言 ... ...

  3. 学习html5第一天

    HTMl5作为web标准的一种,在2004年诞生,web超文本应用技术工作组WHATWG将它发展起来,W3C由开始的不赞同到与WHATWG共同合作,并在2015年开始推广.并随着浏览器的不断支持和兼容 ...

  4. 自学HTML5第一天（认识HTML5的全局属性）

    contextmenu 属性 规定 <div> 元素的上下文菜单.上下文菜单会在用户右键点击元素时出现.列子: <div contextmenu="mymenu" ...

  5. 用仿ActionScript的语法来编写html5——第一篇，显示一张图片

    第一篇,显示一张图片 一,代码对比 as代码: public var loader:Loader; public function loadimg():void{ loader = new Loade ...

  6. 深入HTML5第一天

    页面的title一般是30-40个字符:分别为主页,详情页,列表页  keywords:100个字符  description: em是:emphasize: 强调,着重  i:italic斜体的 : ...

  7. 2016 - 1 -19 初学HTML5 第一天

    1.HTML COMMANDS MHTL commands called elements.Usually, an element has a start tag and an end tag e.g ...

  8. HTML5定稿

    HTML5定稿了,终于有一种编程语言开发的程序可以在Android和IOS两种设备上运行了 本文转载自: http://www.cnblogs.com/tuyile006/p/4103634.html ...

  9. HTML5之新增标签用途及应用场景

    把自己的学习笔记整理一下,今天是HTML5第一篇,明天是css3选择器,给自己提个醒!哈哈 新的页面结构以及宽松的语法规范,标签可以不用闭合,可以省略head,body等标签 <!DOCTYPE ...

随机推荐

  1. .数据库连接池技术：DBCP和C3P0

    数据库连接池技术:DBCP和C3P0 1.什么是数据库连接池 已知的方法是需要访问数据库的时候进行一次数据库的连接,对数据库操作完之后再释放这个连接,通常这样业务是缺点很明显的: 用户每次请求都需要向 ...

  2. 使用JavaMail发送邮件

    一.邮件的相关概念 邮件协议.主要包括: SMTP协议:Simple Mail Transfer Protocol,即简单邮件传输协议,用于发送电子邮件 POP3协议:Post Office Prot ...

  3. Linux下的ctrl常用组合键

    在linux的命令模式下使用ctrl组合键能让操作更便捷. ctrl + k -- 剪切光标及其后边的内容: ctrl + u -- 剪切光标之前的内容: ctrl + y -- 在光标处粘贴上两个命 ...

  4. SpringMVC(五) RequestMapping 请求参数和请求头

    可以通过在@RequestMapping的params参数中设置可以传入的参数,且支持简单的表达式,如以下格式: @RequestMapping(value="helloRWorld&quo ...

  5. 开发 ASP.NET vNext 续篇：云优化的概念、Entity Framework 7.0、简单吞吐量压力测试

    继续上一篇<开发 ASP.NET vNext 初步总结(使用Visual Studio 2014 CTP1)>之后, 关于云优化和版本控制: 我本想做一下MAC和LINUX的self-ho ...

  6. 从2G到5G, 基站天线过去与未来

    在蜂窝移动通信系统中,天线是电路信号与空间辐射电磁波的转换器,是移动通信系统的末梢关键组成部分. 从2G到4G,移动基站天线经历了全向天线.定向单极化天线.定向双极化天线.电调单极化天线.电调双极化天 ...

  7. Maven学习笔记

    1.Maven安装 Maven和ant同为apache出版的构建工具,与gradle是一类东西,与C语言中的make是同一类产品.从apache官网上下载maven的zip安装包,解压即可使用,需要把 ...

  8. python2.7初学（〇）

    为什么学习Python Python为我们提供了非常完善的基础代码库,覆盖了网络.文件.GUI.数据库.文本等大量内容,被形象地称作“内置电池(batteries included)”.而且pytho ...

  9. java使用tomcat7的maven插件发布到服务器

    服务器容器使用tomcat7的maven插件,使用该插件不需要使用tomcat服务器.以下示例均以paycore项目为例. 一.使用tomcat7-maven-plugin 首先在主pom(payco ...

  10. sql server如何分组编号

    我们在生产实践中经常会有这样的需求:分组编号. 如下有一个城市区域表region: 我们需要对上表region按city分组,对region进行排序,得到如下结果: 具体sql如下: select c ...