这是小弟第一次使用CSDN博客,希望能够帮助自己提升一些技术能力,开拓一些见识,同时希望结交一些志同道合的朋友共同进步!
从今天开始我的Html5学习之旅,希望能够坚持下去!!
1.Html5的新特性
<canvas画布标签----在一定程度上替代flash
<header><footer>做到内容和结构分离—网页的头部和网页的尾部
<video><audio>视频和音频嵌入
离线存储功能
2.html5增加了许多标签,去掉了许多标签
1、可以使用css代替的标签
删除basefont,big,center,font,s,strike,tt,u这些纯表现的元素,html5中提倡把画面展示性功能放在css中统一编辑。。
2、html5不再使用frame
不再用frame,noframes和frameset,这些标签对可用性产生负面影响。HTML5中不支持frame框架,只支持iframe框架,或者用服务器方创建的由多个页面组成的符合页面的形式,删除以上这三个标签。
3、只有个别浏览器支持的标签
bgsound背景音乐,blink文字闪烁,marquee文字滚动,applet
4、其他不常用的标签
ul替代dir
pre替代listing
code替代xmp
ruby替代rb
abbr替代acronym
废除isindex使用form与input相结合的方式替代。
废除listing使用pre替代
废除nextid使用guids
废除plaintex使用“text/plian”(无格式正文)MIME类型替代。
5、重新定义的html标签
<b>:代表内联文本,通常是粗体,没有传递表示重要的意思。
<i>:代表内联文本,通常斜体,没有传递表示重要的意思。
<dd>:可以和details与figure一同使用,定义包含文本,djalog也可用
<dt>:可以和details与figure一同使用,汇总细节,dialog也可用
<menu>:重新定义用户界面的菜单,配合commond或者menuitem使用
<small>:表示小字体,例如打印注释或者法律条款
<strong>:表示重要性而不是强调符号
3.新增标签的属性
Autofoucus 自动获取焦点
contentEditable 内容可编辑
designMode 可编辑
hidden 显示或隐藏
spellcheck 拼写检查
readonly ="readonly" 只读autocomplete="off" 自动填充
<form action="do">
type="color"的文本框:<br/><input name="color" type="color"/><p>
type="date"的文本框:<br/><input name="date" type="date"/><p>
type="time"的文本框:<br/><input name="time" type="time"/><p>
type="datetime"的文本框:<br/><input name="datetime" type="datetime"/><p>
type="datetime-local"的文本框:<br/><input name="datetime-local" type="datetime-local"/><p>
type="month"的文本框:<br/><input name="month" type="month"/><p>
type="time"的文本框:<br/><input name="time" type="time"/><p>
type="week"的文本框:<br/><input name="week" type="week"/><p>
type="email"的文本框:<br/><input name="email" type="email" multiple/><p>
type="tel"的文本框:<br/><input name="tel" type="tel"/><p>
type="url"的文本框:<br/><input name="url" type="url"/><p>
type="number"的文本框:<br/><input name="number" type="number"/><p>
type="range"的文本框:<br/><input name="range" type="range" min="0" max="100" step="5"/><p>
type="search"的文本框:<br/><input name="search" type="search"/><p>
<input value="提交" type="submit"/>
list="books" 显示自定义的选项元素
<datalist id="books">
<option value="java">疯狂Java讲义</option>
<option value="ee">轻量级Java EE企业应用实战</option>
<option value="android">疯狂Android讲义</option>
</datalist>
placeholder="请输入用户名" 提示信息
<input type="submit" value="注册" formaction="regist"/>注册
<input type="submit" value="修改" formaction="login"/>提交
4.新增的标签
<article> 帖子
<header>帖子的头部</header>
<session>帖子的回复部分
<article>每一个artivle代表一个回复
<article>
</session>
<!--帖子的“脚注” -->
<footer>
以上帖子和回复只代表其个人观点,不代表疯狂Java联盟的观点或立场
</footer>
<article>
<details>
<summary>芙蓉镇</summary>
《芙蓉镇》是一部极好的电影,每个中国人都不应该错过。
</details>
<figurestyle="border:2px solid black;padding:5px;width:500px">
<figcaption><b>疯狂Java体系图书</b></figcaption>
<imgsrc="images/java.png" alt="疯狂Java讲义"/>
<imgsrc="images/android.png" alt="疯狂Android讲义"/>
<imgsrc="images/ee.png" alt="轻量级Java EE企业应用实战"/>
</figure>
当前行车速度是:<meter value="120" min="0" max="220"low="0" high="160">
120</meter>千米/小时。<br/>
任务完成比:<progress value="30"max="100">30/100</progress>
<timedatetime="2012-04-01">2012年4月</time>
<mark>HTML5</mark>
<basetarget="_blank" href="http://www.crazyit.org" /> 根地址
<output>
未完待续!!!