html基础学习之--html5与css3权威指南--第一二章读书笔记

第一章web时代的变迁

重点

      1、使用html5的理由：

1. 各大知名浏览器的支持
2. 互联网的快速发展需要一个统一的互联网通用标准
3. html5本身的优越性： 兼容性，实用性，非革命性的发展

     2、html要解决的3个问题

web浏览器之间的兼容性太差

文档结构不明确

web应用功能受到限制（以前就是文档下载然后再本地执行，现在是封装API，保护内部数据，保护信息）

第二章html5月html4的区别

1. 语法的改变
2. 新增和废除的元素
3. 新增和废除的属性

1.语法变化

• 内容类型
• 声明
• 指定字符编码

2.html5新增 的结构元素改变：

• <article> 标记定义一篇文章
• <aside> 标记定义页面内容部分的侧边栏
• <audio> 标记定义音频内容
• <video> 标记定义一个视频
• <canvas> 标记定义画布，可以实现js任意填充内容
• <command> 标记定义一个命令按钮
• <datalist> 标记定义一个下拉列表
• <details> 标记定义一个元素的详细内容
• <dialog> 标记定义一个对话框(会话框)
• <embed> 标记定义外部的可交互的内容或插件
• <figure> 标记定义一组媒体内容以及它们的标题
• <footer> 标记定义一个页面或一个区域的底部
• <header> 标记定义一个页面或一个区域的头部
• <hgroup> 标记定义文件中一个区块的相关信息
• <keygen> 标记定义表单里一个生成的键值
• <mark> 标记定义有标记的文本
• <meter> 标记定义 measurement within a
  predefined range
• <nav> 标记定义导航链接
• <output> 标记定义一些输出类型
• <progress> 标记定义任务的过程
• <rp> 标记是用在Ruby annotations 告诉那些不支持 Ruby元素的浏览器如何去显示
• <rt> 标记定义对ruby
  annotations的解释
• <ruby> 标记定义 ruby annotations.
• <section> 标记定义一个区域
• <source> 标记定义媒体资源
• <time> 标记定义一个日期/时间

全局属性

contenteditable	规定是否允许用户编辑内容。
contextmenu	规定元素的上下文菜单。
draggable	规定是否允许用户拖动元素。
dropzone	规定当被拖动的项目/数据被拖放到元素中时会发生什么。
hidden	规定该元素是无关的。被隐藏的元素不会显示。
spellcheck	规定是否必须对元素进行拼写或语法检查。