HTML5学习小结

HTML5是用于取代1999年所制定的 HTML4.01和XHTML1.0标准的HTML标准版本
HTML5的第一份正式草案已于2008年1月公布;2012年12月,规范已经正式定稿。
W3C计划在2014年底发布HTML5推荐标准,在2016年底发布HTML5.1推荐标准。
HTML5有两大特点:强化了Web网页的表现性能;追加了本地数据库等功能。

HTML5向前兼容,只去除很少的部分,比如<frame><font>等。
HTML5面向移动,支持IP,GPS,WIFI MAC,GSM/CDMA的基站信息的获取等。
HTML5做了简化,文档类型<!DOCTYPE html>就行了,编码格式<meta charset="utf-8">就行了。
新标签,头<header>,脚<footer>,区<section>,文章<article>,引文<aside>,导航<nav>等。
表单元素<input>类型更多,比如日历、自填充搜索、特点范围数字、IP地址输入、URL/Email输入框等。
支持<canvas>标签,可以画形状,画位图等二维绘图,可以平移/缩放/旋转/倾斜等变换。
支持<audio><video>标签,直接对音视频进行了很好的支持,无需插入FLASH了。
支持console.log API的日志,比alert好多了,不会阻塞脚本的执行。
支持window.JSON,可以在JS直接调用,无需解析,效率更高。
支持DOM level 3,CSS3等。

HTML5,跨浏览器,代替部分JavaScript,语义更明确,支持Web。
不区分大小写,结束标签可省略,属性值及引号可省略。
文档类型定义:<!DOCTYPE html>。

HTML5,保留的标签:
基本:<html/head/title/body/style/h1~h6/p/br/hr/div/span>
文本格式化:<b/i/em/strong/small/sub/sup/bdo>
语义:<abbr/address/blockquote/q/cite/code/dfn/del/ins/pre/samp/kbd/var>
表格:<table/caption/tr/td/th/thead/tbody/tfoot>
超链接和锚点:<a href target>
图像:<img src alt/map/area>
列表:<ul/ol/li/dl/dt/dd>
框架:<iframe src>
HTML5,新增属性:
元素可编辑:contentEditable
文档全局可编辑:designMode
元素隐藏:hidden
输入检查:spellcheck
文档结构:<article/section/nav/aside/header/hgroup/footer/figure/figcaption>
语义:<mark/time>/<meter/progress>
头部:<script/style/link/title/base/meta>
拖放API:draggable=true/ondragstart/ondragend/evt.DataTransfer

HTML5,保留的表单元素:
表单:<form action/method/enctype/name/target>
输入:<input type=text/password/hidden/radio/checkbox/image/file/submit/reset/button>
标签:<label for>关联其他输入元素,可共同处理焦点的获取或丢失。
按钮:<button type=button/submit/reset>更强大,包含长文本或图片。
下拉列表:<select/option/optgroup>单选单行,多选多行。
多行文本输入:<textarea>

在线学习教程:http://www.w3school.com.cn/html5/

HTML5学习小结

时间: 2024-08-08 09:15:47

HTML5学习小结的相关文章

HTML5 学习

1.details元素 details元素标识用户要求得到并且可以得到的细节信息,用于描述文档或文档某个部分的细节.它可以与summary元素配合使用.summary元素提供标题或图例.标题是可见的,用户点击标题时,会显示出细节信息,也就是details里面定义的信息. <details> <summary>HTML 5</summary> This document teaches you how to learn about HTML 5 </details&

html5学习笔记(3)--主题结构元素-1

html5学习笔记(3)--主题结构元素-1 Article元素 以下为对应代码: <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> </head> <body> <article> <header> <h1>极客学院</h

html5学习(一)--canvas画时钟

利用空余时间学习一下html5. 1 <!doctype html> 2 <html> 3 <head></head> 4 <body> 5 <canvas id="clock" width="500" height="500"></canvas> 6 <script> 7 var clock=document.getElementById('cloc

git学习小结

背景:最近因为工作原因,需要将以前的代码库由bitbucket重新布置在一台服务器上,所以就学习了下git,特此记录下 在167这台机器上搭建apache,用做git server,由于以前apache都已经搭好了,所以这里只配置git server 就可以了,此处贴出配置: 服务器搭好了,来到配置中的root目录,git clone https://[email protected]/XXXX 此时,库和服务器都搭好了,用于新库测试的机器也可以从git server上克隆库了,来,我们来试试从

网络编程学习小结

几种网络编程方式: ISAPI.CGI.WinInet.Winsock 它们之间的差别: 1)  ISAPI主要是开发基于浏览器client与server端程序.效率比CGI方式高,并且也扩展了CGI没有的一些功能.(基于TCP/IP模型中的应用层) 2)  CGI主要是开发基于浏览器client与server端程序.(基于TCP/IP模型中的应用层) 3)  WinInet主要是开发client程序.(基于TCP/IP模型中的应用层) 4)  Winsock主要是基于socket来开发clie

HTML5学习笔记(二)——表单1

表单一直是网页必不可少的一部分,一直以来,表单的作用被无限扩展,发展出了诸多新奇的用法,老版的HTML只支持很少的一部分常用表单,许多的新表单都需要借助CSS与JavaScript语言来进行构建,现在HTML5来了,她带来了新的表单,这些强大的表单项,可以省去一大块复杂的JavaScript代码,很值得去学习. 而且在新的表单里面,不再像以前每个表单都必须位于<form></form>之内,只要在<form></form>内定义一个id,然后在网页任何位置都

MogileFS学习小结

大纲: 一.关于MogileFS 二.常见分布式文件系统 三.MogileFS基本原理 四.MogileFS的实现 一.关于MogileFS 当下我们处在一个互联网飞速发展的信息社会,在海量并发连接的驱动下每天所产生的数据量必然以几何方式增长,随着信息连接方式日益多样化,数据存储的结构也随着发生了变化.在这样的压力下使得人们不得不重新审视大量数据的存储所带来的挑战,例如:数据采集.数据存储.数据搜索.数据共享.数据传输.数据分析.数据可视化等一系列问题. 传统存储在面对海量数据存储表现出的力不从

201671010130 2016-2017-2 《Java程序设计》第四周学习小结

第四周学习小结 本次实验巩固了上次实验分隔数并求和的题,目前这个题有两种做法,一种是不断对数10求余,余数保存在sum中,然后左移一位,直到余数为零.另一种就是将数字强制转换成一个字符串数组String s=String.valueOf(num),根据方法s.toCharArray()将字符分离出来,据"x"-"0"=x,unicode码值相减即可得x的值. 父类和子类能够看两个交集,super关键字是否能够看做一个子类和超类的接口呢? 在子类中可以增加域.增加方法

HTML5 学习笔记(一)——HTML5概要与新增标签

一.HTML5概要 1.1.为什么需要HTML5 HTML4陈旧不能满足日益发展的互联网需要,特别是移动互联网.为了增强浏览器功能Flash被广泛使用,但安全与稳定堪忧,不适合在移动端使用(耗电.触摸.不开放). HTML5增强了浏览器的原生功能,符合HTML5规范的浏览器功能将更加强大,减少了Web应用对插件的依赖,让用户体验更好,让开发更加方便,另外W3C从推出HTML4.0到5.0之间共经历了17年,HTML的变化很小,这并不符合一个好产品的演进规则. 1.2.什么是HTML5 HTML5