一 html5 与html4的区别
1.内容类型
docType 声明是html文件中必不可少的。它位于文件第一行。
<!DOCTYPE html>
html4:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/strict.dtd">
2.指定字符集编码
HTML5对文件的字符集编码推荐使用UTF-8
<media charset="UTF-8">
3.可以省略标记的元素
不允许写结束标记的元素有:area,base,br,col,command,embed,hr,img,input,keygen,link,media
source,track,wbr。(注:即<元素名/> 形式,即不包含内容)
可以省略结束标记的元素有:li,dt,dd,p,rt,rp,optgroup,option,colgroup,thead,tbody,tfront,tr,td,th
(注:<元素名> ....</元素名>,后面这个</元素名> 可以省略)
可以省略全部标记的元素有:html,head,body,colgroup,tbody。
4.具有boolean值的属性
<!---只写属性名,不写属性值,代表true-->
<input type="checkbox" checked>
<!---不写属性代表属性值为false-->
<input type="checkbox">
<!---属性名==属性名,代表为true-->
<input type="checkbox" checked="checked">
<!---属性名==空字符串,代表为true-->
<input type="checkbox" checked="">
5.属性值省略引号
指定属性值时,属性值两边即可以使用单引号,也可以使用双引号,html5中当属性值不包括单引号,
双引号,“>”,"<","="等特殊字符可以省略属性值两边的引号。
如:<input type="text"> 可以为<input type=text>
6.新增元素
- section
表示页面中的一个内容区块,比如章节、页眉、页脚或页面中的其它部分
html5:<seciton>...</section>
html4:<div>..</div>
- article
表示与上下文不相关的一块独立内容,譬如博客中的一篇文章
html5:<article>....</article>
html4:<div>....</div>
- aside
表示article元素内容之外的,与article元素的内容相关的辅助信息
html5:<aside>....</aside>
html4:<div>....</div>
- header
表示页面中的一块内容区域或页面的标题
html5:<header>....</header>
html4:<div>....</div>
- hgroup
表示对整个页面或页内中的一个内容区块的标题进行组合
html5:<hgroup>....</hgroup>
html4:<div>....</div>
- footer
表示整个页面或页面中的一个内容区块的注脚
- nav
表示导航链接
- figure
相关推荐
以上内容总结了《HTML5权威指南》笔记第二部分中的关键知识点,包括HTML5的基本理念、元素选用原则以及文档中各种元素的功能和使用场景。通过对这些核心概念的理解,可以帮助开发者更好地掌握HTML5的使用方法,并...
HTML5权威指南》笔记第一部分中提到的知识点涵盖了HTML5的基础概念、HTML页面结构、基本元素、浏览器兼容性、编辑器推荐以及HTML5中的一些新特性。以下是对这些知识点的详细介绍: ### HTML5基础概念 HTML5是第五代...
### HTML5权威指南笔记第三部分知识点详解 #### CSS标准化与盒模型 - **CSS标准化**:随着Web技术的发展,浏览器间的兼容性问题逐渐凸显。早期,由于不同浏览器对CSS属性的支持程度不同,开发者不得不采用特定于某...
### 《HTML5权威指南》笔记第四部分:深入理解DOM #### DOM概念解析 文档对象模型(Document Object Model,简称DOM)是HTML5的核心组成部分之一,它为网页开发者提供了一种将HTML文档转换成可编程对象的方式。通过...
《HTML5权威指南》是一本全面且深入介绍HTML5、CSS和JavaScript的书籍,适合初级到中级前端工程师阅读。本书的特色在于系统性地涵盖了HTML5的各项新特性,包括标记文字、文档分节、表格元素、表单以及自定义input...
本资料压缩包包含了关于这两个主题的重要资源,特别是"HTML5与CSS3权威指南第3版.pdf"这本书,以及一个名为"新建文本文档.txt"的文本文件。 HTML5是超文本标记语言(HyperText Markup Language)的最新版本,它引入...
现在我们专注于《jQuery权威指南》第三章——jQuery操作DOM的内容。DOM,即文档对象模型,是HTML和XML文档的编程接口,它将文档结构转换为一个树形结构,方便程序进行读取和修改。jQuery提供了丰富的API,让开发者...
下面是对《CSS权威指南》笔记的详细解析: 1. **元素与替换元素**:在HTML中,元素分为两类,替换元素(如`<img>`、`<input>`)和非替换元素(如`<span>`)。替换元素的外观由其内在内容决定,而非替换元素的外观受...
### CSS学习笔记精要 ...- **书籍阅读**:《CSS权威指南》、《CSS揭秘》等专业书籍深入讲解CSS的高级特性和最佳实践。 通过不断学习和实践,你可以掌握CSS的强大功能,创造出既美观又功能性的网页设计。
《jQuery权威指南》是广大前端开发者非常推崇的一本技术书籍,尤其对于初学者而言,它提供了深入理解jQuery的宝贵资源。在第1章"jQuery开发入门"中,我们将会接触到jQuery的基本概念、核心理念以及如何开始使用这个...
在深入探讨jQuery中的事件与应用之前,我们先要理解jQuery库的基本概念。...在阅读《jQuery权威指南》的第4章时,重点关注上述内容,结合实际项目进行实践,将有助于巩固和深化对jQuery事件处理的理解。
它主要用于增强用户界面,与HTML和CSS一起构成网页开发的三大核心技术。JavaScript在网页中嵌入,无需预编译,而是由浏览器逐行解释执行,这种特性使得JavaScript具备了实时性和交互性。 在JavaScript中,有几个...
Oreilly出版的《HTML and XHTML: The Definitive Guide》是这个领域的权威指南,已经更新到第五版,为读者提供了深入理解HTML和XHTML的全面知识。 HTML是一种标记语言,它的主要作用是定义网页结构,通过不同的标签...
jQuery选择器是基于CSS选择器的扩展,它允许开发人员通过简洁的语法来选取页面上的特定元素。下面我们将详细讨论jQuery中的各种选择器及其用法: 1. **基本选择器** - `$(“element”)`: 这是最基础的选择器,用于...
,最近在研读《html5与css3权威指南》下面对其中最好玩的canvas的学习做下读书笔记与实验。温馨提示:以下所有实验请使用最新版的operacontext:一直觉得这个翻译成“上下文”真够蛋疼的,context是一个封装了很多...
* 推荐书籍:CSS 权威指南、JavaScript 高级程序设计 * 学习方法:边用 VS Code+Chrome 扫描器实战,结合 MDN,写笔记,做思维导图 二、JavaScript 基础 * 推荐书籍:JavaScript 高级程序设计、JavaScript 权威...
:open_book: 读书笔记 :slightly_smiling_face: :upside-down_face: 买过很多书,也打印过很多电子版的书籍和资料,断断续续的读,杂乱无章。心血来潮,想自己整理一下,希望可以坚持下去,不断...Git权威指南 网络安全
《jQuery权威指南》是一本深入解析jQuery的书籍,其读书笔记为我们提供了理解jQuery核心概念和实用技巧的宝贵资源。 ### 1. jQuery基础 - **选择器**: jQuery的选择器基于CSS,可以方便地选取DOM元素,如`$("#id")...
《CSS权威指南》 b06-JS与NodeJS 《深入浅出NodeJs》 《深入理解ES6》 《你不知道JavaScript-上卷》 《你不知道JavaScript-中卷》 《你不知道JavaScript-下卷》 《JavaScript模式》 《JavaScrip