理解HTML的怪异模式与标准模式

需积分: 36 99 浏览量更新于2024-07-12 收藏 3.47MB PPT 举报

"怪异模式与标准模式-续-htmlcssjavascriptPPT课件" 这篇资源主要讲解了HTML网页设计中的怪异模式与标准模式的区别，以及CSS样式和JavaScript的相关知识。这两种模式的区别主要体现在盒模型的解释上，这对网页布局有着重大影响。标准模式通常遵循W3C的严格规范，而怪异模式则是按照早期浏览器（如Netscape Navigator和Internet Explorer）的行为进行解析。在HTML中，DOCTYPE声明是决定浏览器以何种模式渲染页面的关键。对于标准模式，可以使用如`<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">`这样的声明，而在过渡阶段，可能会使用`<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">`。课程中还提到了超文本的概念，它是带有链接的文本，能够通过不同的字体或颜色突出显示，形成所谓的“热链”。HTML属于标记语言家族，与SGML和XML有血缘关系，大小写不敏感，但推荐使用小写以保持一致性。在CSS中，课程介绍了链接伪类选择器，包括`a:link`（未访问链接）、`a:visited`（已访问链接）、`a:active`（激活状态链接）和`a:hover`（鼠标悬停状态链接），这些用于控制链接在不同状态下的样式。此外，资源讨论了同源策略，这是一种安全机制，确保浏览器只允许与同一源（域名、协议和端口相同）的脚本交互，防止跨站脚本攻击。关于HTML和CSS的分离，课程强调了使用CSS能提升文档的可读性和样式控制。HTML标签应该主要用于描述内容结构，如`<h1>`（标题）、`<p>`（段落）和`<table>`（表格），而页面的视觉呈现则由CSS负责。对于样式表的使用，外部样式表适用于整个网站的全局样式管理，通过`<link>`标签在文档头部链接。而内部样式表则适合于单个页面的特定样式需求，可以直接嵌入`<head>`标签内。总结来说，这篇资源提供了关于HTML和CSS基础，以及浏览器渲染模式和JavaScript安全概念的深入理解，对于学习网页开发的初学者非常有益。

正直博

粉丝: 43
资源: 2万+

理解HTML的怪异模式与标准模式

文档模式与IE浏览器模式

web标准培训教案-CSS+DIV

浅谈CSS编程中的怪异模式

怪异模式（Quirks Mode）对 HTML 页面的影响

实现不使用 border 画出 1px 高的线，在不同浏览器的标准模式与怪异模式下都能保持一致的效果

怪异盒子模型和标准盒子模型

IE11 UI自动化测试 文档模式设置什么值

标准盒子模型和怪异盒子模型

怪异盒模型和标准盒模型

怪异盒子转换成标准盒子

最新资源

IE11 UI自动化测试文档模式设置什么值