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的区别就写到这儿。过几天在更新了
html5 第一天的更多相关文章
- HTML5第一讲
第一回合:什么是HTML5? HTML5 将成为 HTML.XHTML 以及 HTML DOM 的新标准. HTML 的上一个版本诞生于 1999 年.自从那以后,Web 世界已经经历了巨变. HTM ...
- Html5第一章
赵冬梅 一.HTML简介 Hyper Text Markup Language(超文本标记语言) 超文本包括:文字.图片.音频.视频.动画等 二.HTML发展史 1993-6发布超文本标记语言 ... ...
- 学习html5第一天
HTMl5作为web标准的一种,在2004年诞生,web超文本应用技术工作组WHATWG将它发展起来,W3C由开始的不赞同到与WHATWG共同合作,并在2015年开始推广.并随着浏览器的不断支持和兼容 ...
- 自学HTML5第一天（认识HTML5的全局属性）
contextmenu 属性 规定 <div> 元素的上下文菜单.上下文菜单会在用户右键点击元素时出现.列子: <div contextmenu="mymenu" ...
- 用仿ActionScript的语法来编写html5——第一篇，显示一张图片
第一篇,显示一张图片 一,代码对比 as代码: public var loader:Loader; public function loadimg():void{ loader = new Loade ...
- 深入HTML5第一天
页面的title一般是30-40个字符:分别为主页,详情页,列表页 keywords:100个字符 description: em是:emphasize: 强调,着重 i:italic斜体的 : ...
- 2016 - 1 -19 初学HTML5 第一天
1.HTML COMMANDS MHTL commands called elements.Usually, an element has a start tag and an end tag e.g ...
- HTML5定稿
HTML5定稿了,终于有一种编程语言开发的程序可以在Android和IOS两种设备上运行了 本文转载自: http://www.cnblogs.com/tuyile006/p/4103634.html ...
- HTML5之新增标签用途及应用场景
把自己的学习笔记整理一下,今天是HTML5第一篇,明天是css3选择器,给自己提个醒!哈哈 新的页面结构以及宽松的语法规范,标签可以不用闭合,可以省略head,body等标签 <!DOCTYPE ...
随机推荐
- Doctype作用？严格模式与混杂模式如何区分？它们有何意义？
怪异模式和严格模式(译注:一般称为标准模式:Standards Mode,下文中的严格模式都可以理解为标准模式)是浏览器解析CSS时的两种‘模式’.这篇文章将简单阐述这两种模式之间的差异. 译注:一个 ...
- 【JavaWeb学习】文件的上传和下载
一.文件上传 1.1.概述 实现web开发中的文件上传功能,需完成如下二步操作: 在web页面中添加上传输入项 在servlet中读取上传文件的数据,并保存到本地硬盘中 如何在web页面中添加上传输入 ...
- Openfire 集群部署和负载均衡方案
Openfire 集群部署和负载均衡方案 一． 概述 Openfire是在即时通讯中广泛使用的XMPP协议通讯服务器,本方案采用Openfire的Hazelcast插件进行集群部署,采用Hapro ...
- VS2013快捷键及技巧
VS2013快捷键很多,灵活使用常用快捷键及各项技巧可以让你事半功倍.下面的visual studio 2013快捷键和操作技巧你知道多少? 1.回到上一个光标位置/前进到下一个光标位置 1)回到上一 ...
- Python文件读写
读写文件是最常见的IO操作.Python内置了读写文件的函数,用法和C是兼容的 文件打开模式 模式 意义 r 文本只读 w 文本只写 rb 二进制读 rw 二进制写 打开文件 选择一个模式打开一个文件 ...
- hibernate通过注解实现实体和表的映射
参考: 表名的映射: //代表此类参与ORM映射,此注解必须要有 @Entity //代表user这个类映射了一个表user50,如果表名和类名一样,此注解可以省略 @Table(name=" ...
- [翻译]ES 提案: global
Jordan Harband 的 ECMAScript 提案“global”现在处于第三阶段.该提案提供了一种新的用于访问全局对象的标准方式. 全局对象的引用 下面是常用的几种引用全局对象的方式: 全 ...
- 3sum问题的解决
其实一开始想错了,把这个问题想难了,导致没有思路,现在好了很多. 题目: Given an array S of n integers, are there elements a, b, c in S ...
- javascript中正则实现读取当前url中指定参数值方法。
getQueryString:function(name) { var reg = new RegExp("(^|&)"+ name +"=([^&]*) ...
- Xcode 运行程序，左侧memory 不显示内存
运行程序后,xcode 不显示当前使用的内存情况,问题是打开了僵尸--enable zoombie Objects,关闭即可 打开 product--->SCheme-->EditSChe ...