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內部，來表示圖片區域的標題