doctype在Web开发中的关键作用与HTML与XHTML差异详解

需积分: 5 0 下载量 111 浏览量 更新于2024-08-04 收藏 6KB MD 举报
本文档主要探讨了伍道微智中的关键知识点,包括HTML的DOCTYPE声明及其作用,HTML与XHTML的主要区别,以及前端开发中常用的两个长度单位rem和em的差异,以及JavaScript的基本数据类型。 ### 1. DOCTYPE声明的作用 DOCTYPE声明是HTML文档的元信息,用于告知浏览器文档采用哪种HTML或XHTML规范进行解析。它位于文档的开头,如<!DOCTYPE html>,帮助浏览器确定如何处理文档,确保在标准模式下正确渲染,避免因缺少doctype导致的浏览器默认怪异模式下可能的兼容性问题。 ### 2. HTML文档类型 - Strict (严格模式): 适用于最新标准,不允许使用过时的HTML特性,确保代码的结构和语义更为严谨。 - Transitional (过渡模式): 兼容旧版浏览器,允许一些遗留的HTML特性,但推荐向严格模式迁移。 - Frameset (框架模式): 专门用于创建包含多个独立帧的布局,现代HTML几乎不再使用。 ### 3. HTML与XHTML的区别 - 基础语言:XHTML基于XML,强调结构和语义,而HTML基于SGML,更注重可读性和简易性。 - 语法:XHTML语法严谨,需要符合DTD定义,而HTML语法较宽松,适应性更强。 - 应用:XHTML支持与其他XML语言集成,如MathML和SVG,而HTML不支持此类混用。 - 大小写:XHTML对标签大小写敏感,HTML则不区分。 ### 4. rem与em的区别 rem是相对于根元素(通常是`<html>`)的字体尺寸,适合全局调整;em则是相对于当前元素的字体尺寸,更适合局部尺寸变化。两者都是相对单位,但计算起点不同。 ### 5. JavaScript基本数据类型 - String: 字符串类型,用于表示文本。 - Number: 数值类型,包括整数和浮点数。 - Undefined: 表示未初始化或不存在的变量。 - Null: 表示空值或没有值。 - Symbol: 特殊类型,用于创建唯一标识符,常用于对象属性名。 - 除了以上列出的五种,还有Boolean(布尔值)和BigInt(大整数),但在这里未提及。 了解并掌握这些概念对于开发高质量的HTML、CSS和JavaScript应用至关重要,能够确保代码的兼容性、可维护性和性能优化。