a，abbr，address，area，article， aside， audio標籤文檔

時間 2019-11-06

標籤 abbr address area article aside audio 標籤文檔简体版

原文原文鏈接

<a>標籤

download屬性

<!-- 下載hello.txt -->
<a href="test.txt" download="hello">點擊下載</a>

說明：hello爲瀏覽器下載後文件的名字，瀏覽器會自動檢測文件的擴展名html

href屬性

<a href="https://github.com/wmui">GitHub</a>

說明：href值能夠是相對地址，絕對地址，錨點(#top)git

media屬性

<a href="https://github.com/wmui" media="print and (resolution:300dpi)">GitHub</a>

運算符

and運算符(至關於&&), not運算, ,運算符(至關於||)github

設備

all是默認值，表示適合全部設備。aural表示語音合成器。braille表示盲文反饋裝置。handheld表示手持設備。projection表示投影機。print打印預覽模式或頁面。screen計算機屏幕。tty電傳打字機以及使用更寬字符網格的相似媒介。tv電視類型設備。chrome

值

width: 目標顯示區域的寬度（可以使用min-, max-前綴），例如：media = "screen and (min-width: 300px)瀏覽器

height: 目標顯示區域的高度（可以使用min-, max-前綴），例如：media = "screen and (min-height: 300px)"app

device-width: 目標顯示器的寬度（可以使用min-, max-前綴），例如：media = "screen and (device-width: 300px)"框架

device-height: 目標顯示器高度（可以使用min-, max-前綴），例如：media = "screen and (device-height: 300px)"ide

orientation: 目標顯示器取向（可能值：portrait, landspace，例如：media = "all and (orientation: landspace)"oop

aspect-ratio: 目標顯示區域的寬高比（可以使用min-, max-前綴）,例如：media = "screen and (aspect-ratio: 16 / 9)"ui

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: 文檔中所用字詞的術語或解釋。

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
郵箱：22337383@qq.com

<footer>
  <address>
  電話：1234567<br>
  郵箱：22337383@qq.com
  </address>
</footer>

說明：用於定義做者/擁有者的聯繫信息，不該該用於描述通信地址，除非他是聯繫信息的一部分，該元素一般連同其餘信息被包含在footer標籤中。當位於body標籤內是表示文檔的聯繫信息，位於article標籤內時表示文章的聯繫信息。

<area>標籤

<img src="http://www.86886.wang/public/1520049901259.jpg" usemap="#test" alt="test img" />

<map name="test" id="test">
  <area shape="rect" coords="0,0,100,200" href ="https://github.com/wmui" alt="wmui" target="_blank" alt="test img"/>
</map>

說明：該標籤用於定義圖像映射，area標籤必須嵌套到map標籤內。img元素中的usemap屬性與map元素的name屬性和id屬性相關聯

必需的屬性

alt: 定義此區域的替換文本(保證圖片出錯時仍能夠點擊)

可選屬性

href: 規定區域中連接的目標，值能夠是相對url, 絕對url, 錨點

nohref: 規定區域內中沒有相關連接，值只有一個nohref

shape: 規定區域的形狀，形狀決定了coords屬性的參數。瀏覽器默認形狀爲rect,若是找不到coords的四個參數，瀏覽器會忽略整個區域。<map>標籤是採用「先來先得」的順序結構，因此必須將默認區域放置到最後。shape的值爲default表示整個區域， rect表示矩形區域，circ表示圓形區域， poly表示多邊形區域。

coords：規定可點擊區域的座標。shape="circle", coods="x,y,z", x和y定義了圓形，z定義了半徑。shape="rect", coods="x1, y1,x2,y2"第一個座標定義矩形的頂點位置，第二個座標是定義矩形對角的位置。shape="polygon", coods="x1,y2,x2,y2，x3,y3..."每一對座標肯定一個位置，定義三角形最少須要三對座標。

target：同<a>標籤的target屬性值相同

<article>標籤

<article>
  <h3>>w\文章標題<h3>
  <p>文章正文</p>
</article>

說明：規定獨立的自包含內容，如論壇帖子，文章，評論等等

<aside>標籤

說明：定義所處內容以外的內容，但aside的內容卻和所處內容有相關性

<audio>標籤

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。