HTML5學習筆記2

4.超連接和路徑
一。超連接的屬性

屬性名稱	說明	解釋
href	指定<a>元素所指資源的URL	必須屬性 如以http開頭的URL，指向外部網站，沒有的話就變成空元素。
hreflang	指向的連接資源所使用的語言
media	說明所連接資源用於哪一種設備
rel	說明文檔與所連接資源的關係類型
target	指定用以打開連接資源的瀏覽環境	告訴瀏覽器但願所連接的資源顯示在哪裏
type	說明所連接資源的MIME類型(好比text/html)

 

 

 

 

 

 

 

target屬性：

_blank	新建一個窗口
_parent	父窗口中打開文檔（不太用）
_self	當前窗口打開文檔（默認）
_top	在頂層窗口打開文檔（不太用）

 

 

 

 

二。相對和絕對路徑
相對路徑，就是相對於連接頁面而言的另外一個頁面的路徑
絕對路徑，就是直接從file：///磁盤符開始的完整路徑
三。錨點設置
<a href="#1">xxxx</a>
<a name="1"></a>或者<a id="1"></a>xxxx

 5.分組元素
所謂分組，就是用來組織相關內容的HTML5元素，清晰有效的進行歸類

標籤元素	說明
<p>	表示段落
<div>	一個沒有任何語義的通用元素，和span是對應元素
<blockquote>	表示引自他處的大段內容 和p差很少，有首尾縮進功能
<pre>	展現格式化內容
<hr>	添加分割
<ul> <li>	添加無序列表
<ol> <li>	添加有序列表 ol元素屬性 　　start 從第幾個序列開始統計：<ol start="2"> 　　reversed 是否倒序排列 <ol reversed> 通常主流瀏覽器不支持 　　type 表示列表的編號類型，值分別爲1,a,A,i,I li元素屬性 　　value 強行設置某個項目的編號。
dl><dt><dd>	生成說明列表，這三個是一個總體，但<dt>或<dd>並不是都必須出現
<figure><figcaption>	使用插圖 這兩個元素通常用於圖片的佈局 <figure>  　　   <figcaption>這是一張圖片</figcaption>  　　   <img src="img.png"> 　　</figure>

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

6.表格元素
表格的基本構成最少須要三個元素：<table><tr><td>其餘的元素做爲輔助存在。

標籤元素	說明
table	表格
thead	標題行
tbody	表示表格主體
tfoot	表腳
tr	表示一行
td	單元格
th	表示標題行單元格
col	表示一列
colgroup	表示一組列
caption	表示表格標題