HTML5新特性

简介: 在之前Html基础上增加的一些新特性

1. 语义化标签

image.png

注意:section是大号的div标签

image.pngimage.png

2. 视频标签


image.png

image.pngimage.png

注意:在谷歌浏览器中将autoplay自动播放功能给禁止掉可以通过muted来解决

poster用于加载等待时的画面图片

image.pngimage.png

3. input新增

image.png

<!DOCTYPE html><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width, initial-scale=1.0"><metahttp-equiv="X-UA-Compatible"content="ie=edge"><title>Document</title></head><body><!-- 我们验证的时候必须添加form表单域 --><formaction=""><ul><li>邮箱: <inputtype="email"/></li><li>网址: <inputtype="url"/></li><li>日期: <inputtype="date"/></li><li>时间: <inputtype="time"/></li><li>数量: <inputtype="number"/></li><li>手机号码: <inputtype="tel"/></li><li>搜索: <inputtype="search"/></li><li>颜色: <inputtype="color"/></li><!-- 当我们点击提交按钮就可以验证表单了 --><li><inputtype="submit"value="提交"></li></ul></form></body></html>

4. 新增表单属性

image.png

placeholder属性:默认显示值

<!DOCTYPE html><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width, initial-scale=1.0"><metahttp-equiv="X-UA-Compatible"content="ie=edge"><title>HTML5新增表单属性</title><style>input::placeholder {
color: pink;
        }
</style></head><body><formaction=""><inputtype="search"name="sear"id=""required="required"placeholder="pink老师"autofocus="autofocus"autocomplete="off"><inputtype="file"name=""id=""multiple="multiple"><inputtype="submit"value="提交"></form></body></html>
相关文章
|
5天前
|
存储 人工智能 安全
AI 越智能,数据越危险?
阿里云提供AI全栈安全能力,为客户构建全链路数据保护体系,让企业敢用、能用、放心用
|
8天前
|
域名解析 人工智能
【实操攻略】手把手教学,免费领取.CN域名
即日起至2025年12月31日,购买万小智AI建站或云·企业官网,每单可免费领1个.CN域名首年!跟我了解领取攻略吧~
|
7天前
|
数据采集 人工智能 自然语言处理
3分钟采集134篇AI文章!深度解析如何通过云无影AgentBay实现25倍并发 + LlamaIndex智能推荐
结合阿里云无影 AgentBay 云端并发采集与 LlamaIndex 智能分析,3分钟高效抓取134篇 AI Agent 文章,实现 AI 推荐、智能问答与知识沉淀,打造从数据获取到价值提炼的完整闭环。
447 93
|
1天前
|
开发者
「玩透ESA」ESA启用和加速-ER在加速场景中的应用
本文介绍三种配置方法:通过“A鉴权”模板创建函数并设置触发器路由;在ESA上配置回源302跟随;以及自定义响应头。每步均配有详细截图指引,帮助开发者快速完成相关功能设置,提升服务安全性与灵活性。
285 2
|
7天前
|
SQL 人工智能 自然语言处理
Geo优化SOP标准化:于磊老师的“人性化Geo”体系如何助力企业获客提效46%
随着生成式AI的普及,Geo优化(Generative Engine Optimization)已成为企业获客的新战场。然而,缺乏标准化流程(Geo优化sop)导致优化效果参差不齐。本文将深入探讨Geo专家于磊老师提出的“人性化Geo”优化体系,并展示Geo优化sop标准化如何帮助企业实现获客效率提升46%的惊人效果,为企业在AI时代构建稳定的流量护城河。
406 156
Geo优化SOP标准化:于磊老师的“人性化Geo”体系如何助力企业获客提效46%
|
7天前
|
数据采集 缓存 数据可视化
Android 无侵入式数据采集:从手动埋点到字节码插桩的演进之路
本文深入探讨Android无侵入式埋点技术,通过AOP与字节码插桩(如ASM)实现数据采集自动化,彻底解耦业务代码与埋点逻辑。涵盖页面浏览、点击事件自动追踪及注解驱动的半自动化方案,提升数据质量与研发效率,助力团队迈向高效、稳定的智能化埋点体系。(238字)
311 158