HTML標簽區別

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

(一)三表 用途 list列表 整齊佈局 ul先到先得,ol有序排列,還有個自定義【dl>dt>dd】 table列表 展示數據結構 【caption table>th/tr>td(thead標題 tbody數據 tfoot腳註)】 【border/cellspacing/cellpadding表格 ...


(一)三表 用途
list列表 整齊佈局 ul先到先得,ol有序排列,還有個自定義【dl>dt>dd
table列表 展示數據結構 【caption table>th/tr>td(thead標題 tbody數據 tfoot腳註)】
border/cellspacing/cellpadding表格邊框/相鄰單元格外邊間距/單元格內外邊間距三參為0(去重疊可用border-collapse)】
【跨單元格 柱列colspan 橫行rowspan】
form表單 收集用戶信息 表單域action--伺服器腳本
表單控制項type="date" name maxlength
提示信息<label for="">擴大熱區<input id="">
其他屬性textarea/seclect/option
checkbox的name=“ [ ]”加中括弧表示告訴後臺伺服器腳本含多個值
value 游標聚焦保留值,一併打包發送後臺
placeholder 僅作背景,游標輸入自動去掉提示信息

(二)img圖像,格式優先考慮webp>jpg>png>svg>png24>png8>gif

格式 特點 應用
①png 透明,文件大,色彩多 【小LOGO、透明背景】
png24 控制在40kb,色彩少
png8 文件小,色彩單一
②jpg 不透明,文件小,色彩中 【輪播/廣告、大背景/產品】
圖片大小控制在40~200kb
③gif 單一透明,色彩少 【動圖】
④webp 透明動態,且文件小 【部分支持的瀏覽器,如Chrome】
⑤ico 字體圖徽,文件小 【標簽頁title/小圖徽】
⑥svg 縮放矢量,依賴代碼<svg> 【可編輯,SEO爬蟲可讀取】

【1】插圖和背景區別
①.前者為產品展示,移動位置靠盒模型margin padding
②.後者為小圖標或超大背景圖,只能通過background-position

【2】去除圖片底側空白
①思路:不讓img、input行內塊與父盒子基線對齊
②vertical:top 或 display:block


您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • 當我們剛開始接觸一些已經成型的項目時,不複雜還好,複雜的話,比如說ERP項目,其中業務邏輯複雜可能會各種存儲過程之間來回調用,我們可以用 --查詢哪裡調用該表或存儲過程 select distinct object_name(id) from syscomments where id in (sel ...
  • 想把mlsql卸載了重裝,看了許多文章試了很多方法都沒辦法完全卸載,直到看到了這篇文章, 可以完全卸載mysql,在這裡謝謝博主,也拿出來分享給大家 原文鏈接:https://blog.csdn.net/qq_41140741/article/details/81489531 快捷鍵win+r輸入r ...
  • 這三個對象都可以實現自增,這裡從如下幾個維度來看看這幾個對象有哪些不同,其中功能性上看,大部分特性都是一致的或者類似的。 1,sequence在所有資料庫中的性質都一樣,它是跟具體的欄位不是強綁定的,其特點是支持多個對個對象之間共用。 sequence作為自增欄位值的時候,對錶的寫入需要另外單獨授權 ...
  • 1 #變數 2 /* 3 系統變數: 4 全局變數 5 會話變數 6 7 自定義變數: 8 用戶變數 9 局部變數 10 11 */ 12 #一、系統變數 13 /* 14 說明:變數由系統定義,不是用戶定義,屬於伺服器層面 15 註意:全局變數需要添加global關鍵字,會話變數需要添加sessi ...
  • 1 #視圖 2 /* 3 含義:虛擬表,和普通表一樣使用 4 mysql5.1版本出現的新特性,是通過表動態生成的數據 5 6 比如:舞蹈班和普通班級的對比 7 創建語法的關鍵字 是否實際占用物理空間 使用 8 9 視圖 create view 只是保存了sql邏輯 增刪改查,只是一般不能增刪改 1 ...
  • Elastic search 趣簡史 安裝 基礎知識 核心概念 ...
  • 不管是做自媒體還是做電商或是工作素材採集,都離不開視頻,視頻比文字更好展示出產品、細節內容,就好比我們經常看的抖音、快手、火山、皮皮蝦之類的短視頻裡面就有很多優秀的素材,相信有採集過的朋友都會遇到平臺水印這個問題吧!今天小編就教大家如何快速批量下載無水印短視頻!一起來看看吧! 打開這個哼哼貓批量去水 ...
  • 教程 Flutter瀑布流及通用列表解決方案 Canonical 在 Linux 上提供 Flutter 桌面應用支持 插件 koukicons-flutter 🍪 Colorful Icons for your Flutter App fontify Converts SVG icons to ...
一周排行
    -Advertisement-
    Play Games
  • Timer是什麼 Timer 是一種用於創建定期粒度行為的機制。 與標準的 .NET System.Threading.Timer 類相似,Orleans 的 Timer 允許在一段時間後執行特定的操作,或者在特定的時間間隔內重覆執行操作。 它在分散式系統中具有重要作用,特別是在處理需要周期性執行的 ...
  • 前言 相信很多做WPF開發的小伙伴都遇到過表格類的需求,雖然現有的Grid控制項也能實現,但是使用起來的體驗感並不好,比如要實現一個Excel中的表格效果,估計你能想到的第一個方法就是套Border控制項,用這種方法你需要控制每個Border的邊框,並且在一堆Bordr中找到Grid.Row,Grid. ...
  • .NET C#程式啟動閃退,目錄導致的問題 這是第2次踩這個坑了,很小的編程細節,容易忽略,所以寫個博客,分享給大家。 1.第一次坑:是windows 系統把程式運行成服務,找不到配置文件,原因是以服務運行它的工作目錄是在C:\Windows\System32 2.本次坑:WPF桌面程式通過註冊表設 ...
  • 在分散式系統中,數據的持久化是至關重要的一環。 Orleans 7 引入了強大的持久化功能,使得在分散式環境下管理數據變得更加輕鬆和可靠。 本文將介紹什麼是 Orleans 7 的持久化,如何設置它以及相應的代碼示例。 什麼是 Orleans 7 的持久化? Orleans 7 的持久化是指將 Or ...
  • 前言 .NET Feature Management 是一個用於管理應用程式功能的庫,它可以幫助開發人員在應用程式中輕鬆地添加、移除和管理功能。使用 Feature Management,開發人員可以根據不同用戶、環境或其他條件來動態地控制應用程式中的功能。這使得開發人員可以更靈活地管理應用程式的功 ...
  • 在 WPF 應用程式中,拖放操作是實現用戶交互的重要組成部分。通過拖放操作,用戶可以輕鬆地將數據從一個位置移動到另一個位置,或者將控制項從一個容器移動到另一個容器。然而,WPF 中預設的拖放操作可能並不是那麼好用。為瞭解決這個問題,我們可以自定義一個 Panel 來實現更簡單的拖拽操作。 自定義 Pa ...
  • 在實際使用中,由於涉及到不同編程語言之間互相調用,導致C++ 中的OpenCV與C#中的OpenCvSharp 圖像數據在不同編程語言之間難以有效傳遞。在本文中我們將結合OpenCvSharp源碼實現原理,探究兩種數據之間的通信方式。 ...
  • 一、前言 這是一篇搭建許可權管理系統的系列文章。 隨著網路的發展,信息安全對應任何企業來說都越發的重要,而本系列文章將和大家一起一步一步搭建一個全新的許可權管理系統。 說明:由於搭建一個全新的項目過於繁瑣,所有作者將挑選核心代碼和核心思路進行分享。 二、技術選擇 三、開始設計 1、自主搭建vue前端和. ...
  • Csharper中的表達式樹 這節課來瞭解一下表示式樹是什麼? 在C#中,表達式樹是一種數據結構,它可以表示一些代碼塊,如Lambda表達式或查詢表達式。表達式樹使你能夠查看和操作數據,就像你可以查看和操作代碼一樣。它們通常用於創建動態查詢和解析表達式。 一、認識表達式樹 為什麼要這樣說?它和委托有 ...
  • 在使用Django等框架來操作MySQL時,實際上底層還是通過Python來操作的,首先需要安裝一個驅動程式,在Python3中,驅動程式有多種選擇,比如有pymysql以及mysqlclient等。使用pip命令安裝mysqlclient失敗應如何解決? 安裝的python版本說明 機器同時安裝了 ...