![](https://img-blog.csdnimg.cn/20190828171332766.jpg?x-oss-process=image/resize,m_fixed,h_224,w_224)
HTML
文章平均质量分 81
猫老板的豆
旁观自己 善待朝夕
展开
-
HTML中meta标签属性详解
meta>标签是一种用于在 HTML 文档头部提供元数据的标签。它通常位于标签内,用于向浏览器和搜索引擎提供关于网页的信息,而不是直接展示给用户是HTML标记head区的一个关键标签,用于描述一个HTML网页文档的属性,提供有关页面的元信息。它并不会显示在页面上,但对于机器是可读的,可用于浏览器(如何显示内容或重新加载页面)、搜索引擎(SEO)或其他web服务。原创 2024-04-25 14:21:48 · 1081 阅读 · 0 评论 -
HTML5离线储存
离线存储指的是:在用户没有与因特网连接时,可以正常访问站点或应用,在用户与因特网连接时,更新用户机器上的缓存文件。原理:HTML5的离线存储是基于一个新建的.appcache文件的缓存机制(不是存储技术),通过这个文件上的解析清单离线存储资源,这些资源就会像cookie一样被存储了下来。之后当网络在处于离线状态下时,浏览器会通过被离线存储的数据进行页面展示。原创 2023-08-31 17:52:48 · 706 阅读 · 0 评论 -
script标签中defer和async的区别
一个标签同时使用了async和defer,则执行async,忽略defer。async优先于defer一个标签只使用defer,且,则脚本将在页面完成解析时执行。defer延迟async和defer都不使用,遇到脚本即会马上载入和执行脚本,此时会阻塞页面继续向下解析渲染。(默认同步)只使用async且,则脚本相对于页面的其余部分异步地执行。async异步,和DOM同时加载)原创 2023-08-31 17:28:04 · 293 阅读 · 0 评论 -
<b>和<strong>的区别
``标签具有语义并充当强调作用,而 ``标签没有,``标签只是一个简单的粗体标签原创 2023-08-24 14:19:13 · 719 阅读 · 0 评论 -
HTML5 新增内容和 API
文章目录classList 属性querySelector() 与 querySelectorAll()querySelector()querySelectorAll()getElementsByClassName()自定义数据属性内容可编辑 (contenteditable)classList 属性该属性用于在元素中添加,移除及切换 CSS 类。classList 属性返回元素的类名,作为 DOMTokenList 对象:<div id="div" class="test1 test2"&原创 2021-08-23 12:03:31 · 486 阅读 · 1 评论 -
input输入框type设置为number,maxlength无效
<input type="number">时,maxlength无效type设置为text、tel,maxlength才有效解决方案<input type="number" value="phone" oninput="if(value.length>11)value=value.slice(0,11)" />原创 2020-09-23 16:50:54 · 259 阅读 · 0 评论 -
HTML5语义化
理解HTML5语义化:HTML5的语义化指的是用正确的标签包含正确的内容,标签语义化的好处就是结构良好,便于阅读,方便威化,也有利于爬虫的查找,提高搜索率。 header元素header 元素代表“网页”或“section”的页眉。 通常包含h1-h6元素或hgroup,作为整个页面或者一个内容块的标题。也可以包裹一节的目录部分,一个搜索框,一个nav,或者任何相关logo。 整个页面没原创 2017-12-18 11:46:35 · 494 阅读 · 0 评论 -
手机/移动前端开发需要注意的20个要点
移动前端开发正逐渐步入前端技术的主流,事实上跟在一般的pc上,并不需要你掌握额外的技术,然而你在pc web上那一套在多数情况下并不适用于手机web,你必须知道这其中的注意点。当然移动web给人的感觉是一个拼h5和css3的阵地,这里面有足够高大上的技术等着你去驾驭,在这方面,你可以欣喜地说:让ie见鬼去吧。 1、首先我们来看看webkit内核中的一些私有的meta标签,这些meta标签在开发w原创 2017-09-20 17:23:00 · 10114 阅读 · 0 评论 -
移动前端头部标签(HTML5 head meta)
<!DOCTYPE html> <!-- 使用 HTML5 doctype,不区分大小写 --><html lang="zh-cmn-Hans"> <!-- 更加标准的 lang 属性写法 http://zhi.hu/XyIa --><head> <!-- 声明文档使用的字符编码 --> <meta charset='utf-8'> <!-- 优先使用 IE 最新版本和原创 2017-09-29 16:34:02 · 385 阅读 · 0 评论 -
纯html5调用手机摄像头
纯html5,并且不涉及js,实现调用手机摄像头<!--打开相机--><input type="file" accept="image/*" capture="camera"> <!--打开摄像--><input type="file" accept="video/*" capture="camcorder"><!--打开录音--><input type="file" accept="aud原创 2017-09-30 11:41:50 · 1177 阅读 · 1 评论 -
HTML中input只能输入数字(键盘抬起和粘贴事件)
input只能输入数字(键盘抬起和粘贴事件)<input type="tel" id="phone" placeholder="请输入电话号码" autocomplete="off" maxlength="11" onkeyup="this.value=this.value.replace(/[^0-9]/g,'')" onafterpaste="this.value=this.value.repl原创 2017-08-18 11:43:00 · 3163 阅读 · 0 评论 -
HTML中input输入框禁止复制粘贴剪切自动完成
禁止复制:oncopy=”return false” 禁止粘贴:onpaste=”return false” 禁止剪切:oncut=”return false” 禁止右键弹出:oncontextmenu=”return false” 关闭自动完成功能(缓存):autocomplete=”off” 自动获得焦点:autofocus=”autofocus” 禁用自动更正:autocorrec原创 2017-08-11 15:44:06 · 14905 阅读 · 0 评论