1. 程式人生 > >a,abbr,address,area,article, aside, audio標簽文檔

a,abbr,address,area,article, aside, audio標簽文檔

alternate tps load com 等等 屏幕 sem follow a標簽

<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>標簽

技術分享圖片


<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>標簽

瀏覽器不支持

<audio src="http://www.w3school.com.cn/i/horse.ogg" controls>瀏覽器不支持</audio>

屬性

autoplay:音頻準備就緒後自動播放

controls: 規定瀏覽器應該為音頻提供的播放控件,如果設置了該屬性,則不存在作者設置的腳本控件。瀏覽器控件包括:播放,暫停,定位,音量,全屏轉換,字幕(如果可用),音軌(如果可用)

loop: 音頻循環播放

muted: 規定視頻輸出應該靜音

preload: 規定是否在頁面加載後載入音頻。如果設置了autoplay屬性則忽略該屬性。其值可以是auto:頁面加載後載入音頻,meta頁面加載後載入元數據,none:頁面加載後不再如音頻

src: 規定音頻的URL。可使用<source>標簽來設置視頻

a,abbr,address,area,article, aside, audio標簽文檔