文档章节

HTML5与CSS3权威指南 - 笔记

阿振
 阿振
发布于 2015/09/04 10:40
字数 574
阅读 82
收藏 5

第一章 Web时代的变迁

HTML5的目标是创建更简单的Web程序,书写更简洁的HTML代码

第二章 HTML5与HTML4的区别

版本声明:

<!DOCTYPE html>

指定字符编码:

<meta charset="UTF-8">
新增的结构元素:

section、article、aside、header、hgroup、footer、nav、figure

新增的其他元素:

video、audio、embed、mark、progress、time、ruby、rt、rp、wbr

新增的功能:

canvas、command、details、datalist、datagrid、keygen、output、source、menu

新增input元素的类型:

email、url、number、range、date、month、week、time、datetime、datetime-local

废除的元素:

使用CSS替代的元素:basefont、big、center、font、s、strike、tt、u

不再使用frameset元素

只有部分浏览器支持的元素:applet、bgsound、blink、marquee

其他被废除的元素:rb、acronym、dir、isindex、listing、xmp、nextid、plaintext

新增和废除的属性:

1、表单相关:

可以对input、select、textarea与button元素指定autofocus属性,自动获取焦点

可以对input与textarea指定palceholder属性,进行输入提示

可以对input、output、select、textarea、,button与fieldset指定form属性,用于声明输入那个表单

可以对input与textarea元素指定required属性,提示用户该元素一定要输入内容

为input元素增加了新的属性:autocomplete、min、max、multiple、pattern与step

为fieldset增加disabled属性为input、button元素增加新的属性formaction、formenctype、formmethod、formnovalidate与formtarget,可重载form元素的对应属性

为fieldset增加disabled属性,把其子元素设为无效状态

为input、button、form元素增加novalidate属性,可取消相关检查

链接相关属性:


为a与area元素指定media属性,规定URL为什么类型的媒介或设备进行优化

为area元素增加hreflang属性与rel属性

为link元素增加sizes

为base元素增加target属性

其他属性:


为ol元素增加属性reversed,指定列表倒序显示

为meta元素增加charset属性

为menu元素增加type与label

为style元素增加scoped属性,规定样式作用范围

为script元素增加async属性,定义脚本是否异步执行

为html元素增加属性manifest,开发离线Web时与API结合使用

为iframe元素增加sandbox、seamless与srcdoc

废除的属性:

全局属性:




© 著作权归作者所有

上一篇: HTML5概述
阿振
粉丝 10
博文 55
码字总数 58791
作品 0
成都
高级程序员
私信 提问
《HTML+CSS3权威指南》笔记摘要 - 目录

主要是想借助这个平台让大家给我学习途中的错误和不好的地方给与纠正。 我会努力最短时间内完成更新,如果发现有错别字或者Code错误,请指出。 信息:建议使用Opera10以上或者Google浏览器测...

产品哥
2011/12/02
418
1
分享28本关于HTML5的学习书籍(免费下载)

分享28本关于HTML5的学习书籍(免费下载) 1、用HTML5新特性开发移动App 2、用HTML5CSS3实现媲美原生应用的交互体验 3、改善HTML5网页性能-译 4、WEB_HTML5在LBS社区中的应用 5、WebQQ_3.0:...

邓剑彬
2012/11/30
1K
6
史无前例的 HTML5 资源参考指南

尽管 HTML5 规范在 2014 年之前不会有正式版本,很多设计师已经开始试水高级浏览器已经支持的部分 HTML5 功能。HTML5 为 Web 设计和应用开发打开了一扇全新的门,原生支持了以前只可能使用 ...

李长春
2012/03/02
650
1
老枪,html5书评活动奖品发多了

很高兴参加书评活动被抽中了。得到html5与css3权威指南。 但是今天发现又收到一本html5的快递。请问是不是不小心多发了呢? 如果是,一本69元 也着实浪费。请老枪同志处理一下,如果还有哪位...

topdogs
2011/04/25
275
8
利用HTML5分片上传超大文件

在网页中直接上传大文件一直是个比较头疼的问题,主要面临的问题一般包括两类:一是上传时间长中途一旦出错会导致前功尽弃;二是服务端配置复杂,要考虑接收超大表单和超时问题,如果是托管主...

miscellanea
2014/09/22
377
0

没有更多内容

加载失败,请刷新页面

加载更多

Vue warn]: Computed property "activeNames" was assigned to but it has no setter.

在使用 vue,element-ui时,如下代码 <template> <el-form :model="numberValidateForm" ref="numberValidateForm"> <el-form-item> <el-tabs v-model="activeNames" @tab-cl......

牧云橙
8分钟前
2
0
重构-改善既有代码的设计-6.2内联函数

6.2内联函数 动机 本书经常以简短的函数表现动作意图,这样会使代码更清晰易读。但有时候你会遇到某些函数,其内部代码和函数名称同样清晰易读。也可能你充够了该函数的内部实现,使其内容和...

还仙
9分钟前
1
0
Less 混入

混合类似于编程语言中的函数。 Mixins 是一组CSS属性,允许我们将一个类的属性嵌套于另一个类,被嵌入的类可以看作是变量,并且包含类名作为其属性,也就是说我们可以用一个类定义样式然后把...

凌兮洛
12分钟前
1
0
频繁FGC的真凶原来是它

频繁FGC的真凶原来是它 上周排查了一个线上问题,主要现象是CPU占用过高,jvm old区占用过高,同时频繁fgc,我简单排查了下就草草收场了,但是过后我对这个问题又进行了复查,发现问题没有那...

每天晒白牙
13分钟前
3
0
简单的树形菜单如何写

业务需求 数据结构中含有图片、名称、children的树形结构,需要展示出每一级的图片名称和图片,找了些树形图的插件,都没有展示大的图片的,一般都是小图标,就自己试着写一个包含图的简单的...

tianyawhl
14分钟前
2
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部