HTML5保留的常用元素
1.基本元素
HTML5保留的基本元素有：
<!--...-->: 定义HTML注释。位于<!--...-->之间的内容会被当成注释处理<html>: HTML5文档的根元素。但HTML5允许完全省略这个元素<head>: 定义HTML5文档的页面部分。但HTML5允许完全省略这个元素<title>: 定义HTML5文档的页面标题<body>: 定义HTML5文档的页面主体部分，该标签可以指定id、class、style等核心属性。<style>: 用于引入样式定义。<h1>到<h6>: 定义标题一到标题六<p>: 定义段落<br>: 插入一个换行<hr>: 定义水平线<div>: 定义文档中的节<span>: 与<div>基本相似，区别是span定义的的节默认不会换行
2.文本格式化元素
下面的元素让文本内容在浏览器中呈现出特定效果：
<b>: 定义粗体文本<i>: 定义斜体文本<em>: 定义强调文本<strong>: 定义粗体文本<small>: 定义小号字体文本<sup>: 定义上标文本<sub>: 定义下标文本<bdo>: 定义文本显示方向(dir='ltr' 从左向右；dir='rtl' 从右向左）
3.语义相关元素
<abbr>: 用于表示一个缩写。使用该元素时可指定title属性（title用于指定该缩写的全称）<address>: 通常，<address>元素可以放在当前section的<footer>元素中，如果存在的话<blockquote>: 用于定义一段长的引用文本<q>: 用于定义一段长的引用文本，浏览器会为其添加添加引号<code>: 用于表示一段计算机代码<dfn>: 用于定义一个专业术语<del>: 用于定义文档中被删除的文本<ins>: 用于定义文档中插入的文本，通常会和<del>一起使用<pre>: 用于表示该元素所包含的文本已经进行了”预格式化”。<samp>:用于定义示范文本内容<kbd>: 用于定义键盘文本<var>: 用于表示一个变量
4.超链接和锚点
<a>: 可以指定3个重要属性- href：指定超链接所关联的另一个资源
- target：指定使用框架集中那个框架来装载另一个资源。该属性的属性值可以是_self、_blank、_top、_parent四个值，分别代表自身、性窗口、顶层框架、父框架来装载新资源
- media：指定目标URL所引用的媒体类型。默认值为all。只有当指定了href属性时该属性才有效。（这是一个新的属性）
- 一个完整的网址，遵守语法规则：
scheme://host.domain:port/path/filename- scheme: 指定英特网服务的类型
- domain: 指定英特网域名
- host: 指定此域中的主机
- port: 指定主机的端口号
- path: 指定远程服务器上的路径
- filename:指定远程文档的名称
- 锚点：
1 | <span name="test">1</span> |
5.列表相关元素
HTML5还保留了如下几个列表相关元素:
<ul>: 定义无序列表<ol>: 定义有序列表<li>: 定义列表项目<dl>: 定义列表，该元素只能包含<dt.../>和<dd.../>两种子元素<dt>: 定义标题列表项<dd>:定义普通列表项
6.图像相关元素
<img.../>: 包含的属性- src：指定图片的位置，既可以是相对路径，也可以是绝对路径
- alt：该属性指定的一段文本，该文本作为图片的提示信息
- height：指定图片的高度，该属性可以是百分百，也可以是像素值
- width： 指定图片的宽度，该属性可以是百分百，也可以是像素值
7.表格相关元素
<table>: 用于定义表格- cellpadding：定义单元格内容和单元格边框之间的间距。
- cellspacing： 定义单元格之间的间距。
- width：指定表格的宽度
<caption>: 定义表格标题<tr>: 定义表格行<td>: 定义单元格<th>: 定义表格页眉的单元格<tbody>: 定义表格的主体<thead>: 定义表格头<tfoot>: 定义表格脚
8.框架相关元素
<iframe.../>:直接在页面中生成一个内联框架，可以直接放在HTML页面的任意位置
1 | <iframe src="img.html" width="200" heigth="200"> |
