HTML5新標簽

来源:https://www.cnblogs.com/MaricoCheung/archive/2020/07/21/13353335.html
-Advertisement-
Play Games

語義化 (1)優點: 使標簽有含義,結構更清晰 增強文檔可讀性,以便代碼維護 瀏覽器和網路爬蟲更好地解析內容 很好地進行搜索引擎優化 (2)新增常用結構標簽如下: header、nav、main、section、aside、article、footer、time、process、figure 表單控 ...


  1. 語義化
    (1)優點:
  • 使標簽有含義,結構更清晰
  • 增強文檔可讀性,以便代碼維護
  • 瀏覽器和網路爬蟲更好地解析內容
  • 很好地進行搜索引擎優化
    (2)新增常用結構標簽如下:
    header、nav、main、section、aside、article、footer、time、process、figure
  1. 表單控制項
    (1)新增常用控制項如下:
    number、tel、date、search
    (2)控制項屬性:
    autofocus、autocompleted 前者自動聚焦控制項、後者鍵完自動輸入
    (布爾屬性)required、controls、autoplay、loop、muted
    (3)修改表單顏色
    input::placeholder {
    color:red;
    }
    (3)
  2. 視音
    audio(mp3、wav、ogg)
    video(mp4、webm、ogg)
您的瀏覽器暫不支持播放視頻播放格式
您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • 我們在聲明一個變數 var a = 1 實際分為兩步 var a //先聲明一個變數a a = 1 // 給a賦值 1. 具名函數 格式: function 函數名(input1,input2){ return //(返回結果) } 列如 function sum(a , b){ return a ...
  • let params = { // 請求參數 要下載Excel的id 'id':this.excelId }; //導入的介面名 api_excel_exportExcel().then(res => { console.log(res); var blob = new Blob([res], {t ...
  • 一、畫三角形 參考資料:https://www.cnblogs.com/wangjiachen666/p/9462837.html 思路:div的寬高設為0,線寬設為一個較大的數,邊框顏色分開設置,把不需要的塊背景色設為透明,就可以了。 <!DOCTYPE html> <html> <head> < ...
  • 在不少電影電視劇中,主角的身邊都有這麼一位電腦高手:他們分分鐘可以黑進反派的網路,攻破安全防線,破解口令密碼,拿到重要文件。他們的電腦屏幕上都是一些看不懂的圖形和數字,你能看懂的就只有那個進度條,伴隨著緊張的BGM,慢慢的向100%靠近······ 上面的場景和套路是不是很眼熟? 影視作品中的黑客當 ...
  • 讓這兩個select相互綁定,讓roleOptions選取值後,worklist彈出得是roleOptions值 <el-select v-model="postForm.projectName" placeholder="請選擇" @change="getList(postForm)"> <el- ...
  • 前言 JS是前端的核心,但有些使用技巧你還不一定知道;本文梳理了JS的41個技巧,幫助大家提高JS的使用技巧;文章有點長,可以clone下源碼,直接擼,源碼地址請戳全部源碼,原創不易,歡迎star;序列文章:Vue 開發必須知道的 36 個技巧React 開發必須知道的 34 個技巧 Array 1 ...
  • 學Web前端要熟練哪些技能?怎樣才能順利求職?Web前端是公認的入門簡單、就業廣闊的行業之一,但隨著越來越多的人加入到前端行業,企業對相關人才的招聘門檻也在無形中被抬高。很多人想知道Web前端開發人才掌握什麼技術才能通過企業面試?接下來小編就給大家一一列舉。 分析各大招聘網站對Web前端人才的技能需 ...
  • 前面介紹了很多ABP系列的文章《ABP框架使用》,一步一步的把我們日常開發中涉及到的Web API服務構建、登錄日誌和操作審計日誌、字典管理模塊、省份城市的信息維護、許可權管理模塊中的組織機構、用戶、角色、許可權、菜單等內容,以及配置管理模塊,界面的高級查詢處理等內容,並根據我們在Winform領域多年... ...
一周排行
    -Advertisement-
    Play Games
  • 概述:在C#中,++i和i++都是自增運算符,其中++i先增加值再返回,而i++先返回值再增加。應用場景根據需求選擇,首碼適合先增後用,尾碼適合先用後增。詳細示例提供清晰的代碼演示這兩者的操作時機和實際應用。 在C#中,++i 和 i++ 都是自增運算符,但它們在操作上有細微的差異,主要體現在操作的 ...
  • 上次發佈了:Taurus.MVC 性能壓力測試(ap 壓測 和 linux 下wrk 壓測):.NET Core 版本,今天計劃準備壓測一下 .NET 版本,來測試並記錄一下 Taurus.MVC 框架在 .NET 版本的性能,以便後續持續優化改進。 為了方便對比,本文章的電腦環境和測試思路,儘量和... ...
  • .NET WebAPI作為一種構建RESTful服務的強大工具,為開發者提供了便捷的方式來定義、處理HTTP請求並返迴響應。在設計API介面時,正確地接收和解析客戶端發送的數據至關重要。.NET WebAPI提供了一系列特性,如[FromRoute]、[FromQuery]和[FromBody],用 ...
  • 原因:我之所以想做這個項目,是因為在之前查找關於C#/WPF相關資料時,我發現講解圖像濾鏡的資源非常稀缺。此外,我註意到許多現有的開源庫主要基於CPU進行圖像渲染。這種方式在處理大量圖像時,會導致CPU的渲染負擔過重。因此,我將在下文中介紹如何通過GPU渲染來有效實現圖像的各種濾鏡效果。 生成的效果 ...
  • 引言 上一章我們介紹了在xUnit單元測試中用xUnit.DependencyInject來使用依賴註入,上一章我們的Sample.Repository倉儲層有一個批量註入的介面沒有做單元測試,今天用這個示例來演示一下如何用Bogus創建模擬數據 ,和 EFCore 的種子數據生成 Bogus 的優 ...
  • 一、前言 在自己的項目中,涉及到實時心率曲線的繪製,項目上的曲線繪製,一般很難找到能直接用的第三方庫,而且有些還是定製化的功能,所以還是自己繪製比較方便。很多人一聽到自己畫就害怕,感覺很難,今天就分享一個完整的實時心率數據繪製心率曲線圖的例子;之前的博客也分享給DrawingVisual繪製曲線的方 ...
  • 如果你在自定義的 Main 方法中直接使用 App 類並啟動應用程式,但發現 App.xaml 中定義的資源沒有被正確載入,那麼問題可能在於如何正確配置 App.xaml 與你的 App 類的交互。 確保 App.xaml 文件中的 x:Class 屬性正確指向你的 App 類。這樣,當你創建 Ap ...
  • 一:背景 1. 講故事 上個月有個朋友在微信上找到我,說他們的軟體在客戶那邊隔幾天就要崩潰一次,一直都沒有找到原因,讓我幫忙看下怎麼回事,確實工控類的軟體環境複雜難搞,朋友手上有一個崩潰的dump,剛好丟給我來分析一下。 二:WinDbg分析 1. 程式為什麼會崩潰 windbg 有一個厲害之處在於 ...
  • 前言 .NET生態中有許多依賴註入容器。在大多數情況下,微軟提供的內置容器在易用性和性能方面都非常優秀。外加ASP.NET Core預設使用內置容器,使用很方便。 但是筆者在使用中一直有一個頭疼的問題:服務工廠無法提供請求的服務類型相關的信息。這在一般情況下並沒有影響,但是內置容器支持註冊開放泛型服 ...
  • 一、前言 在項目開發過程中,DataGrid是經常使用到的一個數據展示控制項,而通常表格的最後一列是作為操作列存在,比如會有編輯、刪除等功能按鈕。但WPF的原始DataGrid中,預設只支持固定左側列,這跟大家習慣性操作列放最後不符,今天就來介紹一種簡單的方式實現固定右側列。(這裡的實現方式參考的大佬 ...