CSS3新增标签总结 一、新增语义化标签1.header页面头部2.footer页脚。3.nav导航4.article文章、帖子、新闻一类。5.section页面里的某一段文字通常含有标题6.aside侧边栏。7.main:主要内容有印象就行不怎么用8.hgroup包裹连续标题已经被删了不用记注意1.artical可以有多个section2.artical强调独立性独立完整内容用artical分段内容用section。二、新增状态标签1.meter标签已知范围内的测量high高值low低值max最大值min最小值optimum最优值value当前值。应用电量······2.progress显示进度的指示器max目标值value当前值。应用进度条······三、新增文本标签1.文本注音标签ruby包裹需要注音的文字。rt写在ruby里面必须写在文字后面如果要加css最好写在文字下面一行。2.文本标记标签 :mark用来标记搜索结果里的关键字词。四、新增表单功能1.表单控件新增属性placeholder用于文字输入类表单控件提示文字非默认值。required加入此标签可让该输入项变成必填的不适用于按钮。autofocus自动获取焦点适用于所有表单属性。autocomplete适用于文字输入类表单控件可以设为on或off表示自动完成密码和多行输入框不能用。pattern适用于文本输入类表单控件用来输入正则表达式通常和required搭配使用不能用于多行输入输入框空白也不会通过验证。2.input新增属性需要验证格式类email邮箱输入框。url引入资源地址。number数字输入框不需要验证格式类search搜索输入框.tel电话输入框移动端(手机)使用。range范围选择器默认值50。color颜色选择器默认值黑色。date日期选择器。month月份选择器。week周选择器。time时间选择器。datetime-local日期时间选择器。3.form新增属性novalidate提交表单时不验证。五、视频标签video1.src引入视频url地址2.width视频宽度3.height视频高度4.conrols显示控制视频的按钮播放、声音一类5.muted进入页面时视频静音6.autoplay进入页面视频自动播放7.loop循环播放8.poster引入封面url地址9.preload视频预加载和autoplay一起使用该标签不生效。可选值auto下载整个视频metadata预先获取视频元数据none不预加载视频六、音频标签audio略除了不能设置宽高和封面其余和视频标签相同。七、新增全局属性1.contenteditable表示元素是否可以编辑。true表可以false表不可以。2.draggable元素是否可以拖动。true可以false不可以。3.hidden隐藏元素。4.spellcheck是否检查元素拼写语法true检查false不检查。5.contextmenu设置颜色上下文菜单鼠标右键点击显示。6.data-*储存页面的私有定制数据。

相关新闻

最新新闻

VScode Python开发环境配置全攻略:从零搭建高效工作流

VScode Python开发环境配置全攻略:从零搭建高效工作流

1. 项目概述:为什么选择VScode作为Python开发环境 如果你刚开始接触Python,或者从其他IDE(比如PyCharm、Jupyter Notebook)转过来,可能会好奇为什么这么多人推荐VScode。我最初也有这个疑问,毕竟PyCharm的智…

2026/8/16 8:44:02
Android模拟器深度评测:从开发调试到游戏测试的全场景选型指南

Android模拟器深度评测:从开发调试到游戏测试的全场景选型指南

1. 模拟器选型:从“能用”到“好用”的认知跃迁 刚入行那会儿,对Android模拟器的理解,基本等同于“能在电脑上跑个App就行”。那时候,电脑配置普遍不高,随便找个能启动、不卡死的模拟器,就谢天谢地了。但随…

2026/8/16 8:44:02
【路径规划】基于瞬态三角哈里斯鹰算法TTHHO求解带时间窗的骑手外卖配送路径规划问题研究附Matlab代码

【路径规划】基于瞬态三角哈里斯鹰算法TTHHO求解带时间窗的骑手外卖配送路径规划问题研究附Matlab代码

✅作者简介:热爱科研的Matlab仿真开发者,擅长毕业设计辅导、数学建模、数据处理、建模仿真、程序设计、完整代码获取、论文复现及科研仿真。🍎 往期回顾关注个人主页:Matlab科研工作室👇 关注我领取海量matlab电子书和…

2026/8/16 8:44:02
开源AI助理Clawdbot:微信生态下的办公自动化实践

开源AI助理Clawdbot:微信生态下的办公自动化实践

1. 项目概述:当开源贾维斯遇上微信生态 去年在GitHub偶然发现Clawdbot这个项目时,我正被团队里繁琐的日报统计和会议纪要整理折磨得焦头烂额。这个标榜"微信版贾维斯"的开源AI助理,最初版本只能实现基础的自动回复和简单指令执行。…

2026/8/16 8:44:02
微前端本地联调:用 Compose、Nginx 和 Mock 网关固定依赖

微前端本地联调:用 Compose、Nginx 和 Mock 网关固定依赖

微前端本地联调:用 Compose、Nginx 和 Mock 网关固定依赖 微前端本地联调先固定入口域名、端口表、Cookie 属性和代理规则。CORS、重定向循环与加载变慢需要分别复现,并用加载耗时和失败用例数记录结果。 在缺乏本地自动化代理配置的情况下,手…

2026/8/16 8:44:02
远程工作台巡检:把证书、磁盘和备份交给脚本

远程工作台巡检:把证书、磁盘和备份交给脚本

远程工作台巡检:把证书、磁盘和备份交给脚本 工作台与小服务的巡检可以安静运行:检查证书、磁盘、备份和关键接口,只在需要处理时提醒。自动修复应限于可逆动作,并保留执行记录。 远程开发者日常巡检防线的四大常见陷阱 对于自由度…

2026/8/16 8:39:01