W3C介绍
- W3C 指万维网联盟（World Wide Web Consortium）,创建于1994年10月。
- Tim Berners-Lee - 万维网的发明人 - 目前是万维网联盟的主任
- W3C 的工作是对 web 进行标准化,W3C 创建并维护 WWW 标准,
- W3C 最重要的工作是发展 Web 规范（称为推荐，Recommendations），这些规范描述了 Web 的通信协议（比如 HTML 和 XHTML）和其他的构建模块。
每项 W3C 推荐的发展是通过由会员和受邀专家组成的工作组来完成的。工作组的经费来自公司和其他组织，并会创建一个工作草案，最后是一份提议推荐。一般来说，为了获得正式的批准，推荐都会被提交给 W3C 会员和主任。
HTML
超文本标记语言 (英语：Hypertext Markup Language，简称：HTML ) 是一种用来结构化 Web 网页及其内容的标记语言。
HTML标签
1. 根元素
| Element | Description |
|---|---|
| <html> | 代表 HTML 或 XHTML 文档的根。其他所有元素必须是这个元素的子节点。 |
2. 文档元数据
| Element | Description |
|---|---|
| <head> | 代表关于文档元数据的一个集合，包括脚本或样式表的链接或内容。 |
| <title> | 定义文档的标题，将显示在浏览器的标题栏或标签页上。该元素只能包含文本，包含的标签不会被解释。 |
| <base> | 定义页面上相对 URL 的基准 URL。 |
| <link> | 用于链接外部的 CSS 到该文档。 |
| <meta> | 定义其他 HTML 元素无法描述的元数据。 |
| <style> | 用于内联 CSS。 |
3. 脚本
| Element | Description |
|---|---|
| <script> | 定义一个内联脚本或链接到外部脚本。脚本语言是 JavaScript。 |
| <noscript> | 定义当浏览器不支持脚本时显示的替代文字。 |
| <template> H5 | 通过 JavaScript 在运行时实例化内容的容器。 |
4. 章节
| Element | Description |
|---|---|
| <body> | 代表 HTML 文档的内容。在文档中只能有一个 <body> 元素。 |
| <section> H5 | 定义文档中的一个章节。不要把 <section> 元素作为一个普通的容器来使用，这是本应该是<div>的用法（特别是当片段（the sectioning ）仅仅是为了美化样式的时候）。 一般来说，一个<section>应该出现在文档大纲中。 |
| <nav> H5 | 定义只包含导航链接的章节。 |
| <article>H5 | 定义可以独立于内容其余部分的完整独立内容块。 |
| <aside>H5 | 定义和页面内容关联度较低的内容——如果被删除，剩下的内容仍然很合理。 |
| <h1-h6> | 标题元素实现了六层文档标题，<h1> 是最大的标题，<h6> 是最小的标题。标题元素简要地描述章节的主题。 |
| <header>H5 | 定义页面或章节的头部。它经常包含 logo、页面标题和导航性的目录。 |
| <footer>H5 | 定义页面或章节的尾部。它经常包含版权信息、法律信息链接和反馈建议用的地址。 |
| <address> | 定义包含联系信息的一个章节。 |
| <main>H5 | 定义文档中主要或重要的内容。 |
5. 组织内容
| Element | Description |
|---|---|
| <p> | 定义一个段落。 |
| <hr> | 代表章节、文章或其他长内容中段落之间的分隔符。 |
| <pre> | 代表其内容已经预先排版过，格式应当保留 。 |
| <blockquote> | 代表引用自其他来源的内容。 |
| <ol> | 定义一个有序列表。配合<li>使用 |
| <ul> | 定义一个无序列表。配合<li>使用 |
| <li> | 定义列表中的一个列表项。 |
| <dl> | 定义一个定义列表（一系列术语和其定义）。 |
| <dt> | 代表一个由下一个 <dd> 定义的术语。 |
| <dd> | 代表出现在它之前术语的定义。 |
| <figure> H5 | 代表一段独立的内容, 经常与说明(caption) <figcaption> 配合使用, 并且作为一个独立的引用单元。这个标签经常是在主文中引用的图片，插图，表格，代码段等等，当这部分转移到附录中或者其他页面时不会影响到主体。 |
| <<figcaption>> H5 | <figcaption> 元素 是与其相关联的图片的说明/标题，用于描述其父节点 <figure> 元素里的其他数据。这意味着 <figcaption> 在<figure> 块里是第一个或最后一个。同时 HTML Figcaption 元素是可选的；如果没有该元素，这个父节点的图片只是会没有说明/标题。 |
| <div> | 代表一个通用的容器，没有特殊含义。它在语义上不代表任何特定类型的内容，它可以被用来对其它元素进行分组，一般用于样式化相关的需求（使用 class 或 id 特性) 或者对具有相同特性的一组元素进行分组 (比如 lang)，它应该在没有任何其它语义元素可用时才使用 |
6. 文字形式
| Element | Description |
|---|---|
| <a> | 代表一个链接到其他资源的超链接 。<a> 元素 (或锚元素) 可以创建一个到其他网页、文件、同一页面内的位置、电子邮件地址或任何其他URL的超链接 |
| <em> | 代表强调 文字。通常的，该元素会被浏览器展示为斜体文本 |
| <strong> | 代表特别重要 文字。表示文本十分重要，一般用粗体显示。 |
| <small> | 代表注释 ，如免责声明、版权声明等，对理解文档不重要。 |
| <s> | 代表不准确或不相关 的内容。<s> 元素 使用删除线来渲染文本。使用 <s> 元素来表示不再相关，或者不再准确的事情。但是当表示文档编辑时，不提倡使用 <s> ；为此，提倡使用 <del> 和 <ins> 元素。 |
| <cite> | 代表作品标题 。表示一个作品的引用。它必须包含引用作品的符合简写格式的标题或者URL，它可能是一个根据添加引用元数据的约定的简写形式。 |
| <q> | 代表内联的引用 。表示一个封闭的并且是短的行内引用的文本. 这个标签是用来引用短的文本，所以请不要引入换行符; 对于长的文本的引用请使用 <blockquote> 替代. |
| <dfn> | 代表一个术语包含在其最近祖先内容中的定义 。 |
| <abbr> | 代表省略 或缩写 ，其完整内容在 title 属性中。<abbr title="Laugh Out Loud">LOL</abbr> |
| <data>H5 | 关联一个内容的机器可读的等价形式 （该元素只在 WHATWG 版本的 HTML 标准中，不在 W3C 版本的 HTML5 标准中）。 |
| <time>H5 | 代表日期 和时间 值；机器可读的等价形式通过 datetime 属性指定。<p>The concert starts at <time>20:00</time>.</p> |
| <code> | 代表计算机代码 。<p>Regular text. <code>This is code.</code> Regular text.</p> |
| <var> | 代表代码中的变量 。 |
| <samp> | 代表程序或电脑的输出 。<p>Regular text. <samp>This is sample text.</samp> Regular text.</p> |
| <kbd> | 代表用户输入 ，一般从键盘输出，但也可以代表其他输入，如语音输入。<p>Save the document by pressing <kbd>Ctrl</kbd> + <kbd>S</kbd></p> |
| <sub,sup> | 分别代表下标 和上标 。<p>The chemical formula of water: H2 1</p> |
| <i> | 代表一段不同性质 的文字，如技术术语、外文短语等。 |
| <b> | 代表一段需要被关注 的文字。 一般用<strong></strong> |
| <u> | 代表一段需要下划线呈现的文本注释，如标记出拼写错误的文字等。<u>Today's Special</u>: Salmon<br /> |
| <mark>H5 | 代表一段需要被高亮的引用 文字。<p><mark> 元素用于 <mark>高亮</mark> 文本</p> |
| <ruby>H5 | 代表被ruby 注释 标记的文本，如中文汉字和它的拼音。 |
| <rt>H5 | 代表ruby 注释 ，如中文拼音。<ruby>汉<rt>Han</rt></ruby> |
| <rp>H5 | 代表 ruby 注释两边的额外插入文本 ，用于在不支持 ruby 注释显示的浏览器中提供友好的注释显示。 |
| <bdi>H5 | 代表需要脱离 父元素文本方向的一段文本。它允许嵌入一段不同或未知文本方向格式的文本。 |
| <bdo> | 指定子元素的文本方向 ，显式地覆盖默认的文本方向。 |
| <span> | 代表一段没有特殊含义的文本，当其他语义元素都不适合文本时候可以使用该元素。<span> 与 <div> 元素很相似，但 <div> 是一个 块元素 而 <span> 则是 行内元素 . |
| <br> | 代表换行 。 |
| <wbr>H5 | 代表建议换行 (Word Break Opportunity) ，当文本太长需要换行时将会在此处添加换行符。 |
网友评论