《HTML5与CSS3权威指南》读书笔记(上册)—HTML5篇
豆瓣上的评分少且评价不太好,阅读当中发现几处刊物上的小问题,不过线下口碑貌似不错,基本上人手一本
上册五百多页,主讲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篇的更多相关文章
- Html5与CSS3权威指南 百度云下载
Html5与CSS3权威指南 百度云下载 链接:http://pan.baidu.com/s/1hq6Dlvm 密码:php3
- HTML5与CSS3权威指南之CSS3学习记录
title: HTML5与CSS3权威指南之CSS3学习记录 toc: true date: 2018-10-14 00:06:09 学习资料--<HTML5与CSS3权威指南>(第3版) ...
- HTTP权威指南读书笔记
HTTP权威指南笔记 读书有两种境界,第一种境界是将书读薄,另一种是读厚.本篇文章就是HTTP权威指南的读书笔记,算是读书的第一重境界,将厚书读薄.文章对HTTP的一些关键概念做了比较详细的概述,通读 ...
- css权威指南读书笔记
今天翻手机,翻到了许久之前看css权威指南时的笔记,遂移到博客中来. 1.属性选择器p.one class名为one的p元素p[class][name] 含有class和name属性的p元素p[cla ...
- 【HTML5 4】《HTML5与CSS3权威指南》 step1 导读
一.教程重点:以 HTML5和CSS3的新功能和新特性 为导向,辅之以 实战型实例页面 二.内容概况: 第1部分:详细讲解HTML5相关知识,包括 各主流浏览器对HTML5的支持情况. HTML5与H ...
- 经典的性能优化最佳实践 web性能权威指南 读书笔记
web性能权威指南 page 203 经典的性能优化最佳实践 无论什么网络,也不管所用网络协议是什么版本,所有应用都应该致力于消除或减 少不必要的网络延迟,将需要传输的数据压缩至最少.这两条标准是经典 ...
- css权威指南读书笔记-第10章浮动和定位
这一章看了之后真是豁然开朗,之前虽然写了圣杯布局和双飞翼布局,有些地方也是模糊的,现在打算总结之后再写一遍. 以下都是从<css权威指南>中摘抄的我认为很有用的说明. 浮动元素 一个元素浮 ...
- HTML5与CSS3权威指南
第一章:Web时代的变迁 HTML5放心使用的理由: 兼容性:HTML5在老板本的浏览器上也可以正常运行: 实用性:HTML5内部并没有封装什么很复杂的,不切实际的功能,而只是封装了简单实用的功能: ...
- 读《HTML5与CSS3权威指南(上册)》笔记
第二章 1.内容类型:“text/html”.DOCTYPE声明:<!DOCTYPE html>.指定字符编码:<meta charset="utf-8"> ...
随机推荐
- 抛掉kendoUI的MultiSelect,自己实现 DropDownList MultiSelect
我们首先来看下kendoUI官方的下拉框多选: 再来看看telerik RadControls的下拉框多选: 很明显从展现形式上来看,第二种是优于第一种的,至少我是这么认为的 :-) 那我们就对Dro ...
- C# BackgroundWorker详解,图例,原理分析
先声明,大部分资料均参考网上,进行了整理. 1. 在 VS 中添加了 BackgroundWorker 组件, 该组件在多线程编程方面使用起来非常 方便,然而在开始时由于没有搞清楚它的使用机制, 走了 ...
- WCF小实例以及三种宿主
WCF小实例以及三种宿主 最近一直在学习WCF相关知识,下面将通过一个小实例对所学的知识进行简单的回顾:本实例是一个简单三层操作数据库,并且也简单实现的三种宿主(控制台宿主,IIS宿主以及Window ...
- php 数组合并方法
$new = array(); if ($relateddepartmentsnew) { foreach ($relateddepartmentsnew as $relatK=>$relatV ...
- MACOSX 命令行设置无效网关ip
sudo需要管理员权限 sudo networksetup -setmanual Ethernet 192.168.10.100 255.255.255.0 0.0.0.0 网络设置界面会报错: Ba ...
- Hadoop 统计文件中某个单词出现的次数
如文件word.txt内容如下: what is you name? my name is zhang san. 要求统计word.txt中出现“is”的次数? 代码如下: PerWordMapper ...
- 【转】简单十步让你全面理解SQL
简单十步让你全面理解SQL 很多程序员认为SQL是一头难以驯服的野兽.它是为数不多的声明性语言之一,也因为这样,其展示了完全不同于其他的表现形式.命令式语言. 面向对象语言甚至函数式编程语言(虽然有些 ...
- [.net] c# webservice
采用的工具VS2010生成工程 1. 生成webservice工程:建 ASP.NET 空WEB 应用程序. 2. 在建好的ASP.NET 空WEB应用程序中新建项“web 服务”. 完成上述内容工程 ...
- [ios2]ios系统中各种设置项的url链接
在代码中调用如下代码:(ps: ios 5.0 以后不可用)NSURL*url=[NSURL URLWithString:@"prefs:root=WIFI"];[[UIAppli ...
- memcached缓存技术
初学memcached缓存技术,如果文章写得不好还请谅解 应用环境:win7 实现环境:cmd,eclipse Memcached简洁而强大.它的简洁设计便于快速开发,减轻开发难度,解决了大数据量缓存 ...