網站首頁 編程語言 正文
注:可能有兼容性問題IE9+的瀏覽器才可以新增標簽
1.語義化標簽
- <header>? ?:頭部標簽
- <nav>? ? ? ? :導航標簽
- <article>? ? :內容標簽
- <sectioan>:定義文檔中的某個區域
- <aside>? ? ?:側邊欄標簽
- <footer>? ? ?;尾部標簽
注意:
- 這些標簽可以多次使用
- IE9中需要轉換成塊級元素
2.多媒體標簽
音頻:<audio>
視頻: <video>
視頻標簽<video>
<video src="地址"></video>
或者
<video width="320px" height="240px" controls>
<source src="xxx.mp4" type="video/mp4">
<source src="xxx.ogg" type="video/mp4">
</video>
其常見屬性
屬性 | 值 | 描述 |
autoplay | autoplay | 視頻就緒自動播放(谷歌需要添加muted屬性) |
controls | controls | 向用戶顯示播放控件 |
width | 像素值 | 設置播放器寬度 |
height | 像素值 | 設置播放器高度 |
loop | loop | 播放完是否繼續播放該視頻,循環播放 |
preload | auro(預先加載視頻) none(不應加載視頻) |
規定是否預加載視頻(如果有autoplay,就忽略該屬性) |
src | url | 視頻的地址 |
poster | imgurl | 加載等待的畫面圖片 |
mutrd | muted | 靜音播放 |
音頻標簽:<audio>
????????
<audio src="地址"></audio>
或者
<audio controls>
<source src="xxx.mp3" type="video/mp4">
<source src="xxx.ogg" type="video/mp4">
</audio>
?常見屬性:
屬性 | 值 | 描述 |
autoplay | autoplay | 音頻就緒自動播放(谷歌禁止) |
controls | controls | 向用戶顯示播放控件 |
loop | loop | 播放完是否繼續播放該音頻,循環播放(谷歌禁止) |
src | url | 音頻的地址 |
3.新增input表格?
屬性值 | 說明 |
type="email" | 用戶輸入必須是Email類型 |
type="url" | 用戶輸入必須是url類型 |
type="date" | 用戶輸入必須是日期類型 |
type="time" | 用戶輸入必須是時間類型 |
type="mouth" | 用戶輸入必須是月類型 |
type="week" | 用戶輸入必須是周類型 |
type="number" | 用戶輸入必須是數字類型 |
type="tel" | 手機號碼 |
type="search" | 搜索框 |
type="color" | 生成一個顏色選擇表單 |
表單新增屬性
屬性 | 值 | 說明 |
required | required | 其內容不能為空,必填 |
placeholder | 提示文本 | 表單的提示信息,存在的默認值將不顯示 |
autofocus | autofocus | 自動聚焦屬性,頁面加載完成自動聚焦到指定表單 |
autocomplete | off/on | 顯示之前輸入過的值,默認已經打開 需要放在表單里,加上name屬性,同時成功提交 |
mulyiple | multiple | 可以多選文件提交 |
修改placeholder內的文字
input::placeholder {
coleor:pink;
}
原文鏈接:https://blog.csdn.net/qq_60471941/article/details/122479365
相關推薦
- 2022-09-13 fastlane自動化打包iOS?APP過程示例_IOS
- 2022-04-21 新一代Python包管理工具_python
- 2022-04-17 You need tcl 8.5 or newer in order to run the Redi
- 2023-07-09 Hive常見時間日期函數的使用與問題整理
- 2022-04-01 kubelet請求觸發流控,導致節點NotReady
- 2022-01-11 web:war 和 web:war exploded 遇到的坑
- 2022-01-16 jQuery 核心函數css和平滑滾動頂部
- 2022-10-16 Python?讀取?Word?文檔操作_python
- 最近更新
-
- window11 系統安裝 yarn
- 超詳細win安裝深度學習環境2025年最新版(
- Linux 中運行的top命令 怎么退出?
- MySQL 中decimal 的用法? 存儲小
- get 、set 、toString 方法的使
- @Resource和 @Autowired注解
- Java基礎操作-- 運算符,流程控制 Flo
- 1. Int 和Integer 的區別,Jav
- spring @retryable不生效的一種
- Spring Security之認證信息的處理
- Spring Security之認證過濾器
- Spring Security概述快速入門
- Spring Security之配置體系
- 【SpringBoot】SpringCache
- Spring Security之基于方法配置權
- redisson分布式鎖中waittime的設
- maven:解決release錯誤:Artif
- restTemplate使用總結
- Spring Security之安全異常處理
- MybatisPlus優雅實現加密?
- Spring ioc容器與Bean的生命周期。
- 【探索SpringCloud】服務發現-Nac
- Spring Security之基于HttpR
- Redis 底層數據結構-簡單動態字符串(SD
- arthas操作spring被代理目標對象命令
- Spring中的單例模式應用詳解
- 聊聊消息隊列,發送消息的4種方式
- bootspring第三方資源配置管理
- GIT同步修改后的遠程分支