HTML笔记一，部分常用的元素与属性

HTML中的常用元素与属性
<hr>:定义一条水平线
<div>:定义文档中的节，默认换行
<span>:定义一个节，但不换行

对文字的格式化元素：
<b>:定义粗体文本
<i>:定义斜体文本
<em>:定义强调文本
<strong>:定义粗体文本，与<b>基本类似，不过改行的行间距较大
<sup>:定义上标文本
<sub>:定义下标文本
<bdo>:定义文本显示方向，可以指定dir属性，可以是ltr或者rtl

语义相关元素
<abbr>:用于表示一个缩写，<abbr title=“疯狂讲义”></abbr>
<address>:用于表示一个地址，该处的地址显示会使用斜体字
<blockquote>:用于定义一段长的引用文本
<q>:用于定义一段短的引用文本，自动添加引号
<cite>:用于表示作品的标题，会使用斜体字显示
<code>:用于表示一段计算机代码
<dfn>:用于定义一个专业术语，会使用粗体或者斜体字显示
<del>:定义被删除的文本
<ins>:定义插入的文本
<pre>:所有的空格，回车，TAB键和其他字符都会被保留下来
<samp>:用于定义示范文本内容
<kbd>:定义键盘文本
<var>:定义一个变量，使用斜体字显示

超链接或者锚点
href属性:用于表示超链接所关联的另一个资源
target属性:四个值:_self,_blank,_top,_parent分别表示自身，新窗口，顶层框架，父框架来装载新资源
media属性:指定目标所使用的媒体类型

列表相关的元素
<ul>:定义无序列表
<ol>:定义有序列表，可以指定以下三个属性：start,指定列表的起始数字；type指定使用哪种类型的编号(1表示数字，A或者a表示字母，I或者i表示罗马数字)；reversed指定是否可以将顺序反转（目前不支持该属性）
<li>:定义列表项目
<dl>:定义列表，只能包含dt,dd两种子元素。
<dt>:定义标题列表项
<dd>:定义普通列表项

图像相关的元素
img下：
src属性：指定图片文件所在的位置
alt属性：指定一段文本，作为该图片的提示信息
height，weight属性：定义图片的高度和宽度，可选项。
<map>用于定义图片的映射
<area>用于定义图片映射的内部区域：
shape属性：指定该区域的内部区域
coords属性：指定多个坐标值来确定区域位置
href属性：确定该区域所连接的资源
alt属性：指定一段文本，作为该图片的提示信息
target属性：与之前的target属性一致
media属性：与之前的media属性一致

表格相关元素
<table>:用于定义表格
cellpadding指定单元格内容和单元格边框之间的间距
cellspacing指定单元格之间的间距
width指定表格宽度
<caption>:用于定义表格标题
<tr>:定义表格行
colspan:指定该单元格跨多少列
rowspan:指定该单元格跨多少行
height,weight
<th>:定义表格页眉的单元格,与<td>类似，只是显示不完全一样,<th>所显示的文字是居中的
<tbody>:定义表格的主体
<thead>:定义表格头
<tfoot>:定义表格脚
其中，thead,tfoot,tbody,应当按照这样的顺序来编辑，并且，这三个只能在table下才能使用。

框架相关元素
<iframe>:用于在普通html页面中生成一个内联框架

HTML5新增的通用功能
contentEditable属性：如果是true则表示允许开发者直接修改该html内的元素
designMode属性：相当于一个全局的contentEditable属性，默认是off，如果设置为on，则所有可支持contentEditable属性的元素都变成可编辑状态（document.designMode=‘on’）
hidden属性：若为true则表示该组件不显示，也不会保留该组件所占用的空间。相当于CSS中的display:none。
spellcheck属性：为input,textarea等元素添加了spellcheck属性，可以执行输入检验

文档结构元素
<article>:用来表示一篇文章，是一片独立的文档内容。
<section>:对页面的内容进行分块
<nav>:定义导航条
<aside>:定义当前页面或当前文章的附属信息
<header>:定义头部信息
<hgroup>:主要为了组织h1~h6这样的标题元素
<footer>:定义脚注部分
<figure>:表示一块独立的图片区域，内部可以包含多个img所表示的图片
<figcaption>:定义在figure内部，来表示图片区域的标题