網站首頁 編程語言 正文
注:可能有兼容性問題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-05-19 基于角色的權限控制模型RBAC圖文教程_相關技巧
- 2022-08-07 Android?文件存儲系統原理_Android
- 2022-08-19 如何將yolov5中的PANet層改為BiFPN詳析_python
- 2023-02-04 golang?Gorm框架講解_Golang
- 2022-09-27 Android開發EditText實現密碼顯示隱藏_Android
- 2022-07-06 python函數運行內存時間等性能檢測工具_python
- 2023-01-18 解讀Scrapy回調函數callback傳遞參數的方式_python
- 2022-03-19 Docker之自定義網絡實現_docker
- 最近更新
-
- 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同步修改后的遠程分支