这是小弟第一次使用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"/>提交

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="data:images/java.png" alt="疯狂Java讲义"/>

<imgsrc="data:images/android.png" alt="疯狂Android讲义"/>

<imgsrc="data: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>

未完待续!!!


Html5笔记之第一天相关推荐

  1. Java 学习笔记:第一章 Java入门

    Java 学习笔记:第一章 Java入门 1.1 计算机语言发展史以及未来方向 1.2 常见编程语言介绍 C语言 C++ 语言 Java语言 PHP 语言 Object-C和Swift 语言 Java ...

  2. 【实战HTML5与CSS3 第一篇】初探水深,美丽的导航,绚丽的图片爆炸!!

    目录 [实战HTML5与CSS3 第一篇]初探水深,美丽的导航,绚丽的图片爆炸!! [实战HTML5与CSS3 第二篇]绚丽的快速导航! [实战HTML5与CSS3 第三篇]我第一个HTML5网页诞生 ...

  3. 实战HTML5与CSS3 第一篇】初探水深,美丽的导航,绚丽的图片爆炸!!

    [实战HTML5与CSS3 第一篇]初探水深,美丽的导航,绚丽的图片爆炸!! [实战HTML5与CSS3 第二篇]绚丽的快速导航! [实战HTML5与CSS3 第三篇]我第一个HTML5网页诞生了(提 ...

  4. 《Oracle DBA工作笔记》第一章

    <Oracle DBA工作笔记>第一章 BLOG文档结构图I 本文简介 建荣的新书<Oracle DBA工作笔记>拿到手了,下午离下班还有1个小时的时候有空了,就阅读了下新书的 ...

  5. 数字图像识别笔记(第一章绪论)

    title: 数字图像识别笔记(第一章绪论) categories: 数字图像识别 tags: 数字图像识别 date: 2020/9/29 23:59 mathjax: true toc: true ...

  6. 学习笔记-应用光学 第一章 几何光学的基本定律

    学习笔记-应用光学 第一章 几何光学的基本定律 1-1 发光点.波面.光线和光束 发光点:本身发光或被照明后发光的几何点 波面:发光点在某一时刻发出的光形成波面 (在各向同性均匀介质中波面是球形) 光 ...

  7. oracle小麦苗博客,《Oracle DBA工作笔记》第一章

    <Oracle DBA工作笔记>第一章 1BLOG文档结构图 2本文简介 建荣的新书<Oracle DBA工作笔记>拿到手了,下午离下班还有1个小时的时候有空了,就阅读了下新书 ...

  8. 001.宋浩老师《线性代数》笔记(第一章行列式)

    宋浩老师<线性代数>笔记(第一章行列式) 目录 1.1 行列式 1.1.1二阶,三阶行列式和排序 1.1.2 n阶行列式 1.2 行列式的性质 1.3  行列式按行展开 1.4 行列式的计 ...

  9. 数据挖掘导论Pangaea-Ning Tan 读书笔记——(第一,二,三章)

    <数据挖掘导论>Pang-Ning Tan ,Michael Steinbach,Vipin Kumar 读书笔记, 第一章 绪论 数据挖掘任务 预测任务 描述任务 分类任务 回归任务 聚 ...

最新文章

  1. mysql 工具图形学_[计算机图形学]贝塞尔曲线
  2. golang 读取 ini配置信息
  3. python中的time库安装步骤-Python time库基本操作方法
  4. libevent中的基本数据结构
  5. Android单元测试框架Robolectric3.0介绍(二)
  6. 如何使用wordnet
  7. 怎么批量抠复杂的图_抠图怎么抠?一次教你五招!
  8. cad2017怎么改变选择方式_诠网科技|企业网络推广方式要怎么选择?
  9. 5.RabbitMQ实战 --- 集群并处理失败
  10. oracle中print,oracle中print_table存储过程实例介绍
  11. python清理浏览器缓存_以编程方式清除边缘浏览器缓存
  12. 上|中国股市九大伪元宇宙概念股
  13. 微软官方工具_微软官方小工具,每天让你眼前一新
  14. CoAP协议学习笔记 1.2 一张表了解 CoAP 协议
  15. MarkdownPad2安装汉化与注册码
  16. 【目录】全志V3S学习记录
  17. 接口测试(二)接口测试用例设计
  18. html基础之块元素、行内元素、行内块元素
  19. 【C++】指针深度解析
  20. Python 线程启动和关闭

热门文章

  1. 前端在图片上标点,并展示——高中数学知识的应用
  2. Arduino Nano 驱动OLED滚动显示
  3. 年终总结季,咋看 PDF 版知识星球中的总结帖呢?
  4. 【算法leetcode】2325. 解密消息(rust和go重拳出击)
  5. 前端接收bolb格式下载文件,前端下载blob格式的文件
  6. 双USB 蓝牙 MCU芯片 CH583/CH582/CH581引脚信息 跟异同
  7. 盗窃案件办理中的问题及思路
  8. 月入五万的码农,抢了文科生的饭碗
  9. [案例][激励]关于个人贡献与团队贡献的激励制度(结合IT开发考虑)
  10. 屡教不改!这四大运营商仍在出卖用户位置数据...