HTML

Eric讨论 | 贡献2020年8月5日 (三) 03:54的版本

HTML(HyperText Markup Language),超文本标记语言是一种用于创建网页的标准标记语言。HTML是一种基础技术,常与CSSJavaScript一起被众多网站用于设计网页、网页应用程序以及移动应用程序的用户界面。网页浏览器可以读取HTML文件,并将其渲染成可视化网页。HTML描述了一个网站的结构语义随着线索的呈现,使之成为一种标记语言而非编程语言。现在由WHATWGW3C共同制定标准,由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元素


元素 Element

资源

官网

相关网站

参考资料