热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

你必须知道的HTML5的28个技巧

新的Doctype尽管使用!DOCTYPEhtml,即使浏览器不懂这句话也会按照标准模式去渲染2.Figure元素用figure和figcaption来语义化地表示带标题的图片figure
1. 新的Doctype尽管使用!DOCTYPEhtml,即使浏览器不懂这句话也会按照标准模式去渲染2. Figure元素用figure和figcaption来语义化地表示带标题的图片figure img src=”path/to/image” alt=”About image” / figcaption p …

HTML5 没有严格的要求属性必须加引号,闭合不闭合,但是建议加上引号和闭合标签

6. 让你的内容可编辑,只需要加一个contenteditable属性

如果我们给Input的type设置为email,浏览器就会验证这个输入是否是email类型,当然不能只依赖前端的校验,后端也得有相应的校验

使用Local Storage可以永久存储大的数据片段在客户端(除非主动删除),目前大部分浏览器已经支持,在使用之前可以检测一下window.localStorage是否存在

默认的,HTML5新元素被以inline的方式渲染,不过可以通过下面这种方式让

不幸的是IE会忽略这些样式,可以像下面这样fix:

和Audio很像,

元素看做是高亮的作用,当我选择一段文字的时候,Javascript对于HTML的markup效果应该是这样的:

HTML5已经引入了这么多元素,那么div我们还要用吗?div你可以在没有更好的元素的时候去用。

不要等2022了,现在就可以使用了,just do it.

元素用来显示计算结果,也有一个和label一样的for属性

HTML5引用的range类型可以创建滑块,它接受min, max, step……


推荐阅读
author-avatar
薇洁诗婷梦添
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有