整合營銷服務商

          電腦端+手機端+微信端=數(shù)據(jù)同步管理

          免費咨詢熱線:

          HTML問題:如何實現(xiàn)分享URL預覽?

          端功能問題系列文章,點擊上方合集↑

          序言

          大家好,我是大澈!

          本文2100+,整篇閱讀大約需要3分鐘。

          本文主要內(nèi)容分三部分,如果您只需要解決問題,請閱讀第一、二部分即可。如果您有更多時間,進一步學習問題相關知識點,請閱讀至第三部分。

          感謝關注微信公眾號:“程序員大澈”,然后加入問答群,從此讓解決問題的你不再孤單!

          ello大家好,今天廣州藍景跟大家分享一些html的使用技巧。

          1. 使用capture屬性打開設備攝像頭

          正如input標簽具有email、text和password屬性一樣,我們也可以通過一些屬性打開移動設備的攝像頭以捕獲圖像。

          那就是capture屬性,屬性值有兩個:

          • user用于前置攝像頭
          • environment用于后置攝像頭
          <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


          主站蜘蛛池模板: 日本一区二区三区四区视频| 亚洲色精品aⅴ一区区三区| 欧洲无码一区二区三区在线观看| 中文字幕AV一区二区三区| 麻豆亚洲av熟女国产一区二 | 内射少妇一区27P| 无码AV中文一区二区三区| 一区二区三区精密机械| 亚洲视频免费一区| 蜜臀AV在线播放一区二区三区| 午夜福利一区二区三区高清视频| 一区二区三区美女视频| 免费一区二区无码东京热| 国精品无码一区二区三区在线蜜臀| 91福利视频一区| 色窝窝免费一区二区三区 | 国产在线视频一区二区三区| 亚洲变态另类一区二区三区| 亚洲天堂一区二区三区四区| 激情综合一区二区三区| 国产成人AV一区二区三区无码| 免费无码毛片一区二区APP| 亚洲综合一区二区精品导航| 久久精品国产一区二区三区日韩| 亚洲不卡av不卡一区二区| 亚洲午夜精品一区二区公牛电影院| 波多野结衣一区二区三区高清av| 国产剧情国产精品一区| 亚洲Av无码国产一区二区| 区三区激情福利综合中文字幕在线一区亚洲视频1 | 亚洲一区二区三区夜色| 视频在线一区二区| 亚洲欧美一区二区三区日产| 国产综合一区二区| 无码8090精品久久一区| 色婷婷综合久久久久中文一区二区| 一区二区国产精品| 精品国产精品久久一区免费式| 国产亚洲一区二区精品| 国产另类ts人妖一区二区三区| 天堂一区人妻无码|