整合營銷服務商
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
ello大家好，今天廣州藍景跟大家分享一些html的使用技巧。
1. 使用capture屬性打開設備攝像頭
正如input標簽具有email、text和password屬性一樣，我們也可以通過一些屬性打開移動設備的攝像頭以捕獲圖像。
那就是capture屬性，屬性值有兩個：
<input type="file" capture="user" accept="image/*">
2. 網站自動刷新
你可以在head標簽中將網站設置為定時刷新！
<head>
<meta http-equiv="refresh" content="10">
</head>
此代碼段可以實現每10秒刷新一次網站。
3. 激活拼寫檢查
你可以使用HTML的spellcheck屬性并將其設置為true以激活拼寫檢查。使用lang屬性指定待檢查的語言。
<input type="text" spellcheck="true" lang="en">
這是一個標準屬性，得到了大多數瀏覽器的支持。
4. 指定要上傳的文件類型
你可以使用accept屬性在input標簽中指定允許用戶上傳的文件類型。
<input type="file" accept=".jpeg,.png">
5. 阻止瀏覽器翻譯
將translate屬性設置為no會阻止瀏覽器翻譯該內容。如果你不想翻譯某個短語或單詞，例如logo、公司或品牌名稱，那就可以應用這個屬性。
<p translate="no">Brand name</p>
6. 在input標簽中輸入多個項目
這可以通過multiple屬性來完成。
<input type="file" multiple>
適用于文件和電子郵件。如果是電子郵件，則可以用逗號分隔。
7. 為視頻創建海報（縮略圖）
使用poster屬性，我們可以在視頻加載時，或者在用戶點擊播放按鈕之前，顯示指定的縮略圖。
如果不指定圖片，則默認使用視頻的第一幀作為縮略圖。
<video poster="picture.png"></video>
8. 點擊鏈接自動下載
如果你希望在單擊目標資源的鏈接時下載特定資源，那就添加download屬性。
<a href="image.png" download>
今天就分享到這里，想要了解更多前端技術知識，可以關注我們廣州藍景。
軟今天詳細介紹了改進后的拼寫檢查功能，并已經在最新發布的Edge 83穩定版中發布。這項新功能稱之為Windows Spellcheck，替代了Edge瀏覽器中現有的Hunspell拼寫檢查體驗。
這項新功能是基于所有Chromium瀏覽器開發的，支持Windows8.1以及更高版本系統。微軟表示Windows Spellcheck具備眾多優勢，包括支持額外的語言和方言、共享的自定義詞典，以及對電子郵件地址、縮略語和URL的支持也得到了改進。
下面是Hunspell Spellcheck和Windows Spellcheck的對比分析。
該拼寫檢查功能在Edge新版中默認啟用，Windows的首選語言設置將在瀏覽器中自動繼承。您可以導航到 edge://settings/languages 頁面，以便配置所有在您輸入時將被拼寫檢查的語言。此外，您還可以通過導航到 "時間和語言">"語言 "并選擇 "添加首選語言"，在Windows設置中安裝其他語言進行拼寫檢查。
頭條創作挑戰賽#
本文同步本人掘金平臺的原創翻譯文章：https://juejin.cn/post/7085863634449989639
HTML 是 web 開發的基石。然而很多急于速成的開發者對其淺嘗即止，立馬去學習 CSS, JS 或其他，錯失了其潛力。
下面是很多初學者對 HTML 不熟悉的屬性。
也許擁有幾年的開發者都不知道。說的就是俺
multiple 屬性是一個布爾值，允許用戶在 <input> 標簽操作，<input> 標簽的類型 type 是 file 或者 email。當然，你也可以用在 <select> 標簽。
對于 email 類型的 <input>，添加上 multiple 屬性，你輸入的郵箱值需要用 , 分隔開，內容不允許有空格。
對于 file 類型的 <input>，你可以多選文件上傳。
<input type="file" multiple />
復制代碼<input> 元素有 accept 屬性，它允許你指明上傳文件 file 的類型。
你需要通過 , 來分割文件類型。
<input type="file" accept=".png, .jpg" />
復制代碼當然，你還可以使用它上傳音頻或視頻。
contenteditable 是一個全局的屬性（對于所有的 HTML 元素都適用），它可以使得 HTML 的可被用戶編輯。
需要注意的是，它僅對可見內容和DOM的內容進行更改。
<div contenteditable="true">I'm a cool editable div ;)</div>
復制代碼當然，如果你想使得整個文檔的內容都可以編輯，你可以直接使用 document.designMode = "on"，關閉編輯則使用 document.designMode = "off"。如果你想保存整個文檔或者某個編輯內容，可以直接通過 DOM 操作完成。
spellcheck 也是一個全局的屬性，可以檢驗 HTML 內容是否有拼寫的語法錯誤，你可以用在 input 或其他元素上。
??注意：通常不檢查不可編輯元素的拼寫錯誤，即使 spellcheck 被設置為 true 并且瀏覽器支持檢查。
<!-- 不檢查 -->
<p spellcheck="true">
Thanks furr checkinng my speling :)</p>
<!-- 檢查 -->
<p contenteditable="true" spellcheck="true">
Thanks furr checkinng my speling :)</p>
復制代碼translate 告訴瀏覽器指定的內容是否應該被翻譯。
比如：你想阻止谷歌自動翻譯你公司名稱或者品牌名稱。
<footer><p translate="no">LearnPine</p></footer>
復制代碼當視頻正在加載中或者當用戶開始播放視頻前，我們可以用 poster 屬性設定指定的視頻海報。
如果 poster 未指定圖片，則視頻的第一幀可用之后作為海報顯示。
<video controls
src="https://bit.ly/3nWh78w"
poster="posterImage.png">
</video>
復制代碼download 屬性結合 <a> 元素，告訴瀏覽器下載的 URL，而不是導航到它，提示用戶將其下載到本地。
你還可以命名文件。
<a href="index.html" download="fileName">Download me :)</a>
復制代碼url 指向 video，image 資源，不會直接下載，會進行跳轉
原文 7 useful HTML attributes you may not know
Not Bad!
*請認真填寫需求信息，我們會在24小時內與您取得聯系。
