a,abbr,address,area,article, aside, audio標簽文檔
<a>標簽
download屬性
<!-- 下載hello.txt -->
<a href="test.txt" download="hello">點擊下載</a>
說明:hello為瀏覽器下載後文件的名字,瀏覽器會自動檢測文件的擴展名
href屬性
<a href="https://github.com/wmui">GitHub</a>
說明:href值可以是相對地址,絕對地址,錨點(#top)
media屬性
<a href="https://github.com/wmui" media="print and (resolution:300dpi)" >GitHub</a>
運算符
and
運算符(相當於&&), not
運算, ,
運算符(相當於||)
設備
all是默認值,表示適合所有設備。aural表示語音合成器。braille表示盲文反饋裝置。handheld表示手持設備。projection表示投影機。print打印預覽模式或頁面。screen計算機屏幕。tty電傳打字機以及使用更寬字符網格的類似媒介。tv電視類型設備。
值
width: 目標顯示區域的寬度(可使用min-, max-前綴),例如:media = "screen and (min-width: 300px)
height: 目標顯示區域的高度(可使用min-, max-前綴),例如:media = "screen and (min-height: 300px)"
device-width: 目標顯示器的寬度(可使用min-, max-前綴),例如:media = "screen and (device-width: 300px)"
device-height: 目標顯示器高度 (可使用min-, max-前綴),例如:media = "screen and (device-height: 300px)"
orientation: 目標顯示器取向(可能值:portrait, landspace,例如:media = "all and (orientation: landspace)"
aspect-ratio: 目標顯示區域的寬高比(可使用min-, max-前綴),例如:media = "screen and (aspect-ratio: 16 / 9)"
device-aspect-ratio: 目標顯示器的寬高比(可使用min-, max-前綴),例如:media = "screen and (device-aspect-ratio: 16 / 9)"
color: 規定目標顯示器的bits per color(可使用min-, max-前綴),例如:media = "screen and (color: 3)"
color-index: 規定目標顯示器能夠處理的目標顯示數(可使用min-, max-前綴),例如:media = "screen and (min-color-index: 256)"
monochrome: 規定在單色幀緩沖中的每像素比特(可使用min-,max前綴),例如: media = "screen and (monochrome: 2)"
resolution: 規定目標顯示器的像素密度(dpi 或 dpcm,可使用min-, max-前綴),例如:media = "print and (resolution: 300dpi)"
scan: 規定tv顯示器的掃描方法,可能值progressive和interlace,例如:media = "tv and (scan: interlace)
grid: 規定輸出設備是網格還是位圖,可能的值:1代表網格,0代表其讓。例如:media = "handheld and (grid: 1)"
rel屬性
<a rel="friend" href="https://github.com/wmui>wmui</a>
說明:rel屬性表示了當前文檔與目標文檔的關系,屬性值是以空格分割的關系列表,搜索引擎可以利用該屬性獲得更多相關信息,也可以根據w3c官方標準自定義一些值。
屬性值
alternate: 文檔的可選版本。
stylesheet: 文檔的外部樣式表。
start: 第一個文檔。
next: 下一個文檔。
prev: 上一個文檔。
contents: 文檔目錄。
index文檔索引。
glossary: 文檔中所用字詞的術語或解釋。
copyright: 包含版權信息的文檔。
chapter: 文檔的章。
section: 文檔的節。
subsection: 文檔的子段。
appendix: 文檔附錄。
help: 幫助文檔。
bookmark: 相關文檔。
nofollow: 搜索引擎不要跟蹤鏈接。
另外還用licence,tag,frined。
擴展:以上的屬性值亦可以用在<link>
標簽的rel屬性裏
target屬性
_blank在新窗口中打開文檔
_self 默認值,在當前窗口或框架中打開文檔
_parent 在父框架集中打開文檔
_top 在整個當前窗口中打開文檔
framename 在指定框架中打開文檔
說明:_parent和_top用於在框架中內嵌的鏈接
type屬性
<a href="https://github.com/wmui" type="text/html">wmui</a>
說明:只能在href屬性存在時使用,用於規定type屬性的MIME類型
<abbr>標簽
The <abbr title="People‘s Republic of China">PRC</abbr> was founded in 1949.
The PRC was founded in 1949.
說明:abbr用於表示簡寫或者縮寫
<address>標簽
電話:1234567郵箱:[email protected]
<footer>
<address>
電話:1234567<br>
郵箱:[email protected]
</address>
</footer>
說明:用於定義作者/擁有者的聯系信息,不應該用於描述通訊地址,除非他是聯系信息的一部分,該元素通常連同其他信息被包含在footer標簽中。當位於body
標簽內是表示文檔的聯系信息,位於article
標簽內時表示文章的聯系信息。
<area>標簽
a,abbr,address,area,article, aside, audio標簽文檔