HTML 中mailto屬性的用法淺析

近來,小碼哥有點小閒啊,所以,也就沒有想更新的內容了!但願光顧過俺博客的「yin民」不要吐槽我啊,,,,,php

不過,今天小碼哥用到了一個對我來講相對陌生的HTML屬性,就是mailto屬性,說是屬性吧,也不徹底正確。由於它是做爲href屬性值得前綴來用的。html

其大概功能就是會給某個郵箱地址添加上一個點擊效果,點擊郵箱地址後,會直接跳轉到或進入到電腦上某個郵箱軟件。方便用戶更快捷的、無誤的發送郵件!瀏覽器

廢話很少說了,直接上實例吧!ide


HTML結構:測試

<!doctype html>ui

<html>spa

<head>orm

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">htm

<title>HTML mailto屬性測試</title>utf-8

</head>


<body>

<!--<a href="mailto:324320219@qq.com" target="_blank">324320219@qq.com</a>-->

<a href="mailto:qq324320@qq.com?subject=test&cc=sample@hotmail.com&body=use mailto sample" target="_blank">qq324320@qq.com</a><!--mailto屬性須要電腦上帶有郵件客戶端或軟件,不然只能將郵件地址複製而後在在網頁上或qq郵箱發送了-->

</body>

</html>

看到該結構,是否是趕腳很簡單實用啊?固然不是,他還有好多屬性和功能可添加呢!

下面說一下詳細的使用方法:

     1. 爲郵件加入默認標題

<a href="mailto:qq324320@qq.com?subject=郵件的默認標題">qq324320@qq.com</a>

2. 爲郵件加入默認的抄送地址

<a href="mailto:qq324320@qq.com?cc=qq3243202@qq.com">qq324320@qq.com</a>

3. 爲郵件加入默認暗送(密件抄送)地址

<a href="mailto:qq324320@qq.com?bcc=qq3243202@qq.com">qq324320@qq.com</a>

4. 爲郵件加入默認的內容

<a href="mailto:qq324320@qq.com?body=歡迎您來到phplamp博客站-http://www.phplamp.org">qq324320@qq.com</a>

5. 多個郵件地址

<a href="mailto:qq324320@qq.com,qq3243202@qq.com">qq324320@qq.com</a>

6. 來個綜合型的:加入默認抄送地址,標題,內容

<a href="mailto:qq324320@qq.com?cc=qq3243202@qq.com&subject=phplamp博客站&body=歡迎您來到phplamp博客站-http://www.phplamp.org">qq324320@qq.com</a>

由上例能夠看出,假若有多個默認值須要添加的話,與郵件地址相鏈接的字符爲"?",默認值間相鏈接的符號爲"&"。

可是我想說的重點在於,該功能適用於用戶電腦上自帶或安裝了某個郵件的客戶端或軟件。否則就須要用戶自行復制郵件地址,而後在網頁或qq郵箱手動粘貼地址在發送郵件了。

還有就是不一樣的瀏覽器對該屬性的解析不一樣,火狐會彈出提示框讓你選擇用什麼郵件軟件來操做發送郵件。IE會彈出警告框告知你電腦上沒有相關郵件軟件。谷歌等其餘瀏覽器如果在電腦上搜索不到相應的郵件軟件或客戶端。則沒有提示。到時候就須要用戶自行手動操做了。

相關文章
相關標籤/搜索