HTML的初步了解
W3C 简介
万维网联盟(World Wide Web Consortium,W3C),又称W3C理事会,是万维网的主要国际标准组织[2]。为半自治非政府组织(quasi-autonomous non-governmental organisation)。
MDN 简介
MDN****(Web Docs,旧称Mozilla Developer Network、Mozilla Developer Center,简称MDN)是一个汇集众多Mozilla基金会产品和网络技术开发文档的免费网站。
HTML 所有标签列表
| | 定义注释 |
| <!DOCTYPE> | 定义文档类型 |
| <a> | 定义超文本链接 |
| <abbr> | 定义缩写 |
| <acronym> | 定义只取首字母的缩写,不支持HTML5 |
| <address> | 定义文档作者或拥有者的联系信息 |
| <applet> | HTML5中不赞成使用。定义嵌入的 applet。 |
| <area> | 定义图像映射内部的区域 |
| <article> | 定义一个文章区域 |
| <aside>| 定义页面的侧边栏内容 |
| <audio> | 定义音频内容 |
| <b> | 定义文本粗体 |
| <base> | 定义页面中所有链接的默认地址或默认目标。 |
| <basefont> | HTML5不支持,不赞成使用。定义页面中文本的默认字体、颜色或尺寸。 |
| <bdi> | 允许您设置一段文本,使其脱离其父元素的文本方向设置。 |
| <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>New | 定义<figure> 元素的标题 |
| <figure>New | 规定独立的流内容(图像、图表、照片、代码等等)。 |
| <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>New | 规定用于表单的密钥对生成器字段。 |
| <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>New | <ruby> 标签定义 ruby 注释(中文注音或字符)。 |
| <s> | 不赞成使用。定义加删除线的文本。 |
| <samp> | 定义计算机代码样本。 |
| <script> | 定义客户端脚本。 |
| <section> | <section> 标签定义文档中的节(section、区段)。比如章节、页眉、页脚或文档中的其他部分。 |
| <select> | 定义选择列表(下拉列表)。 |
| <small> | 定义小号文本。 |
| <source>New | <source> 标签为媒介元素(比如 <video> 和 <audio>)定义媒介资源。 |
| <span> | 定义文档中的节。 |
| <strike> | HTML5不支持,不赞成使用。定义加删除线文本。 |
| <strong> | 定义强调文本。 |
| <style> | 定义文档的样式信息。 |
| | 定义下标文本。 |
| <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> | 规定在文本中的何处适合添加换行符。 |
什么是空标签
没有闭合的标签称为空标签,如:<br />和<img />等。他们不存在成对的情况(我是这么理解,觉得的不对的请指正我。)反之具有成对性质的例如:<div></div>、<form></form>就不是空标签。
在HTML中,在空标签上使用闭标签是无效的,例如:</br>。这样的情况是无效的HTML。
常见的空标签如下:
<area>
<base>
<br>
<col>
<colgroup> //当跨度存在时
<command>
<embed>
<hr>
<img>
<input>
<keygen>
<link>
<meta>
<param>
<source>
<track>
<wbr>
----------------------------------------------------------------------------------
Norte:在极少的情况下,空元素被错误的称为“无效元素”(void elements)
什么是可替换标签
在CSS里,可替换元素(replaced element)的展现不是由CSS来控制的。这些元素是一类外观渲染独立于CSS的外部对象。
典型的可替换元素有<img>
、<object>
、<video>
和表单元素,如<textarea>
、<input>
。某些元素只在一些特殊情况下
表现为可替换元素,例如<audio>
和<canvas>
。通过CSS的content属性来插入的对象被称为匿名可替换对象(annoymous replaced elements)。
CSS在某些情况下会对可替换元素做特殊处理,比如计算外边距和一些auto值。
需要注意的是,一部分(并非全部)可替换元素,本身具有尺寸和基线(baseline),会被想vertical-align之类的一些CSS属性用到。