22个HTML5 技巧三:我们继续讲解HTML5的技巧。
16. 视频支持
音频元素audio>非常像,在新的浏览器上也支持HTML5视频。事实上,就在最近YouTube宣布了一项新的 HTML5视频嵌入。可惜的是,由于HTML5说明文件并没有为视频指出某个特定的编码器,所以都主要取决于浏览器来决定了。尽管Safari和IE9可以支持H.264 格式的视频,Firefox 和Opera却仍然坚持Theora 和Vorbis格式。因此,显示HTML5视频的时候,你必须提供两种格式。
17. 视频预先加载
你首先需要决定是否需要浏览器来预先加载视频。是否有需要?假设,一个访客进入某个专门用来显示视频的页面,那么就非常有必要预先加载这个页面节省一点等待的时间。你可以通过设置 preload=”preload”来预先加载视频,或者之间添加preload也可以。
video preload>
…
/video>
18. 显示控件
你可能已经注意到,用上面的代码的话,视频将只会显示成一个图片,而没有任何可控制的元件。为了获取这些播放控件,我们必需在视频元素里指定这些控件属性。
video preload controls>
…
/video>
19. 正则表达式
对亏了新模式的属性,我们可以直接在代码中插入一个正则表达式。
form method=post action=”">
label for=”username”>create a username:
input id=”username” type=”text” name=”username” placeholder=”4>
button type=”submit”>Go
如果你比较熟悉正则表达式的话就会注意到这个新模式: [A-Za-z]{4,10}只接受大小写字母。这个字符串最少必需有四个字符,最多是十个字符。
20. 检测浏览器对属性的支持
前面提到过并非所有的浏览器都支持这些属性,那是否有什么方法能够判断浏览器是否能够识别它们呢?这个问题问得非常好,这里给大家介绍两种方式,第一个选择是使用Modernizr来检测,或者你也可以创建并剖析这些元素来看看浏览器都有什么能力。例如,在前面的例子里,如果我们要确定浏览器是否能够执行pattern属性,就可以在页面上添加JavaScript:
alert( ’pattern’ in document.createElement(‘input’) ) // boolean;
实际上,这是确定浏览器兼容性的一种非常常用的方法。jQuery库利用了这个技巧。上面的代码里,我们创建了一个新的输入元素,并确认pattern属性是否能够被识别。如果能够识别的话,浏览器就支持这个功能,否则就不支持。
script>
if (!’pattern’ in document.createElement(‘input’) ) {
// do client/server side validation
}
/script>
记住,这将需要依靠 JavaScript来实现!
21. Mark元素
mark>元素的主要功能就是在页面中高亮显示那些需要在视觉上向用户突出其重要性的文字。包裹在此标签里的字符串必须与用户当前的行为相关。例如,如果我在一些博客中搜索"Open your Mind" ,我可以使用在&mark&标签里使用JavaScript 来包裹每一次动作。
h3> search results /h3>
h6> They were interrupted, just after Quato said, ”Open your Mind”.
22. 何时使用
是否还需要使用

uniapp如何实现小程序和H5的快速转换,需要具体代码示例近年来,随着移动互联网的发展和智能手机的普及,小程序和H5成为了不可或缺的应用形式。而uniapp作为一个跨平台的开发框架,可以在一套代码的基础上,快速实现小程序和H5的转换,大大提高了开发效率。本文将介绍uniapp如何实现小程序和H5的快速转换,并给出具体的代码示例。一、uniapp简介unia

适用场景:1、项目规模不大2、用户量不是很大、并发要求不强3、无专门运维力量4、精致的团队规模对于一些常规的项目,或者企业职责分工不是非常明确的单位来说。往往一个系统从需求到设计,开发,测试到最终上线,运维。往往80%的任务由开发团队来完成。由此,开发人员除了要实现系统的功能,还要为客户进行问题咨询答疑以及生产问题解决。试想,一个应用上线后,没有任何监控措施。跟开着一辆没有任何仪表盘的汽车一样,这样上路,任何人都没有安全感。如何在极简和追求效率上做平衡是一件特别值得思考的事情。一、Springb

win1121h2和22h2两个版本相比较的话还是后者22h2更加稳定一点,22h2的功能也是更加多一点的,相较于之前的21h2,很多功能都得到的提升一起来看看吧。win1121h2和22h2哪个稳定:答:22h2更加稳定win1121h2和22h2两者相比较的话22h2更加稳定一些。22h2增加了很多的功能,而且21h2的问题也在22h2中得到了改善。22h2更新功能:开始菜单中的应用程序文件夹。开始菜单中可调整的固定区域。在任务栏上拖放。焦点辅助与通知中心实现整合。新的“聚光灯”墙纸功能。新

Windows11系统中23h2版本和22h2版本分别先后于2023年和2022年发布,一般来说,系统的更新是越来越好,小编也认为23h2的版本比22h2的版本要更好一些。win1123h2和22h2哪个更好答:win1123h2更好。据介绍,win1123h2是22h2到下一个版本的累积的版本更新,而且它们都是相同的平台。这也就意味着这两个版本之间是没有任何兼容性问题的出现的,建议大家及时更新一下。win1123h2版本给我们带来了许多实用的功能,比如说任务栏窗口应用的永不合并的模式。还有更加

如何使用Flask-Admin实现后台管理界面背景介绍:随着网站和应用程序的发展,后台管理界面越来越重要。在开发过程中,我们经常需要一个方便快捷的后台管理界面来管理数据、用户和其他重要信息。Flask-Admin是一个功能强大且易于使用的Flask扩展,可以帮助我们快速实现后台管理界面。Flask-Admin是基于Flask和SQLAlchemy的一个开源项

您需要admin提供的权限才能对此文件进行更改解决方法:1、在登录界面选择管理员账户并输入密码后,就可以顺利对文件进行修改了;2、可以通过右键点击文件选择“以管理员身份运行”的方式解决;3、修改文件权限,右键点击文件,选择“属性”,点击“安全”选项卡,然后点击“编辑”按钮,选择自己的用户名,然后勾选“完全控制”选项;4、利用命令提示符解决问题;5、设置UA权限。

Windows101909目前被认为是最为稳定可靠的版本之一,然而令人感到遗憾的是,该版本的服务支持已于近期结束。而21H2则是一个比较稳定的版本,其实从实际情况来看,二者都是很不错的选择。win101909和21h2哪个好答:1909更稳定,21h2则会更安全。在目前的环境中,1909仍然被普遍认为是最为稳定可靠的版本之一。不过Win101909版本已于2021年5月11日正式停止服务WindowsServer21h2则致力于为广大用户提供更多专业化的IT功能支持。1、经过众多用户的实际测试反

大家最近都想要更新Win11的23H2版本,但是一小部分的用户至今还没有收到更新推送的消息,可能是后台更新进度中的某个进程卡住了,过段时间就好了。Win11更新获取不到23H2怎么办方法一:耐心等待如果用户查看电脑的更新升级情况,发现它卡住了,我们可以等待一段时间,系统就会继续更新的。方法二:清除更新的缓存如果用户之前更新过系统,而且未清除过更细腻的缓存就会影响23h2的正常更新,可以手动清理一下。方法三:使用镜像安装推荐大家到微软的官方网站去下载win1123h2的镜像文件,然后执行更新该文件


Hot AI Tools

Undresser.AI Undress
AI-powered app for creating realistic nude photos

AI Clothes Remover
Online AI tool for removing clothes from photos.

Undress AI Tool
Undress images for free

Clothoff.io
AI clothes remover

AI Hentai Generator
Generate AI Hentai for free.

Hot Article

Hot Tools

WebStorm Mac version
Useful JavaScript development tools

PhpStorm Mac version
The latest (2018.2.1) professional PHP integrated development tool

SublimeText3 Linux new version
SublimeText3 Linux latest version

Notepad++7.3.1
Easy-to-use and free code editor

MinGW - Minimalist GNU for Windows
This project is in the process of being migrated to osdn.net/projects/mingw, you can continue to follow us there. MinGW: A native Windows port of the GNU Compiler Collection (GCC), freely distributable import libraries and header files for building native Windows applications; includes extensions to the MSVC runtime to support C99 functionality. All MinGW software can run on 64-bit Windows platforms.
