![](https://img-blog.csdnimg.cn/20201014180756919.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
html
文章平均质量分 65
前端html
藏锋de刃
web开发
展开
-
script标签中的defer和async
普通script: 文档解析的过程中,如果遇到script脚本,停止页面的解析渲染, 下载script脚本。 如果是多个script脚本, 近似于同时并行下载script脚本。 不论script脚本哪个先下载好, 都按照html中的先后顺序依此执行。 即如果后面的script脚本先下载好, 要等前面的script脚本下载好并执行后, 才能执行。 执行script脚本时, 也是停止页面的解析渲染。 执行完script脚本, 继续页面的解析渲染。 执行完script脚本和页面解析渲染完, 才会...转载 2021-10-10 21:17:14 · 9304 阅读 · 2 评论 -
块格式化上下文(Block Formatting Context,BFC)
下列方式会创建块格式化上下文: 根元素(<html>) 浮动元素(元素的float不是none) 绝对定位元素(元素的position为absolute或fixed) 行内块元素(元素的display为inline-block) 表格单元格(元素的display为table-cell,HTML表格单元格默认为该值) 表格标题(元素的display为table-caption,HTML表格标题默认为该值) 匿名表格单元格元素(元素的display...转载 2021-10-17 01:15:36 · 81 阅读 · 0 评论 -
clientWidth,offsetWidth,scrollHeight等
下面介绍一下每个字段的含义 clientLeft,clientTop 表示一个元素的 左/顶部 边框的宽度,以像素表示,不包括左外边距margin和左内边距padding clientWidth,clientHeight 内容+内边距 -----不包括边框和外边距、滚动条 ==可视内容 clientX、clientY 点击位置距离当前body可视区域的x,y坐标 offsetLeft,offsetTop 子元素的border与最近的...转载 2021-10-08 22:25:08 · 126 阅读 · 0 评论 -
移动端的视口viewport
移动端的视口viewport涉及三个视口: 布局视口(Layout Viewport) 视觉视口(Visual Viewport) 理想视口(Ideal Viewport) 布局视口(Layout Viewport): 移动设备上的浏览器认为自己必须能让所有的网站都正常显示,即使那些不是为移动设备设计的网站(为PC端设计的网站)。 由于移动设备的屏幕比PC的宽小很多,如果以浏览器的可视区域作为viewport, 则那些为PC端设计的网站放到移动设备上显示时,必然会因为移动设备的viewport..转载 2021-10-08 21:45:35 · 958 阅读 · 0 评论 -
单标签和双标签
html按照结构功能来分,分为单标签和双标签。 单标签(自闭合标签, 空标签): 只有一个<>组成,例如<br />。 <base /> base标签 <meta /> 元信息 <link /> 引入标签 <br /> 换行标签 <hr /> 水平线 <img /> 图片标签 <input /> 输入框 双标签(一般标签, 体标签): 由<...转载 2021-10-07 00:43:48 · 2828 阅读 · 0 评论 -
html语义元素
什么是语义元素? 一个语义元素能够清楚的描述其意义给浏览器和开发者。 无语义元素实例: <div> 和 <span> - 无需考虑内容. 语义元素实例: <form>, <table>, and <img> - 清楚的定义了它的内容. HTML5 中的语义元素: <article> 定义文章。 <aside> 定义页面内容以外的内容。 <details> 定义用户能够查看或隐藏.转载 2021-10-06 16:56:23 · 155 阅读 · 0 评论 -
<meta> 标签
例子: <head> <meta name="description" content="免费在线教程"> <meta name="keywords" content="HTML,CSS,XML,JavaScript"> <meta name="author" content="runoob"> <meta charset="UTF-8"> </head> 定义及使用: 元数据(Metadata)是数据的数据信息。 <m转载 2021-10-06 16:37:28 · 137 阅读 · 0 评论 -
<base> 标签
例子: <head> <base href="http://www.w3school.com.cn/i/" /> <base target="_blank" /> </head> 定义和用法: <base> 标签为页面上的所有链接规定默认地址或默认目标。 通常情况下,浏览器会从当前文档的 URL 中提取相应的元素来填写相对 URL 中的空白。 使用 <base> 标签可以改变这一点。浏览器随后将不再使用当前文档的 UR...转载 2021-10-06 16:31:42 · 81 阅读 · 0 评论 -
<!DOCTYPE>
<!DOCTYPE>: <!DOCTYPE> 声明位于文档中的最前面的位置,处于 <html> 标签之前。 <!DOCTYPE> 声明不是一个 HTML 标签;它是用来告知 Web 浏览器页面使用了哪种 HTML 版本。 在 HTML 4.01 中,<!DOCTYPE> 声明需引用 DTD (文档类型声明),因为 HTML 4.01 是基于 SGML (Standard Generalized Markup Language 标准通用标记语言转载 2021-10-06 16:22:20 · 310 阅读 · 0 评论