端功能問題系列文章,點擊上方合集↑
序言
大家好,我是大澈!
本文約2100+字,整篇閱讀大約需要3分鐘。
本文主要內(nèi)容分三部分,如果您只需要解決問題,請閱讀第一、二部分即可。如果您有更多時間,進一步學習問題相關知識點,請閱讀至第三部分。
感謝關注微信公眾號:“程序員大澈”,然后加入問答群,從此讓解決問題的你不再孤單!
ello大家好,今天廣州藍景跟大家分享一些html的使用技巧。
1. 使用capture屬性打開設備攝像頭
正如input標簽具有email、text和password屬性一樣,我們也可以通過一些屬性打開移動設備的攝像頭以捕獲圖像。
那就是capture屬性,屬性值有兩個:
<input type="file" capture="user" accept="image/*">
2. 網(wǎng)站自動刷新
你可以在head標簽中將網(wǎng)站設置為定時刷新!
<head>
<meta http-equiv="refresh" content="10">
</head>
此代碼段可以實現(xiàn)每10秒刷新一次網(wǎng)站。
3. 激活拼寫檢查
你可以使用HTML的spellcheck屬性并將其設置為true以激活拼寫檢查。使用lang屬性指定待檢查的語言。
<input type="text" spellcheck="true" lang="en">
這是一個標準屬性,得到了大多數(shù)瀏覽器的支持。
4. 指定要上傳的文件類型
你可以使用accept屬性在input標簽中指定允許用戶上傳的文件類型。
<input type="file" accept=".jpeg,.png">
5. 阻止瀏覽器翻譯
將translate屬性設置為no會阻止瀏覽器翻譯該內(nèi)容。如果你不想翻譯某個短語或單詞,例如logo、公司或品牌名稱,那就可以應用這個屬性。
<p translate="no">Brand name</p>
6. 在input標簽中輸入多個項目
這可以通過multiple屬性來完成。
<input type="file" multiple>
適用于文件和電子郵件。如果是電子郵件,則可以用逗號分隔。
7. 為視頻創(chuàng)建海報(縮略圖)
使用poster屬性,我們可以在視頻加載時,或者在用戶點擊播放按鈕之前,顯示指定的縮略圖。
如果不指定圖片,則默認使用視頻的第一幀作為縮略圖。
<video poster="picture.png"></video>
8. 點擊鏈接自動下載
如果你希望在單擊目標資源的鏈接時下載特定資源,那就添加download屬性。
<a href="image.png" download>
今天就分享到這里,想要了解更多前端技術知識,可以關注我們廣州藍景。
我們?yōu)g覽網(wǎng)頁時可能需要把網(wǎng)頁上的內(nèi)容保存下來,這時候有幾種方式可以做到:1、把重要的內(nèi)容復制出來;2、對網(wǎng)頁進行截圖保存,我們推薦過的截圖插件如印象筆記·剪藏、Full Page Screen Capture等;3、把網(wǎng)頁保存成PDF,如Adobe Acrobat。4、直接把網(wǎng)頁保存成HTML。當然所有瀏覽器都有另存頁面為HTML 文檔的功能,不過可能會遇到一些問題,保存后不是各種資源如JS、CSS和圖片的文件很多,就是打開后無法載入樣式表,圖片顯示不出來,要把網(wǎng)頁備份起來或傳送給別人就很麻煩。本文要介紹的SingleFile是一款免費瀏覽器擴展,可以將完整的頁面保存到一個HTML文件中,包括所有CSS和圖片等等,讓用戶即使在一個HTML文檔中也能瀏覽完整內(nèi)容。除了單一頁面外,SingleFile還支持保存選中的部分、非固定標簽頁或所有頁面,操作上也非常的簡單易用。如果你有保存頁面的需求,可以試試這款插件。
簡介
SingleFile
*請認真填寫需求信息,我們會在24小時內(nèi)與您取得聯(lián)系。