59 lines
2.1 KiB
Markdown
59 lines
2.1 KiB
Markdown
|
---
|
|||
|
|
title: HTML
|
|||
|
|
localeTitle: HTML
|
|||
|
|
---
|
|||
|
|
# HTML
|
|||
|
|
|
|||
|
|
超文本标记语言（HTML）是用于构建在线文档的标记语言，是当今大多数网站的基础。像HTML这样的标记语言允许我们1）创建到其他文档的链接，2）构建我们文档中的内容，以及3）将上下文和含义归结为我们文档的内容。
|
|||
|
|
|
|||
|
|
HTML文档有两个方面。它包含结构化信息（标记）和文本链接（超文本）到其他文档。我们使用[HTML元素](#)构建页面。它们是我们在浏览器和文档中提供[结构](#)和[含义](#)的语言[结构](#) 元素链接到互联网上的其他文档。
|
|||
|
|
|
|||
|
|
互联网最初是为了存储和呈现静态（不变）文档而创建的。上面讨论的HTML的各个方面在这些缺乏所有设计和样式的文档中都得到了很好的体现。他们提供了包含其他文档链接的结构化信息。
|
|||
|
|
|
|||
|
|
HTML5是HTML的最新版本或规范。万维网联盟（W3C）是负责开发万维网标准的组织，包括HTML标准。随着网页和Web应用程序变得越来越复杂，W3C更新了HTML的标准。
|
|||
|
|
|
|||
|
|
HTML5引入了大量语义元素。虽然我们讨论过HTML有助于为我们的文档提供意义，但直到HTML5s引入[语义元素](#)才能实现其潜力。
|
|||
|
|
|
|||
|
|
## HTML文档的一个简单示例
|
|||
|
|
|
|||
|
|
```html
|
|||
|
|
|
|||
|
|
<!DOCTYPE html>
|
|||
|
|
<html>
|
|||
|
|
<head>
|
|||
|
|
<title>Page Title</title>
|
|||
|
|
</head>
|
|||
|
|
<body>
|
|||
|
|
|
|||
|
|
<h1>My First Heading</h1>
|
|||
|
|
<p>My first paragraph.</p>
|
|||
|
|
|
|||
|
|
</body>
|
|||
|
|
</html>
|
|||
|
|
```
|
|||
|
|
|
|||
|
|
！DOCTYPE html：将此文档定义为HTML5
|
|||
|
|
|
|||
|
|
html：HTML页面的根元素
|
|||
|
|
|
|||
|
|
head：元素包含有关文档的元信息
|
|||
|
|
|
|||
|
|
title：元素指定文档的标题
|
|||
|
|
|
|||
|
|
body：元素包含可见的页面内容
|
|||
|
|
|
|||
|
|
h1：元素定义一个大标题
|
|||
|
|
|
|||
|
|
p：元素定义了一个段落
|
|||
|
|
|
|||
|
|
### HTML版本
|
|||
|
|
|
|||
|
|
自Web早期以来，已有许多版本的HTML
|
|||
|
|
|
|||
|
|
|版本|年| | --- | --- | | HTML | 1991 | | HTML 2.0 | 1995 | | HTML 3.2 | 1997 | | HTML 4.01 | 1999 | | XHTML | 2000 | | HTML5 | 2014 |
|
|||
|
|
|
|||
|
|
#### 其他资源
|
|||
|
|
|
|||
|
|
* [HTML元素](https://guide.freecodecamp.org/html/elements)
|
|||
|
|
* [语义HTML](https://guide.freecodecamp.org/html/html5-semantic-elements)
|
|||
|
|
* [HTML属性](https://guide.freecodecamp.org/html/attributes)
|