Html5笔记之第一天
这是小弟第一次使用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="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笔记之第一天相关推荐
- Java 学习笔记:第一章 Java入门
Java 学习笔记:第一章 Java入门 1.1 计算机语言发展史以及未来方向 1.2 常见编程语言介绍 C语言 C++ 语言 Java语言 PHP 语言 Object-C和Swift 语言 Java ...
- 【实战HTML5与CSS3 第一篇】初探水深,美丽的导航,绚丽的图片爆炸!!
目录 [实战HTML5与CSS3 第一篇]初探水深,美丽的导航,绚丽的图片爆炸!! [实战HTML5与CSS3 第二篇]绚丽的快速导航! [实战HTML5与CSS3 第三篇]我第一个HTML5网页诞生 ...
- 实战HTML5与CSS3 第一篇】初探水深,美丽的导航,绚丽的图片爆炸!!
[实战HTML5与CSS3 第一篇]初探水深,美丽的导航,绚丽的图片爆炸!! [实战HTML5与CSS3 第二篇]绚丽的快速导航! [实战HTML5与CSS3 第三篇]我第一个HTML5网页诞生了(提 ...
- 《Oracle DBA工作笔记》第一章
<Oracle DBA工作笔记>第一章 BLOG文档结构图I 本文简介 建荣的新书<Oracle DBA工作笔记>拿到手了,下午离下班还有1个小时的时候有空了,就阅读了下新书的 ...
- 数字图像识别笔记(第一章绪论)
title: 数字图像识别笔记(第一章绪论) categories: 数字图像识别 tags: 数字图像识别 date: 2020/9/29 23:59 mathjax: true toc: true ...
- 学习笔记-应用光学 第一章 几何光学的基本定律
学习笔记-应用光学 第一章 几何光学的基本定律 1-1 发光点.波面.光线和光束 发光点:本身发光或被照明后发光的几何点 波面:发光点在某一时刻发出的光形成波面 (在各向同性均匀介质中波面是球形) 光 ...
- oracle小麦苗博客,《Oracle DBA工作笔记》第一章
<Oracle DBA工作笔记>第一章 1BLOG文档结构图 2本文简介 建荣的新书<Oracle DBA工作笔记>拿到手了,下午离下班还有1个小时的时候有空了,就阅读了下新书 ...
- 001.宋浩老师《线性代数》笔记(第一章行列式)
宋浩老师<线性代数>笔记(第一章行列式) 目录 1.1 行列式 1.1.1二阶,三阶行列式和排序 1.1.2 n阶行列式 1.2 行列式的性质 1.3 行列式按行展开 1.4 行列式的计 ...
- 数据挖掘导论Pangaea-Ning Tan 读书笔记——(第一,二,三章)
<数据挖掘导论>Pang-Ning Tan ,Michael Steinbach,Vipin Kumar 读书笔记, 第一章 绪论 数据挖掘任务 预测任务 描述任务 分类任务 回归任务 聚 ...
最新文章
- mysql 工具图形学_[计算机图形学]贝塞尔曲线
- golang 读取 ini配置信息
- python中的time库安装步骤-Python time库基本操作方法
- libevent中的基本数据结构
- Android单元测试框架Robolectric3.0介绍(二)
- 如何使用wordnet
- 怎么批量抠复杂的图_抠图怎么抠?一次教你五招!
- cad2017怎么改变选择方式_诠网科技|企业网络推广方式要怎么选择?
- 5.RabbitMQ实战 --- 集群并处理失败
- oracle中print,oracle中print_table存储过程实例介绍
- python清理浏览器缓存_以编程方式清除边缘浏览器缓存
- 上|中国股市九大伪元宇宙概念股
- 微软官方工具_微软官方小工具,每天让你眼前一新
- CoAP协议学习笔记 1.2 一张表了解 CoAP 协议
- MarkdownPad2安装汉化与注册码
- 【目录】全志V3S学习记录
- 接口测试(二)接口测试用例设计
- html基础之块元素、行内元素、行内块元素
- 【C++】指针深度解析
- Python 线程启动和关闭
热门文章
- 前端在图片上标点,并展示——高中数学知识的应用
- Arduino Nano 驱动OLED滚动显示
- 年终总结季,咋看 PDF 版知识星球中的总结帖呢?
- 【算法leetcode】2325. 解密消息(rust和go重拳出击)
- 前端接收bolb格式下载文件,前端下载blob格式的文件
- 双USB 蓝牙 MCU芯片 CH583/CH582/CH581引脚信息 跟异同
- 盗窃案件办理中的问题及思路
- 月入五万的码农,抢了文科生的饭碗
- [案例][激励]关于个人贡献与团队贡献的激励制度(结合IT开发考虑)
- 屡教不改!这四大运营商仍在出卖用户位置数据...