一 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、CSS和JavaScript的书籍,适合初级到中级前端工程师阅读。本书的特色在于系统性地涵盖了HTML5的各项新特性,包括标记文字、文档分节、表格元素、表单以及自定义input...
本资料压缩包包含了关于这两个主题的重要资源,特别是"HTML5与CSS3权威指南第3版.pdf"这本书,以及一个名为"新建文本文档.txt"的文本文件。 HTML5是超文本标记语言(HyperText Markup Language)的最新版本,它引入...
下面是对《CSS权威指南》笔记的详细解析: 1. **元素与替换元素**:在HTML中,元素分为两类,替换元素(如`<img>`、`<input>`)和非替换元素(如`<span>`)。替换元素的外观由其内在内容决定,而非替换元素的外观受...
### CSS学习笔记精要 ...- **书籍阅读**:《CSS权威指南》、《CSS揭秘》等专业书籍深入讲解CSS的高级特性和最佳实践。 通过不断学习和实践,你可以掌握CSS的强大功能,创造出既美观又功能性的网页设计。
它主要用于增强用户界面,与HTML和CSS一起构成网页开发的三大核心技术。JavaScript在网页中嵌入,无需预编译,而是由浏览器逐行解释执行,这种特性使得JavaScript具备了实时性和交互性。 在JavaScript中,有几个...
Oreilly出版的《HTML and XHTML: The Definitive Guide》是这个领域的权威指南,已经更新到第五版,为读者提供了深入理解HTML和XHTML的全面知识。 HTML是一种标记语言,它的主要作用是定义网页结构,通过不同的标签...
,最近在研读《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
2. **Javascript权威指南.chm**:这是一本深入讲解JavaScript的书籍,可能涵盖了从基础语法到高级特性的全面内容,如变量、函数、对象、原型链、闭包、异步编程等。 3. **PHP4 中文参考手册.chm**:虽然不是直接...
- **《OracleDatabase11g性能优化攻略》** 和 **《MySQL5权威指南(第3版)》** 等书籍提供了关于数据库管理和优化的专业知识,对于后端开发者来说非常重要。 - **《MongoDB权威指南》** 介绍了 MongoDB 这一非...
这个资源涵盖了多个关键领域,包括HTML基础知识、面试准备、性能优化以及JavaScript的学习笔记,特别是阅读《JavaScript权威指南》的心得。让我们深入探讨这些知识点。 1. **HTML**:HTML(HyperText Markup ...
此外,还可能涉及网站规划和设计,包括使用HTML5和CSS3创建响应式网页,以及如何使用FTP进行文件传输。 "代码中国.txt"可能是记录了关于编程或网站开发的笔记,或者是一些代码示例,帮助学习者实践所学的理论知识。...
3. **HTML**:超文本标记语言(HTML)是网页结构的基础,用于创建和组织网页内容。同样,W3Schools的HTML教程是学习此语言的好资源。 4. **MDN**:Mozilla Developer Network 提供了Web开发的全面文档,包括HTML、...
各种括号啊,后来了解ajax,了解了jquery,知道了很多网页特效都是用javascript写的,才慢慢有了好感,来了bd以后写javascript和php一半一半才渐渐发现javascript的强大和灵活,看了《javascript权威指南》和《jav
3. **资料**:这部分可能包括了教程、指南、参考资料或者笔记,帮助用户学习如何规划、设计和搭建个人网站。可能涉及到域名注册、主机选择、CMS(内容管理系统)如WordPress的使用、SEO(搜索引擎优化)策略等。资料...