Html5笔记之第一天

最新推荐文章于 2024-02-11 18:14:20 发布

jajajajajajaja1

最新推荐文章于 2024-02-11 18:14:20 发布

阅读量383

点赞数 2

分类专栏：前端文章标签： html5

本文链接：https://blog.csdn.net/a_little_snail/article/details/53763597

版权

前端专栏收录该内容

22 篇文章 0 订阅

订阅专栏

这是小弟第一次使用CSDN博客，希望能够帮助自己提升一些技术能力，开拓一些见识，同时希望结交一些志同道合的朋友共同进步！

从今天开始我的Html5学习之旅，希望能够坚持下去！！

1.Html5的新特性

<canvas画布标签----在一定程度上替代flash

<header><footer>做到内容和结构分离—网页的头部和网页的尾部

<video><audio>视频和音频嵌入

离线存储功能

支持css3，动画和选择器

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"/>提交