W3C简介
万维网(World Wide Web)是作为欧洲核子研究组织的一个项目发展起来的,在那里 Tim Berners-Lee 开发出万维网的雏形。Tim Berners-Lee- 万维网的发明人和万维网联盟的主任。
W3C 最重要的工作是发展 Web 规范(称为推荐,Recommendations),这些规范描述了 Web 的通信协议(比如 HTML 和 XHTML)和其他的构建模块。
HTML5规范
万维网联盟宣布,HTML5和Canvas 2D规范的制定已经完成,尽管还不能算是W3C标准,但是这些规范已经功能完整,企业和开发人员有了一个稳定的执行和规划目标。
W3C首席执行官Jeff Jaffe表示:“从今天起,企业用户可以清楚地知道,他们能够在未来依赖HTML5。”
HTML5是开放Web标准的基石,它是一个完整的编程环境,适用于跨平台应用程序、视频和动画、图形、风格、排版和其它数字内容发布工具、广泛的网络功能等等。
为了减少浏览器碎片、实现在所有HTML工具的应用,W3C开始着手W3C标准化的互操作性和测试。和之前宣布的规划一样,W3C计划在2014年完成HTML5标准。
HTML工作组还发布了HTML5.1、HTML Canvas 2D Context、Level 2以及主要元素的草案,让开发人员能提前预览下一轮标准。
每项 W3C 推荐的发展是通过由会员和受邀专家组成的工作组来完成的。工作组的经费来自公司和其他组织,并会创建一个工作草案,最后是一份提议推荐。一般来说,为了获得正式的批准,推荐都会被提交给 W3C 会员和主任。
MDN简介
仅仅是一个文档查阅网站:MDN
HTML简介
- HTML 的版本(W3C 组织制定规范)
- HTML 4.01
- XHTML
- HTML 5
- HTML 5.1
- 规范文档(Specifications)
- 由 W3C 写文档(李爵士)
- W3C 根据浏览器的实际情况总结文档,并不是凭空想象
- DOCTYPE
- 用来选择文档类型
- 除了 HTML 5 的 DOCTYPE,其他的都很难记:https://www.w3.org/QA/2002/04/valid-dtd-list.html
- 一定要声明文档!
- html / head / body
- 省略标签
- 常见标签:a、form、input、button、h1、p、ul、ol、small、strong、div、span、kbd、video、audio、svg
- 基本上,你知道标签对应单词的意思,就知道这个标签怎么用了(语义化)
- 出了 div 和 span,其他标签都有默认样式
- MDN 上有所有标签的文档
- 如何查看 MDN 文档
- Google:关键词 + MDN
- 切换成中文
HTML常见标签
a标签(Anchor)
HTML <a> 元素 (或锚元素) 可以创建一个到其他网页、文件、同一页面内的位置、电子邮件地址或任何其他URL的超链接。
用法:
常用于对应url,下篇博客我会细说a的其他用法。
from标签
HTML <form> 元素 表示了文档中的一个区域,这个区域包含有交互控制元件,用来向web服务器提交信息。
用法:
input为form主要子元素,主要用于数据交互,下篇博客我会详细介绍form的用法。
button标签
button标签主要表示按钮。
h标签
HTML <h1>–<h6> 标题(Heading)元素呈现了六个不同的级别的标题,<h1> 级别最高,而 <h6> 级别最低。一个标题元素能简要描述该节的主题。标题信息可以由用户代理可以使用,例如,自动构造某个文档中的内容表(就像本文档右边浮动栏一样)
用法:
p标签(paragraph)
HTML <p>元素(或者说 HTML 段落元素)表示文本的一个段落。该元素通常表现为一整块与相邻文本分离的文本,或以垂直的空白隔离或以首行缩进。另外,<p> 是块级元素。
ul标签(Unordered List)
The** HTML <ul>
元素** ( 或 HTML 无序列表元素) 代表多项的无序列表,即无数值排序项的集合,且它们在列表中的顺序是没有意义的。通常情况下,无序列表项的头部可以是几种形式,如一个点,一个圆形或方形。头部的风格并不是在页面的HTML描述定义, 但在其相关的CSS 可以用 list-style-type
属性。
ol标签(ordered List)
HTML <ol> 元素 表示多个有序列表项,通常渲染为有带编号的列表。
用法:
small标签
HTML 中的元素將使文本的字体变小一号。(例如从大变成中等,从中等变成小,从小变成超小)。在HTML5中,除了它的样式含义,这个元素被重新定义为表示边注释和附属细则,包括版权和法律文本。
用法:
strong标签
Strong 元素 (<strong>)表示文本十分重要,一般用粗体显示。
b元素主要表示加粗。
用法:
两个标签虽然表现相同,但是语义化不同。
div标签
HTML <div>
元素 (或 HTML 文档分区元素) 是一个通用型的流内容容器,它在语义上不代表任何特定类型的内容,它可以被用来对其它元素进行分组,一般用于样式化相关的需求(使用 class 或 id 特性) 或者对具有相同特性的一组元素进行分组 (比如 lang),它应该在没有任何其它语义元素可用时才使用 (比如 <article>
或 <nav>
) 。
用法:
span标签
HTML <span>
元素是短语内容的通用行内容器,并没有任何特殊语义。可以使用它来编组元素以达到某种样式意图(通过使用类或者Id属性),或者这些元素有着共同的属性,比如lang。应该在没有其他合适的语义元素时才使用它。<span>
与 <div>
元素很相似,但 <div>
是一个 块元素 而 <span>
则是 行内元素 .
用法:
空标签
一个空元素(empty element)可能是 HTML,SVG,或者 MathML 里的一个不可能存在子节点(例如内嵌的元素或者元素内的文本)的element。
HTML,SVG 和 MathML 的规范都详细定义了每个元素能包含的具体内容(define very precisely what each element can contain)。许多组合是没有任何语义含义的,比如一个 <audio>
元素嵌套在一个 <hr>
元素里。
在 HTML 中,通常在一个空元素上使用一个闭标签是无效的。例如, <input type="text"></input>
的闭标签是无效的 HTML。
在 HTML 中有以下这些空元素:
<area>
<base>
<br>
<col>
-
<colgroup>
when the[span](https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/colgroup#attr-span)
is present <command>
<embed>
<hr>
<img>
<input>
<keygen>
<link>
<meta>
<param>
<source>
<track>
<wbr>
可替换标签
概述
CSS 里,可替换元素(replaced element)的展现不是由CSS来控制的。这些元素是一类 外观渲染独立于CSS的 外部对象。 典型的可替换元素有 <img>
、 <object>
、 <video>
和 表单元素,如<textarea>
、 <input>
。 某些元素只在一些特殊情况下表现为可替换元素,例如 <audio>
和 <canvas>
。 通过 CSS content
属性来插入的对象 被称作 匿名可替换元素(anonymous replaced elements)。