<!DOCTYPE> 标签
<!DOCTYPE> 是 HTML 文档中的声明标签,它告诉浏览器当前文档使用的是哪个 HTML 版本。
概述
<!DOCTYPE> 不是 HTML 标签,而是一个文档类型声明。它必须位于 HTML 文档的第一行,在 <html> 标签之前。
语法
html
<!DOCTYPE html>HTML5 中的 <!DOCTYPE>
在 HTML5 中,<!DOCTYPE> 声明非常简单:
html
<!DOCTYPE html>这是 HTML5 唯一支持的 <!DOCTYPE> 声明。
早期 HTML 版本的 <!DOCTYPE>
HTML 4.01 Strict
html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">HTML 4.01 Transitional
html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">HTML 4.01 Frameset
html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">XHTML 1.0 Strict
html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">XHTML 1.0 Transitional
html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">重要说明
<!DOCTYPE>声明不区分大小写<!DOCTYPE>声明必须在文档的第一行- 在 HTML5 中,
<!DOCTYPE html>是唯一有效的声明 - 如果省略
<!DOCTYPE>声明,浏览器可能会进入怪异模式(Quirks Mode)
示例
一个完整的 HTML5 文档结构:
html
<!DOCTYPE html>
<html>
<head>
<title>页面标题</title>
</head>
<body>
<h1>我的第一个标题</h1>
<p>我的第一个段落。</p>
</body>
</html>浏览器兼容性
<!DOCTYPE html> 声明在所有现代浏览器中都得到支持,包括:
- Chrome
- Firefox
- Safari
- Edge
- Internet Explorer 9+
最佳实践
- 始终在 HTML 文档的开头使用
<!DOCTYPE html> - 确保
<!DOCTYPE>声明是文档的第一行 - 使用 HTML5 的简洁声明形式,而不是旧版本的复杂声明