HTML:修订间差异
无编辑摘要 |
无编辑摘要 |
||
第9行: | 第9行: | ||
===简单示例=== | ===简单示例=== | ||
以下是一个经典的Hello | 以下是一个经典的Hello World程序的例子,: | ||
<nowiki><!DOCTYPE html> | <nowiki><!DOCTYPE html> | ||
<html> | <html> | ||
第21行: | 第21行: | ||
==标签 Tag== | ==标签 Tag== | ||
=== | ===根标签=== | ||
{|class = "wikitable" style="width:100%" | |||
|- | |||
!标签 | |||
!版本 | |||
!描述 | |||
|- | |||
| <nowiki><html></nowiki> | |||
| | |||
| 代表 HTML 或 XHTML 文档的根。其他所有元素必须是这个元素的子节点。 | |||
|- | |||
|} | |||
===文档元数据=== | |||
元数据(Metadata)含有页面的相关信息,包括样式、脚本及数据,能帮助一些软件(例如 搜索引擎、浏览器 等等)更好地运用和渲染页面。对于样式和脚本的元数据,可以直接在网页里定义,也可以链接到包含相关信息的外部文件。 | |||
{|class = "wikitable" style="width:100%" | |||
|- | |||
!标签 | |||
!版本 | |||
!描述 | |||
|- | |||
| <nowiki><head></nowiki> | |||
| | |||
| 规定文档相关的配置信息(元数据),包括文档的标题,引用的文档样式和脚本等。 | |||
|- | |||
| <nowiki><title></nowiki> | |||
| | |||
| 定义文档的标题,将显示在浏览器的标题栏或标签页上。该元素只能包含文本,包含的标签不会被解释。 | |||
|- | |||
| <nowiki><base></nowiki> | |||
| | |||
| 指定用于一个文档中包含的所有相对 URL 的根 URL。一份中只能有一个 <base> 元素。 | |||
|- | |||
| <nowiki><link></nowiki> | |||
| | |||
| 用于链接外部资源到该文档。该元素最常用于链接样式表,此外也可以被用来创建站点图标(比如PC端的“favicon”图标和移动设备上用以显示在主屏幕的图标) 。 | |||
|- | |||
| <nowiki><meta></nowiki> | |||
| | |||
| 定义其他 HTML 元素无法描述的元数据。 | |||
|- | |||
| <nowiki><style></nowiki> | |||
| | |||
| 包含文档的样式信息或者文档的部分内容。通常用于内联 CSS。 | |||
|- | |||
|} | |||
===章节=== | |||
{|class = "wikitable" style="width:100%" | |||
|- | |||
!标签 | |||
!版本 | |||
!描述 | |||
|- | |||
| <nowiki><body></nowiki> | |||
| | |||
| 代表 HTML 文档的内容。在文档中只能有一个 <body> 元素。 | |||
|- | |||
| <nowiki><section></nowiki> | |||
| 5+ | |||
| 定义文档中的一个章节。 | |||
|- | |||
| [https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/nav <nowiki><nav></nowiki>] | |||
| 5+ | |||
| 定义只包含导航链接的章节。 | |||
|- | |||
| [https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/article <nowiki><article></nowiki>] | |||
| 5+ | |||
| 定义可以独立于内容其余部分的完整独立内容块。 | |||
|- | |||
| [https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/aside <nowiki><aside></nowiki>] | |||
| 5+ | |||
| 定义和页面内容关联度较低的内容——如果被删除,剩下的内容仍然很合理。 | |||
|- | |||
| <nowiki><html></nowiki> | |||
| 5+ | |||
| 代表 HTML 或 XHTML 文档的根。其他所有元素必须是这个元素的子节点。 | |||
|- | |||
| <nowiki><h1>,<h2>,<h3>,<h4>,<h5>,<h6></nowiki> | |||
| | |||
| 标题元素实现了六层文档标题,<nowiki><h1> 是最大的标题,<h6></nowiki>是最小的标题。标题元素简要地描述章节的主题。 | |||
|- | |||
| <nowiki><header></nowiki> | |||
| 5+ | |||
| 定义页面或章节的头部。它经常包含 logo、页面标题和导航性的目录。 | |||
|- | |||
| <nowiki><footer></nowiki> | |||
| 5+ | |||
| 定义页面或章节的尾部。它经常包含版权信息、法律信息链接和反馈建议用的地址。 | |||
|- | |||
| <nowiki><address></nowiki> | |||
| | |||
| 定义包含联系信息的一个章节。 | |||
|- | |||
| <nowiki><main></nowiki> | |||
| 5+ | |||
| 定义文档中主要或重要的内容。 | |||
|- | |||
|} | |||
{{了解更多 | {{了解更多 | ||
|[https://developer.mozilla.org/zh-CN/docs/Web/Guide/HTML/HTML5/HTML5_element_list MDN: HTML5 标签列表] | |||
|[https://html.spec.whatwg.org/multipage/semantics.html#semantics WHATWG:HTML元素] | |[https://html.spec.whatwg.org/multipage/semantics.html#semantics WHATWG:HTML元素] | ||
}} | }} | ||
==元素 Element== | ==元素 Element== | ||
第31行: | 第130行: | ||
==资源== | ==资源== | ||
===官网=== | ===官网=== | ||
* [https://html.spec.whatwg.org/ WHATWG:HTML] | |||
* [https://www.w3.org/html/ W3C:HTML] | * [https://www.w3.org/html/ W3C:HTML] | ||
2020年8月4日 (二) 16:21的版本
HTML(HyperText Markup Language),超文本标记语言是一种用于创建网页的标准标记语言。HTML是一种基础技术,常与CSS、JavaScript一起被众多网站用于设计网页、网页应用程序以及移动应用程序的用户界面。网页浏览器可以读取HTML文件,并将其渲染成可视化网页。HTML描述了一个网站的结构语义随着线索的呈现,使之成为一种标记语言而非编程语言。现在由WHATWG和W3C共同制定标准,由WHATWG维护。
简介
时间轴
- 1995年11月24日,HTML 2.0作为IETF RFC 1866发布。
- 1997年1月14日,HTML 3.2作为W3C推荐标准发布。
- 1997年12月18日,HTML 4.0作为W3C推荐标准发布。
- 2014年10月28日,HTML 5作为W3C推荐标准发布。
简单示例
以下是一个经典的Hello World程序的例子,:
<!DOCTYPE html> <html> <head> <title>This is a title</title> </head> <body> <p>Hello world!</p> </body> </html>
标签 Tag
根标签
标签 | 版本 | 描述 |
---|---|---|
<html> | 代表 HTML 或 XHTML 文档的根。其他所有元素必须是这个元素的子节点。 |
文档元数据
元数据(Metadata)含有页面的相关信息,包括样式、脚本及数据,能帮助一些软件(例如 搜索引擎、浏览器 等等)更好地运用和渲染页面。对于样式和脚本的元数据,可以直接在网页里定义,也可以链接到包含相关信息的外部文件。
标签 | 版本 | 描述 |
---|---|---|
<head> | 规定文档相关的配置信息(元数据),包括文档的标题,引用的文档样式和脚本等。 | |
<title> | 定义文档的标题,将显示在浏览器的标题栏或标签页上。该元素只能包含文本,包含的标签不会被解释。 | |
<base> | 指定用于一个文档中包含的所有相对 URL 的根 URL。一份中只能有一个 <base> 元素。 | |
<link> | 用于链接外部资源到该文档。该元素最常用于链接样式表,此外也可以被用来创建站点图标(比如PC端的“favicon”图标和移动设备上用以显示在主屏幕的图标) 。 | |
<meta> | 定义其他 HTML 元素无法描述的元数据。 | |
<style> | 包含文档的样式信息或者文档的部分内容。通常用于内联 CSS。 |
章节
标签 | 版本 | 描述 |
---|---|---|
<body> | 代表 HTML 文档的内容。在文档中只能有一个 <body> 元素。 | |
<section> | 5+ | 定义文档中的一个章节。 |
<nav> | 5+ | 定义只包含导航链接的章节。 |
<article> | 5+ | 定义可以独立于内容其余部分的完整独立内容块。 |
<aside> | 5+ | 定义和页面内容关联度较低的内容——如果被删除,剩下的内容仍然很合理。 |
<html> | 5+ | 代表 HTML 或 XHTML 文档的根。其他所有元素必须是这个元素的子节点。 |
<h1>,<h2>,<h3>,<h4>,<h5>,<h6> | 标题元素实现了六层文档标题,<h1> 是最大的标题,<h6>是最小的标题。标题元素简要地描述章节的主题。 | |
<header> | 5+ | 定义页面或章节的头部。它经常包含 logo、页面标题和导航性的目录。 |
<footer> | 5+ | 定义页面或章节的尾部。它经常包含版权信息、法律信息链接和反馈建议用的地址。 |
<address> | 定义包含联系信息的一个章节。 | |
<main> | 5+ | 定义文档中主要或重要的内容。 |
了解更多 >> MDN: HTML5 标签列表 WHATWG:HTML元素