F12后面的世界（Elements篇）——重识html

时间 2019-12-11

标签 f12 后面世界 elements html 栏目 HTML 繁體版

原文原文链接

从淘宝网, 检查元素开始探索之旅。javascript

html是什么？

document type文档类型，标明web浏览器是使用哪一个版本的html/xhtml进行编写
必须放在最顶部，标签以前
html 4.0.1和xhtml是基于SMGL（ SMGL, a system for defining marup language )，须要在<!DOCTYPE>声明引用DTD. DTD规定了标记语言的规则，浏览器会按照你定义的dtd来解释页面的标识，并展现出来.
常见的<!DOCTYPE>
- HTML5(不区分大小写）
```
<!DOCTYPE html>
```
- HTML4.0.1(三种方式)
  - Strict （该 DTD 包含全部 HTML 元素和属性，但不包括展现性的和弃用的元素（好比 font）。不容许框架集（Framesets））
```
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
```
  - Transitional（该 DTD 包含全部 HTML 元素和属性，包括展现性的和弃用的元素（好比 font）。不容许框架集（Framesets））
```
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"  "http://www.w3.org/TR/html4/loose.dtd">
```
  - Frameset （该 DTD 等同于 HTML 4.01 Transitional，但容许框架集内容。）
```
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN"  "http://www.w3.org/TR/html4/frameset.dtd">
```