《HTML5与CSS3权威指南》读书笔记(上册)—持续更新

豆瓣上的评分少且评价不太好,阅读当中发现几处刊物上的小问题,不过线下口碑貌似不错,基本上人手一本

上册五百多页,主讲H5,分为标签,本地存储,离线应用程序,新的API,获取地理位置信息
标签包含表单,Canvas,多媒体等;
API的话多媒体,History,拖放和通知,文件,通信等。
其中一些章节只是翻了一下,如文件API,通信API更是看不懂,这两章加起来可单做一本薄书

下册为CSS3相关

第二章

  1.不允许写结束标记的元素:meta,link,hr,img,input,br,area,embed,base,col,command,keygen,param,source,track,wbr

   可以省略结束标记的元素:li,dt,dd,p,,thead,tbody,tfoot,option,tr,td,th,rt,rp,optgroup,colgroup

   可以省略全部标记的元素:html,head,body,tbody,colgroup

  2.具有boolean值的属性,当只写属性而不指定属性值时,表示属性值为true,也可以将属性名设定为属性值,或空字符串设定为属性值,如果想要属性值为假,则可以不使用该属性。

    <!-- 属性值设定为true -->
    <input type="checkbox" checked />
    <input type="checkbox" checked="" />
    <input type="checkbox" checked="checked" />
    <!-- 不写属性代码为false -->
    <input type="checkbox" />

  3.H5中,指定属性值,可以省略引号或用单引号

  4.新增元素:<section>部分,强调分段</section>  <article>文章,强调独立性</article>  <aside>侧边栏</aside>  <header>头部</header>  <footer>脚注</footer>  <nav>导航</nav>  <figure>独力的内容流类似dl<figcaption>添加标题类似dt</figcaption></figure>  <main>主体</main>

    <!-- 菜单列表 -->
    <menu>
        <li></li>
    </menu>
    <time>只是一个日期或时间标签</time>
    <mark>突出或高亮</mark>
    <!-- 软换行,当宽度不够时才进行换行 -->
    <wbr />
    <output>表示不同类型的输出,类似h4中的span</output>
    <video src="movie.ogg" controls >视频</video>
    <audio src="">音频</audio>
    <!-- 媒介元素,定义媒介资源 -->
    <source src="movie.ogg" type="" />
    <!-- 插入格式为MP3,MiDi,Wav,AIFF,AU等多媒体 -->
    <embed src="horse.wav" />
    <progress value="0" max="100">进度条</progress>
    <!-- 运用场景如磁盘大小 -->
    <meter min="0" max="100" value="75">度量衡</meter>
    <!-- ruby注释,运用场景如给汉字加拼音,信息存在rt当中,当浏览器不支持时显示rp内容 -->
    <ruby>
        漢 <rt><rp>(</rp>ㄏㄢˋ<rp>)</rp></rt>
    </ruby>
    <canvas id="myCanvas" width="200" height="200" >图形</canvas>
    <!-- 收缩展开的效果,summary中定标题或图例 -->
    <details><summary>点我试试</summary>被你发现了</details>
    <!-- 生成密钥 -->
    <keygen />

    <!-- 没懂 -->
    <command />
    <datagrid>定义可选数据的列表</datagrid>

  5.新增input类型:email,url,number,range滑块,color,日期选择器Date pickers(date,month,week,time,datetime,datetime-local)支持率一般,可以在所有主流浏览器中使用,即使不被支持,仍然可以显示为常规的文本域。

  6.新增属性:表单相关autofocus,placeholder,form,required,readonly只读,control,multiple一次上传多个文件,maxlength等,a标签相关download,ol中的start,reversed开始和结束编号,time的putdate表示time元素为文章或整个网页的发布日期,meta,menu,style,script,html,iframe也分别增加相应属性。

  7.废除属性,大部分都可以用CSS样式代替,如很多标签都具有的align居中文本属性

  8.新增全局属性:以任何一个元素都可以使用的属性。conentEditable为true时内容为可编辑;document.designMode="on"整个页面可编辑;hidden告知浏览器不渲染该元素处于不可见状态,boolean值属性;spellcheck对用户输入的内容进行检查;必须明确申明属性值true或false;tabindex。

第三&四章内容则是对以上标签和属性等进行详细讲解

第五章 绘制图形

第六章 多媒体API,自制播放制作,对yin添加字幕

第七章 History API

第八章 本地存储

第九章 离线应用程序

第十章 文章API

第十五章 获取地理位置信息

第十六章 拖放和通知API

第十七章 其他API

时间: 2024-11-08 18:36:30

《HTML5与CSS3权威指南》读书笔记(上册)—持续更新的相关文章

《HTML5与CSS3权威指南》读书笔记

<HTML5与CSS3权威指南> 机械工业出版社 Chapter 2 - HTML5与HTML4的区别 1.DOCTYPE声明 html4: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3c.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> html5: <!DOCTYPE html>

IDA.Pro权威指南 读书笔记

http://www.pediy.com/kssd/pediy12/142766.html 标 题:IDA.Pro权威指南 读书笔记[Made By C_lemon] 作 者:Dstlemoner 时 间:2011-11-14 11:56:17 链 接:http://bbs.pediy.com/showthread.php?t=142766    IDA为反汇编 和逆向破解的 静态分析利器 ! 虽然是利器,但是你不会用的话~那就另当别论了. →     唉.对于刚入门的新手来说,看前人走过的路程

HTML5与CSS3权威指南.pdf9

第21章 Media Queries相关样式 该模块中允许添加媒体查询(media query)表达式,用以指定媒体类型,根据媒体类型来选择使用的样式(显示器.便携设备.电视机) 使用方法@media 设备类型 and (设备特性) {样式代码} 大部分设备特性的指定值接受min/max的前缀,表示大于等于或小于等于的逻辑 使用and关键字来指定某种设备类型的某些特性满足某个条件时使用的样式,下列表示设备窗口小于640px时所使用的样式 @media screen and (max-width:

HTML5与CSS3权威指南.pdf7

第14章 使用选择器在页面中插入内容 使用选择器来插入文字图片 上一章提到过使用before和after伪类为某个元素之前或之后插入内容 h2:after{content:'12345'},也可以指定个别元素不进行插入h2.class1:after{content:none},也可以插入图片h2:after{content:url(test.png)},将alt属性的值作为图像的标题显示h2:after{content:attr(alt)} 使用content属性来插入项目编号 h2:after

HTML5与CSS3权威指南.pdf6

第11章 获取地理位置信息 HTML5为window.navigator对象新增了一个geolocation属性 取得当前地理位置 void getCurrentPosition(onSuccess,onError,options); 第一个参数为获取成功执行的回调函数,第二个为失败时执行的回调函数,第三个为一些可选属性的列表(第二个和第三个可选) navigator.geolocation.getCurrentPosition(function(position){ //获取成功时的处理(参数

Hadoop权威指南读书笔记

本书中提到的Hadoop项目简述 Common:一组分布式文件系统和通用I/O的组件与接口(序列化.javaRPC和持久化数据结构). Avro:一种支持高效.跨语言的RPC以及永久存储数据的序列化系统. MapReduce:分布式数据处理模型和执行环境,运行于大型商业集群. HDFS:分布式文件系统,运行于大型商用机集群. Pig:一种数据流语言和运行环境,用以检索非常大的数据集.Pig运行在MapReduce和HDFS的集群上. Hive:一个分布式.按列存储的数据仓库.Hive管理HDFS

HTML5与CSS3权威指南.pdf8

第17章 与背景和边框相关的样式 与背景相关的新增属性 background-clip指定背景的显示范围 background-origin指定绘制背景图像时的起点 background-size指定背景中图像的尺寸 background-break指定内联元素的背景图像进行平铺时的循环方式 在Firefox浏览器需要加“-moz-” Safari浏览器需要加“-webkit-” background-clip的值有border(背景范围包括边框区域)和padding(背景范围包括padding

HTML5与CSS3权威指南.pdf1

第2章 HTML5与HTML4的区别 HTML5的文件扩展符与内容类型保持不变仍为“.html”或“.htm”,内容类型(ContentType)仍为“text/html” DOCTYPE声明: HTML4中,<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> HT

HTML5与CSS3权威指南.pdf5

第9章 通信API 跨文档消息传输 HTML5提供了网页文档之间互相接收与发送信息的功能,不仅同源(域+端口号)的Web网页之间可以互相通信,甚至可以实现跨域通信 想要接受从其他窗口发过来的信息,要对窗口对象的message事件进行监视 window.addEventListener("message",function(){...},false); 使用window对象的postMessage方法向其他窗口发送消息 otherWindow.postMessage(message,ta

HTML5与CSS3权威指南.pdf2

第三章 HTML5的结构 article元素更强调独立性,section元素强调分段,div元素强调css的套用,aretcle元素和section元素在核实的情况下可以调换 nav元素用作页面导航的链接组,通常里面包含<ul><li><a>元素 aside元素表示页面或文章的附属信息部分,可以是与当前页面或内容相关的参考资料,名词解释 time元素表示24小时中的某个时刻或日期<time datetime="2014-8-6T19:53-14:00&q