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

上册五百多页,主讲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 />
<!-- 补充:定义选项列表,自动匹配相同内容(为麻书中没有介绍) input中的list属性需与datalist中的id名称匹配,浏览器表现不一,chrome有点像select-->
<input list="list" />
<datalist id="list">
<option>aaa</option>
<option>bbb</option>
<option>ccc</option>
<option>ddd</option>
</datalist> <!-- 没懂 -->
<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,自制播放制作,对视频音频添加字幕

第七章 History API

第八章 本地存储

第九章 离线应用程序

第十章 文章API

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

第十六章 拖放和通知API

第十七章 其他API

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

  1. Html5与CSS3权威指南 百度云下载

    Html5与CSS3权威指南 百度云下载 链接:http://pan.baidu.com/s/1hq6Dlvm 密码:php3

  2. HTML5与CSS3权威指南之CSS3学习记录

    title: HTML5与CSS3权威指南之CSS3学习记录 toc: true date: 2018-10-14 00:06:09 学习资料--<HTML5与CSS3权威指南>(第3版) ...

  3. HTTP权威指南读书笔记

    HTTP权威指南笔记 读书有两种境界,第一种境界是将书读薄,另一种是读厚.本篇文章就是HTTP权威指南的读书笔记,算是读书的第一重境界,将厚书读薄.文章对HTTP的一些关键概念做了比较详细的概述,通读 ...

  4. css权威指南读书笔记

    今天翻手机,翻到了许久之前看css权威指南时的笔记,遂移到博客中来. 1.属性选择器p.one class名为one的p元素p[class][name] 含有class和name属性的p元素p[cla ...

  5. 【HTML5 4】《HTML5与CSS3权威指南》 step1 导读

    一.教程重点:以 HTML5和CSS3的新功能和新特性 为导向,辅之以 实战型实例页面 二.内容概况: 第1部分:详细讲解HTML5相关知识,包括 各主流浏览器对HTML5的支持情况. HTML5与H ...

  6. 经典的性能优化最佳实践 web性能权威指南 读书笔记

    web性能权威指南 page 203 经典的性能优化最佳实践 无论什么网络,也不管所用网络协议是什么版本,所有应用都应该致力于消除或减 少不必要的网络延迟,将需要传输的数据压缩至最少.这两条标准是经典 ...

  7. css权威指南读书笔记-第10章浮动和定位

    这一章看了之后真是豁然开朗,之前虽然写了圣杯布局和双飞翼布局,有些地方也是模糊的,现在打算总结之后再写一遍. 以下都是从<css权威指南>中摘抄的我认为很有用的说明. 浮动元素 一个元素浮 ...

  8. HTML5与CSS3权威指南

    第一章:Web时代的变迁 HTML5放心使用的理由: 兼容性:HTML5在老板本的浏览器上也可以正常运行: 实用性:HTML5内部并没有封装什么很复杂的,不切实际的功能,而只是封装了简单实用的功能: ...

  9. 读《HTML5与CSS3权威指南(上册)》笔记

    第二章 1.内容类型:“text/html”.DOCTYPE声明:<!DOCTYPE html>.指定字符编码:<meta charset="utf-8"> ...

随机推荐

  1. BZOJ 2460 [BeiJing2011]元素 ——线性基

    [题目分析] 线性基,由于最多有63个,只需要排序之后,动态的去维护线性基即可. [代码] #include <cstdio> #include <cstring> #incl ...

  2. LuaStudio 9.27 去10分钟退出暗桩板

    http://bbs.pediy.com/showthread.php?p=1428203#post1428203

  3. 转:[置顶] 从头到尾彻底理解KMP(2014年8月22日版)

    [置顶] 从头到尾彻底理解KMP(2014年8月22日版)

  4. &quot;sfc/scannow&quot; 修复系统,提示 &quot;windows资源保护无法启动修复服务&quot;(win7)

    原因: ArcGIS9.3安装后对注册空间进行了限制. 解决方案: 1,输入 regeidt 打开注册表. 2,找到 HKEY_LOCAL_MACHINE\System\CurrentControlS ...

  5. BEX5下实现鼠标滚动滚动条

    使用前提: 页面内容过多,默认的滚动条太难看,在不引入滚动条插件情况下让界面不使用滚动条,又能通过鼠标滚动 实现步骤: 1 在会出现滚动条的组件上设置隐藏滚动条 overflow:hidden; 2 ...

  6. SpringMVC @SessionAttributes 使用

    @SessionAttributes 只能作用在类上,作用是将指定的Model中的键值对添加至session中,方便在下一次请求中使用. 简单示例 目标是通过 @SessionAttributes 注 ...

  7. chrome开发者工具那点事

    Elements:查找网页源代码HTML中的任一元素,手动修改任一元素的属性和样式且能实时在浏览器里面得到反馈. Console:记录开发者开发过程中的日志信息,且可以作为与JS进行交互的命令行She ...

  8. 转:php 获取memcache所有key

    文章出处 在php提供的用于与memcached交互的扩展模块中有memcached与memcache,前者提供方法getAllKeys用于遍历所有Memcached服务器上的key,但是并不保证原子 ...

  9. 【原创】ubuntu14.04 LTS系统VMware虚拟机内Windows server 2008 r2系统的网络配置

    主系统:ubuntu14.04 LTS 虚拟机:VMware 内系统:Windows server 2008 r2 主系统IP:任何IP 内系统IP:192.168.202.128(自动获取,如果不是 ...

  10. 前端自动化构建工具Grunt

    一.了解Gurnt(http://www.open-open.com/lib/view/open1433898272036.html) Grunt 是一个基于任务的JavaScript工程命令行构建工 ...