HTML
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+ | 定义文档中主要或重要的内容。 |
组织内容
标签 | 版本 | 描述 |
---|---|---|
<p> | 定义一个段落。 | |
<hr> | 代表章节、文章或其他长内容中段落之间的分隔符。 | |
<pre> | 代表其内容已经预先排版过,格式应当保留 。 | |
<blockquote> | 代表引用自其他来源的内容。 | |
<ol> | 定义一个有序列表。 | |
<ul> | 定义一个无序列表。 | |
<menu> | -4.01 5+ | [不建议使用] 定义一个工具栏,其形式为无序的项目列表(由li元素表示),每个项目代表一个用户可以执行或激活的命令。 |
<li> | 定义列表中的一个列表项。 | |
<dl> | 定义一个定义列表(一系列术语和其定义)。 | |
<dt> | 代表一个由下一个 <dd> 定义的术语。 | |
<dd> | 代表出现在它之前术语的定义。 | |
<figure> | 5+ | 代表一个和文档有关的图例。 |
<figcaption> | 5+ | 代表一个图例的说明。 |
<main> | 5+ | 用于指定文档的主体内容。 |
<div> | 代表一个通用的容器,没有特殊含义。 |
了解更多 >> MDN: HTML5 标签列表 WHATWG:HTML元素