HTML中的元素很多,先总结下以前的,后面会详细的记录新元素的使用;
一:以往的元素
不完全统计html中总共有119个元素,在这记录下常用的元素是做什么的,复杂点的会写个例子;
- <html>:定义HTML文档,定义文档的开始和结束;
- <head>:定义关于文档的信息;
- <title>:定义文档的标题;
- <meta>:定义关于HTML文档的原信息,例如网页的关键字,编码,描述等;
- <base>:定于页面中所有链接的默认地址;
- <body>:定义文档的主体,所以“可呈现属性”都不建议使用,都可以用样式来代替;
- <form>:定义一个表单,用于向服务器传输数据,能包括文本框,单选框,复选框,按钮,菜单等等;
- <input>:定义一个输入框,根绝type属性,可以是button、checkbox、file、hidden、image、password、radio、reset、submit、text;
- <textarea>:定义一个多行的文本输入框,可以容纳无限数量的文本,在文本框中用“%OD/OA”进行"回车/换行";
- <fieldset>:定义一个围绕表单元素的边框;
- <legend>:定义fieldset围绕边框的标题;
- <label>:定义一个文本标签,为input元素的标记;
- <button>:定义一个按钮,按钮类型有button、reset、submit,不同的浏览器会提交不同的按钮值,建议使用input元素来创建按钮;
- <select>:定义一个下拉列表,可用于在表单中接受用户输入;
- <option>:定义选择列表select中的选项,如果列表选项很多,可以用元素<optgroup>对相关项目进行组合;
- <optgroup>:定义选择列表中相关选项的组合;
- <frameset>:定义框架集;
- <frame>:定义框架集的窗口或框架;
- <iframe>:定义内联框架;
- <noframes>:定义不支持框架的用户的替代内容
- <img>:定义一个图片
- <a>:定义锚;
- <link>:定义一个与外部文档资源的链接
- <ul>:定义一个无序列表;
- <ol>:定义一个有序列表;
- <li>:定义列表中的项目;
- <menu>:顶一个菜单列表;
- <menuitem>:定义菜单列表中的菜单项目;
- <dl>:用于定义一个定义列表;
- <dt>:定义定义列表中的项目,指定名称,是内联元素(t - title);
- <dd>:定义定义列表中项目的描述,块级元素(d - define)。dl dt dd一般一起使用,通常用来描述一些术语定义;
- <pre>:用于定义预格式化的文本,定义在该元素中的文本通常保留空格和换行符,且文本呈现等宽字体,可以用以显示计算机源码。
- <p>:定义段落,会自动在前后添加一些空白,也可样式来控制;
- <h1> ~ <h6>:定义html标题,数字越大字体越小,<h1>字体最大的标题,<h6>字体最小的标题,同一行中建议不要用h标签来改变字体大小,可以用样式替换;
- <hr>:定义水平线;
- <br>:定义换行符,没有结束标签。<br>只是简单的换行,<p>则会在两个段落间有垂直间距;
- <b>:定义粗体文本,同样的效果,优先考虑<h1>~<h6>等;
- <big>:定义大号字体,可以使字体元素内的字体大一号,可以嵌套使用,字体上限为7。不支持<big>元素的浏览器最后解析为加粗;
- <small>:定义小号字体,使用方法和<big>一样,不过是把字体缩小一个号,
- <i>:定义斜体文本,效果和<em>类似,
- <tt>:定义打印机或等宽的文本字体
- <code>:定义计算机代源代码或者其他机器可以阅读的文本内容,浏览器显示为等款字体Courier,<pre>也可以用于显示计算机源码;
- <var>:定义变量,常于<code>、 <pre>一起使用。这个标签不仅可以使得文档更易理解和浏览,而且还可以使浏览器更好的利用这些标签;
- <dfn>:定义定义项目,标记那些特殊术语或短语的定义,显示为斜体;
- <em>:把文本定义为强调内容,在浏览器上显示问斜体;
- <strong>:把文本定义为语气更强的强调内容,强调程度比em更强,在浏览器上显示为加粗的斜体;
- <samp>:定义样本文本,主要用于从正常的上下文中将某些短字符序列提取出来,并对他们加以强调,例如ae会被转化为连字符æ;
- <kdb>:定义键盘文本,表示文本是从箭盘山键入的,长用于与计算机相关的文本,例如:
<!-- 键入quit 来退出程序--> 键入 <kbd>quit</kbd> 来退出程序
- <cite>:定义引用,比如数据或杂志的标题,引用的文本用斜体显示。
- <font>:定义文本的字体(face)、尺寸(size)和颜色(color),现在建议用样式来替代<font>;
- <i>:定义斜体文本;
- <u>:定义下划线文本,应避免使用,容易和超链接弄混;
- <q>:定义短的引用,通常浏览器显示为在引用的周围添加引号;
- <blockquote>:定义标签块引用,引用快会提取出来,拥有自己的空间,左右缩进,有时会使用斜体。简短的行内引用用<q>,需要从周围内容中分离出来较长的部分时使用<blockquote>;
- <s>、<strike>:定义加删除线的文本,这两个前者是后者的简写,这两个元素不推荐使用,现用<del>替代;
- <sup>:定义上标文本,可用于向文档中添加注脚,或用于表示方程式中的指数;
- <sub>:定义下标文本,使用效果如图:;
- 未完待续