入门:HTML

W3C 简介

万维网联盟(World Wide Web Consortium,W3C),又称W3C理事会,是万维网的主要国际标准组织,这个建立于 1994 年的组织,其宗旨是通过促进通用协议的发展并确保其通用型,以激发 web 世界的全部潜能。

  • 简称 -- W3C
  • 标语 -- 发展网络无限潜能
  • 主席 -- 蒂姆·伯纳斯-李(Tim Berners-Lee)

为解决网络应用中不同平台、技术和开发者带来的不兼容问题,保障网络信息的顺利和完整流通,万维网联盟制定了一系列标准并督促网络应用开发者和内容提供者遵循这些标准。标准的内容包括使用语言的规范,开发中使用的导则和解释引擎的行为等等。W3C也制定了包括XML和CSS等的众多影响深远的标准规范。
但是,W3C制定的网络标准似乎并非强制,而只是推荐标准。因此部分网站仍然不能完全实现这些标准,特别是使用早期所见即所得网页编辑软件设计的网页往往会包含大量非标准代码。

MDN 简介

MDN Web Docs(旧称Mozilla Developer Network、Mozilla Developer Center,简称MDN)是一个汇集众多Mozilla基金会产品和网络技术开发文档的免费网站。

内容来源:维基百科

HTML 所有标签列表

除了 divspan,其他标签都有默认样式

标签  描述
<!--...-->  定义注释
<!DOCTYPE>  定义文档类型
<a> 定义超文本链接
<abbr>  定义缩写
<acronym>   定义只取首字母的缩写,不支持HTML5
<address>   定义文档作者或拥有者的联系信息
<applet>    HTML5中不赞成使用。定义嵌入的 applet。
<area>  定义图像映射内部的区域
<article>   定义一个文章区域
<aside> 定义页面的侧边栏内容
<audio> 定义音频内容
<b> 定义文本粗体
<base>  定义页面中所有链接的默认地址或默认目标。
<basefont>  HTML5不支持,不赞成使用。定义页面中文本的默认字体、颜色或尺寸。
<bdi>New    允许您设置一段文本,使其脱离其父元素的文本方向设置。
<bdo>   定义文字方向
<big>   定义大号文本,HTML5不支持
<blockquote>    定义长的引用
<body>  定义文档的主体
<br>    定义换行
<button>    定义一个点击按钮
<canvas>    定义图形,比如图表和其他图像,标签只是图形容器,您必须使用脚本来绘制图形
<caption>   定义表格标题
<center>    HTML5不支持,不赞成使用。定义居中文本。
<cite>  定义引用(citation)
<code>  定义计算机代码文本
<col>   定义表格中一个或多个列的属性值
<colgroup>  定义表格中供格式化的列组
<command>   定义命令按钮,比如单选按钮、复选框或按钮
<datalist>  定义选项列表。请与 input 元素配合使用该元素,来定义 input 可能的值。
<dd>    定义定义列表中项目的描述
<del>   定义被删除文本
<details>   用于描述文档或文档某个部分的细节
<dfn>   定义定义项目
<dialog>    定义对话框,比如提示框
<dir>   HTML5不支持,不赞成使用。定义目录列表。
<div>   定义文档中的节
<dl>    定义列表详情
<dt>    定义列表中的项目
<em>    定义强调文本
<embed> 定义嵌入的内容,比如插件。
<fieldset>  定义围绕表单中元素的边框
<figcaption>    定义<figure> 元素的标题
<figure>    规定独立的流内容(图像、图表、照片、代码等等)。
<font>  HTML5不支持,不赞成使用。定义文字的字体、尺寸和颜色。
<footer>    定义 section 或 document 的页脚。
<form>  定义了HTML文档的表单
<frame> 定义框架集的窗口或框架
<frameset>  定义框架集
<h1> to <h6>    定义 HTML 标题
<head>  定义关于文档的信息
<header>    定义了文档的头部区域
<hr>    定义水平线
<html>  定义 HTML 文档
<i> 定义斜体字
<iframe>    定义内联框架
<img>   定义图像
<input> 定义输入控件
<ins>   定义被插入文本
<kbd>   定义键盘文本
<keygen>    规定用于表单的密钥对生成器字段。
<label> 定义 input 元素的标注
<legend>    定义 fieldset 元素的标题。
<li>    定义列表的项目
<link>  定义文档与外部资源的关系
<map>   定义图像映射
<mark>  定义带有记号的文本。请在需要突出显示文本时使用 <m> 标签。
<menu>  不赞成使用。定义菜单列表。
<meta>  定义关于 HTML 文档的元信息。
<meter> 定义度量衡。仅用于已知最大和最小值的度量。
<nav>   定义导航链接的部分
<noframes>  定义针对不支持框架的用户的替代内容。HTML5不支持
<noscript>  定义针对不支持客户端脚本的用户的替代内容。
<object>    定义内嵌对象
<ol>    定义有序列表。
<optgroup>  定义选择列表中相关选项的组合。
<option>    定义选择列表中的选项。
<output>    定义不同类型的输出,比如脚本的输出。
<p> 定义段落。
<param> 定义对象的参数。
<pre>   定义预格式文本。
<progress>  定义运行中的进度(进程)。
<q> 定义短的引用。
<rp>    <rp> 标签在 ruby 注释中使用,以定义不支持 ruby 元素的浏览器所显示的内容。
<rt>    <rt> 标签定义字符(中文注音或字符)的解释或发音。
<ruby>  <ruby> 标签定义 ruby 注释(中文注音或字符)。
<s> 不赞成使用。定义加删除线的文本。
<samp>  定义计算机代码样本。
<script>    定义客户端脚本。
<section>   <section> 标签定义文档中的节(section、区段)。比如章节、页眉、页脚或文档中的其他部分。
<select>    定义选择列表(下拉列表)。
<small> 定义小号文本。
<source>    <source> 标签为媒介元素(比如 <video> 和 <audio>)定义媒介资源。
<span>  定义文档中的节。
<strike>    HTML5不支持,不赞成使用。定义加删除线文本。
<strong>    定义强调文本。
<style> 定义文档的样式信息。
<sub>   定义下标文本。
<summary>   <summary> 标签包含 details 元素的标题,"details" 元素用于描述有关文档或文档片段的详细信息。
<sup>   定义上标文本。
<table> 定义表格。
<tbody> 定义表格中的主体内容。
<td>    定义表格中的单元。
<textarea>  定义多行的文本输入控件。
<tfoot> 定义表格中的表注内容(脚注)。
<th>    定义表格中的表头单元格。
<thead> 定义表格中的表头内容。
<time>  定义日期或时间,或者两者。
<title> 定义文档的标题。
<tr>    定义表格中的行。
<track> <track> 标签为诸如 video 元素之类的媒介规定外部文本轨道。
<tt>    定义打字机文本。
<u> 不赞成使用。定义下划线文本。
<ul>    定义无序列表。
<var>   定义文本的变量部分。
<video> <video> 标签定义视频,比如电影片段或其他视频流。
<wbr>   规定在文本中的何处适合添加换行符。

空标签

一个空元素(empty element)可能是 HTML,SVG,或者 MathML 里的一个不可能存在子节点(例如内嵌的元素或者元素内的文本)的element。
在 HTML 中,通常在一个空元素上使用一个闭标签是无效的。例如, <input type="text"></input> 的闭标签是无效的 HTML。
在 HTML 中有以下这些空元素:

<area>
<base>
<br>
<col>
<colgroup> when the span is present
<command>
<embed>
<hr>
<img>
<input>
<keygen>
<link>
<meta>
<param>
<source>
<track>
<wbr>

可替换标签

在 CSS 中,可替换元素(replaced element)的展现效果不是由 CSS 来控制的。这些元素是一种外部对象,它们外观的渲染,是独立于 CSS 的。
简单来说,它们的内容不受当前文档的样式的影响。CSS 可以影响可替换元素的位置,但不会影响到可替换元素自身的内容。某些可替换元素,例如 <iframe> 元素,可能具有自己的样式表,但它们不会继承父文档的样式。
CSS 能对可替换元素产生的唯一影响在于,部分属性支持控制元素内容在其框中的位置或定位方式。
典型的可替换元素有:<iframe> <video> <embed> <img>
有些元素仅在特定情况下被作为可替换元素处理,例如:<option> <audio> <canvas> <object> <applet>
HTML 规范也说了 <input> 元素可替换,因为 "image" 类型的 <input> 元素就像<img>一样被替换。但是其他形式的控制元素,包括其他类型的 <input> 元素,被明确地列为非可替换元素(non-replaced elements)。该规范用术语小挂件(Widgets)来描述它们默认的限定平台的渲染行为。
参考可替换元素的 HTML 规范

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 214,904评论 6 497
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 91,581评论 3 389
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 160,527评论 0 350
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 57,463评论 1 288
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 66,546评论 6 386
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 50,572评论 1 293
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 39,582评论 3 414
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 38,330评论 0 270
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,776评论 1 307
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 37,087评论 2 330
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 39,257评论 1 344
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 34,923评论 5 338
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 40,571评论 3 322
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,192评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,436评论 1 268
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 47,145评论 2 366
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 44,127评论 2 352