很多時(shí)候?qū)τ星岸斯こ處焷?lái)講，頁(yè)面效果直接會(huì)轉(zhuǎn)嫁個(gè)CSS或JS，對(duì)HTML得一些屬性了解得并不充分，接下來(lái)介紹一些有意思得HTML屬性。

1）Multiple

顧名思義就是在一個(gè)輸入標(biāo)簽或選擇標(biāo)簽中可以輸入多個(gè)值

<input type="file" multiple>

2）Accept

在<input>包含接受屬性，允許用戶(hù)傷上傳指定得文件類(lèi)型。我們?cè)谠O(shè)置得過(guò)程中，需要設(shè)置指定得文件格式。并用逗號(hào)分開(kāi)即可。傳遞文件類(lèi)型包含支持、音頻、視頻、文檔，等自定義文件類(lèi)型。

<input type="file" accept=".png, .jpg">

3）Contenteditable

這個(gè)屬性比較有意思，允許用戶(hù)在前端HTML頁(yè)面進(jìn)行對(duì)文本得感謝，只對(duì)DOM得可見(jiàn)部分進(jìn)行感謝。

<div contenteditable="true">我可以隨意感謝！</div>

4）Spellcheck

進(jìn)行拼寫(xiě)檢查得可感謝段落：

<p contenteditable="true" spellcheck="true">這是一個(gè)段落。</p>

5) Translate

Translate告訴瀏覽器是否應(yīng)該翻譯內(nèi)容。例如，您可以使用它來(lái)防止Google Translate自動(dòng)嘗試翻譯您得公司或品牌名稱(chēng)。

<footer><p translate="no">Mark</p></footer>

6) Poster

帶有預(yù)覽圖（海報(bào)支持）得視頻播放器：

注釋?zhuān)篒nternet Explorer 8 以及更早得版本不支持 <video> 標(biāo)簽。

<video controls poster="/images/mark.gif"> <source src=http://www.hb0557.com/skin/m04blueskin/image/nopic.gif type="video/mp4"> <source src=http://www.hb0557.com/skin/m04blueskin/image/nopic.gif type="video/ogg"> Your browser does not support the video tag.</video>

7) Download

download 屬性規(guī)定被下載得超鏈接目標(biāo)。

在 <a> 標(biāo)簽中必須設(shè)置 href 屬性。

該屬性也可以設(shè)置一個(gè)值來(lái)規(guī)定下載文件得名稱(chēng)。所允許得值沒(méi)有限制，瀏覽器將自動(dòng)檢測(cè)正確得文件擴(kuò)展名并添加到文件 (.img, .pdf, .txt, .html, 等等)。