HTML5与HTML4的区别详解

需积分: 10 135 浏览量更新于2024-07-29 收藏 566KB PDF 举报

"HTML5和CSS3权威指南是一本适合学习网络编程的好书，详细阐述了HTML5相对于HTML4的变化和新增特性。" 在HTML5与HTML4之间，最重要的区别在于语法的改变，这些改变旨在提高浏览器间的兼容性和遵循Web标准。HTML5不再基于复杂的SGML（标准通用标记语言），而是设计得更加简洁和实用，使得解析和实现更高效。 2.1 语法的改变 2.1.1 HTML5的语法变化显著体现在以下几个方面： 1. DOCTYPE声明：HTML5使用简化的DOCTYPE声明，即`<!DOCTYPE html>`，与HTML4的繁琐声明相比，更加简洁。 2. 内容类型（ContentType）：HTML5默认的MIME类型为`text/html`，不再需要通过`<meta>`标签显式设置。 3. 字符编码：HTML5推荐使用`<meta charset="UTF-8">`来指定字符编码，比HTML4的`<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">`更为直接。 4. 元素标记的省略：HTML5允许许多元素的结束标签被省略，如`<p>`, `<li>`, `<td>`等，简化了代码结构。 5. 具有布尔值的属性：如`disabled`、`readonly`等，无需值即可表示属性的存在。 6. 引号的省略：在某些情况下，HTML5允许属性值的引号被省略，如`checked`或`selected`。 2.2 新增与废除的元素 HTML5新增了一些元素，如`<article>`, `<aside>`, `<canvas>`, `<figcaption>`, `<footer>`, `<header>`, `<main>`, `<nav>`, `<section>`等，这些元素提供了更好的语义化，增强了网页结构的表达力。同时，删除了一些在HTML4中使用较少或语义不清晰的元素，如`<acronym>`, `<applet>`, `<basefont>`, `<center>`, `<dir>`, `<frame>`, `<frameset>`, `<isindex>`, `<menu>`, `<multicol>`, `<nextid>`, `<s>`, `<strike>`, `<tt>`等，鼓励使用更适合现代Web开发的替代元素或技术。 2.3 新增与废除的属性 HTML5引入了新的属性，如`srcset`用于图片响应式，`autofocus`用于自动获取焦点，`required`用于表单验证等。同时，废除了如`align`, `bgcolor`, `frameborder`等属性，这些属性在过去用于样式控制，现在可以通过CSS来实现。 2.4 全局属性 HTML5引入了一些全局属性，例如： - `contentEditable`：使元素的内容可编辑，常用于富文本编辑器。 - `designMode`：整个文档或某个元素可编辑，常用于创建可编辑区域。 - `hidden`：隐藏元素，但不占用空间，可用于条件显示。 - `spellcheck`：控制元素的拼写检查功能。 - `tabindex`：定义元素的tab键导航顺序，增强可访问性。 HTML5旨在提升Web开发的标准化和互操作性，通过简化语法、增加新元素和属性，以及废弃过时的特性，为开发者提供了更强大、更灵活的工具。结合CSS3的增强样式能力，可以构建更具表现力和交互性的现代网页。

ykykykykyk_

粉丝: 0
资源: 5

HTML5与HTML4的区别详解

HTML5-权威指南

html5与css3实战指南

HTML5和CSS3实践指南.

html5-css3:这是《HTML5与CSS3权威指南》的代码清单和测试用例

CSS权威指南 css彻底设计研究 HTML5和CSS3实战 HTML5与CSS3设计模式

王者归来-HTML5與CSS3权威指南书范例

《HTML5与CSS3权威指南》配套源码.zip

HTML5与CSS3权威指南_VisualStudio.2010_

《HTML5与CSS3权威指南》配套源码.rar

HTML 5与CSS 3权威指南 第2版 代码清单.rar

最新资源

HTML 5与CSS 3权威指南第2版代码清单.rar