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

PPT文件

下载需积分: 36 | 3.47MB | 更新于2024-07-12 | 139 浏览量 | 举报收藏

立即下载

"怪异模式与标准模式-续-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安全概念的深入理解，对于学习网页开发的初学者非常有益。