![](https://img-blog.csdnimg.cn/20201014180756916.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
html
Novice-XiaoSong
这个作者很懒,什么都没留下…
展开
-
html meta标签
<meta />标签位于文档头部(head标签内),可用于定义文档内的元数据(采用键值对的格式)一、通用属性content: 元数据的值name: 元数据的键常见的name值name描述Author标注网页的作者Keywords文档的关键词,供搜索引擎用的Description页面的描述,供搜索显示页面搜索结果时对页面进行简短描述(该meta必须放到Keywords的meta后)Robots告诉搜索机器人哪些页面需要索引,哪些页面不需要.原创 2020-11-22 12:34:54 · 116 阅读 · 1 评论 -
dom文档加载步骤
Dom文档加载的步骤:解析html结构;加载外部脚本和样式表文件;解析并执行脚本;dom树构建完成(domready 或 DOMContentLoaded);加载图片等外部文件;(例如图片的onload)页面加载完毕。(window.onload)如果外部脚本中,出现defer延迟脚本或async异步脚本,这两种脚本有可能在DOMContentLoaded事件之前或之后执行。...转载 2020-11-18 17:16:31 · 420 阅读 · 0 评论 -
html defer与async加于不加的区别
defer 和 async 都只对外联脚本生效(也就是src引用的脚本文件)都不加(1)如果是外联脚本,会先同步下载脚本文件(此时会阻塞document的解析)(2)执行脚本(此时会阻塞document的解析)defer(1)文档会异步下载(此时不会阻塞document的解析)(2)文档下载完成后,脚本的执行会延迟到document解析完成后再执行(此时不会阻塞document的解析)async(1)文档会异步下载(此时不会阻塞document的解析)(2)文档下载完成后立即执行(此.原创 2020-11-18 17:05:06 · 228 阅读 · 0 评论 -
iframe通信
一、同域通信父访问子(contentWindow获取子<iframe>的window)let childIframe = document.querySelector('#childIframe');let childWindow = childIframe.contentWindow;// 获取子iframe中id为childDiv的结点childWindow.document.querySelector('#childDiv');// 调用子iframe函数childWin转载 2020-11-05 18:27:31 · 417 阅读 · 0 评论 -
html 元素自定义属性的创建和使用
方法1IE创建:<div myAtt=123></div>,element.myAtt = 123;使用:element.myAttchrome, fireFox创建:<div myAtt=123></div>, element.setAttribute('myAtt', 123)使用:element.getAttribute('myAtt')方法2创建:<div data-test=1 data-my-test=2></原创 2020-11-04 15:35:23 · 318 阅读 · 0 评论 -
html H5汇总
媒体:<audio>, <video>画布:canvas矢量画:svg拖放:(1)元素设置可拖拽:元素属性添加 draggable=true(2)拖拽元素事件:ondragstart, ondrag, ondragend(3)释放区事件:ondragenter, ondragover, ondragleave, ondrop(4)拖拽元素与释放区的数据通信:event.dataTransfer.setData(format, data), event.dataTran.原创 2020-11-09 15:52:11 · 138 阅读 · 0 评论 -
html @import与<link>的区别
两者都可以用与引入CSS文件,但两者有着一下几种区别来源<link> 是 XHTML 的标签,除了可以引用CSS文件外,还可以做其他事情。例如引入RSS、定义rel连接属性等。@import 是CSS提供的一种引入CSS文件的方式,只能用于引入CSS文件。兼容性<link> 一般无兼容性问题@import 是CSS2.1提出的,所以老版本的浏览器可能不支持加载顺序<link> 在浏览器加载到 <link> 标签时,会并发地下载所需资源,与.原创 2020-10-30 16:38:05 · 362 阅读 · 0 评论 -
html href与src的区别
一、hrefhref 超文本引用(Hypertext Reference),用于建立资源和页面间的联系通道常用标签: <a>, <link>在解析包含 href 属性的标签时,浏览器会继续往下走,不会影响后续标签的解析。例如:使用 <link> 标签加载 css 文件时,在解析到 <link> 标签时,浏览器会并发地下载所需文件,不会影响后续解析。(推荐使用 <link> 标签来引入css文件,而不使用 @import)二、srcs原创 2020-10-30 16:13:23 · 160 阅读 · 0 评论