![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
HTML
文章平均质量分 81
xiaoLiang o
一个人必须不停地写作,才能不被茫茫人海淹没。
展开
-
HTML知识点汇总(四)
当渲染引擎收到字节流之后,会开启一个预解析线程,用来分析HTML文件中包含的JavaScript、CSS等相关文件,解析到相关文件之后,会开启一个预解析线程,用来分析HTML文件中包含的javascprit、css等相关文件、解析到相关文件之后,预解析线程会提前下载这些文件。搜索引擎是当今规模最大、最复杂的计算系统之一。CSS不会阻塞DOM的解析,但是会影响JAVAScript的运行,javaSscript会阻止DOM树的解析,最终css(CSSOM)会影响DOM树的渲染,也可以说最终会影响渲染树的生成。原创 2023-06-30 09:52:57 · 76 阅读 · 0 评论 -
HTML知识点汇总(三)
dns-prefetch(DNS预获取)是前端网络性能优化的一种措施。它根据浏览器定义的规则,提前解析之后可能会用到的域名,使解析结果缓存到系统缓存中,缩短DNS解析时间,进而提高网站的访问速度。原创 2023-06-30 09:45:16 · 75 阅读 · 0 评论 -
HTML知识点汇总(二)
Web浏览器先会把获取到的HTML代码解析成一个DOM树,HTML中的每个标签都是DOM树中的一个节点,包括display: none隐藏的标签,还有JavaScript动态添加的元素等。内的一些节点),因为这些节点不会用于渲染,也不会影响节点的渲染,因此不会包含到渲染树中。渲染树能识别样式,渲染树中每个节点(NODE)都有自己的样式,而且渲染树不包含隐藏的节点(比如display:none的节点,还有。浏览器会获取到所有样式,并会把所有样式解析成样式规则,在解析的过程中会去掉浏览器不能识别的样式。原创 2023-06-30 09:43:20 · 62 阅读 · 0 评论 -
HTML知识点汇总(一)
渐进增强(progressive enhancement):主要是针对低版本的浏览器进行页面重构,保证基本的功能情况下,再针对高级浏览器进行效果,交互等方面的改进和追加功能,以达到更好的用户体验。优雅降级graceful degradation: 一开始就构建完整的功能,然后再针对低版本的浏览器进行兼容。优雅降级是从复杂的现状开始的,并试图减少用户体验的供给;而渐进增强是从一个非常基础的,能够起作用的版本开始的,并在此基础上不断扩充,以适应未来环境的需要;原创 2023-06-29 17:32:34 · 946 阅读 · 0 评论 -
HTML5是什么
易于用户阅读,样式丢失的时候能让页面呈现清晰的结构。有利于SEO,搜索引擎根据标签来确定上下文和各个关键字的权重。方便其他设备解析,如盲人阅读器根据语义渲染网页有利于开发和维护,语义化更具可读性,代码更好维护,与CSS3关系更和谐。标签含义header页眉通常包括网站标志、主导航、全站链接以及搜索框nav标记导航,仅对文档中重要的链接群使用main页面主要内容,一个页面只能使用一次。如果是web应用,则包围其主要功能article。原创 2023-06-28 15:46:01 · 985 阅读 · 0 评论 -
HTML入门基础知识
什么是HTML?HTML是用来描述网页的一种语言。它指的是超文本标记语言,是一种标记语言,是一套标记。标签HTML使用标记标签来描述网页HTML基本结构如图:title 元素在所有 HTML/XHTML 文档中都是必需的。原创 2023-06-28 14:41:01 · 125 阅读 · 0 评论 -
说说你对 SSG 的理解
需要注意的是,SSG 不适用于频繁更新的内容和动态交互等场景,由于页面是在构建时生成的,如果需要频繁更新内容,就需要重新构建和部署整个网站。但对于内容较为稳定和更新较少的网站则是一个性能优化的好选择。由于页面是在构建时生成的,如果需要频繁更新内容,就需要重新构建和部署整个网站。SSG(Static Site Generation,静态网站生成))是一种构建静态网站的技术和方法,在构建时预先生成静态页面,并将这些页面部署到 CDN 或者其他存储服务中,以提升 Web 应用的性能和用户体验。原创 2023-06-25 11:13:24 · 1226 阅读 · 0 评论 -
什么是 DOM?DOM树如何生成的?
文档对象模型(Document Object Model)。它提供了对文档结构化的描述,并将HTML页面与脚本、程序语言联系起来。从页面来看,DOM就是生成页面的基本数据结构从JS脚本来看,DOM提供给JS脚本操作的接口,利用该接口,JS就能对DOM结构进行访问,以此来改变文档的结构、样式以及内容。有时,DOM就像一个安全防护栏,某些不安全的内容在DOM的解析阶段就会拦截。原创 2023-06-25 10:32:52 · 480 阅读 · 0 评论 -
移动端H5踩坑记录
移动端H5踩坑唤醒原生应用通过location.href与原生简历通讯渠道,这种页面与客户端的通讯方式称为URL Scheme,基本格式为scheme://[path] [?query]支持弹性滚动在苹果系统上非``元素的滚动操作可能会存在卡顿,但安卓系统不会出现该情况。通过声明overflow-scrolling:touch调用系统原生滚动事件优化弹性滚动,增加页面滚动的流畅度。body { -webkit-overflow-scrolling: touch;}.原创 2021-10-13 18:21:36 · 142 阅读 · 0 评论 -
移动端适配的几种方案
移动端适配的几种方案viewport即视窗、视口,用于显示网页部分的区域,在PC端视口即是浏览器窗口区域,在移动端,为了让页面展示更多的内容,视窗的宽度默认不为设备的宽度,在移动端视窗有三个概念:布局视窗、视觉视窗、理想视窗。布局视窗:在浏览器窗口css的布局区域,布局视口的宽度限制css布局的宽。为了能在移动设备上正常显示那些为pc端浏览器设计的网站,移动设备上的浏览器都会把自己默认的viewport设为980px或其他值,一般都比移动端浏览器可视区域大很多,所以就有横向滚动条。视觉视窗:终端设备原创 2021-10-13 18:19:24 · 3875 阅读 · 0 评论 -
html中的区块元素和内联元素
html中的区块元素和内联元素1、html中区块元素和内联元素的区别区块元素的特点:每个元素独占一行,默认情况下宽度等于父元素的宽度不设置高度时,高度为0,有内容时高度由内容撑开,不解析换行符可以设置width、height、margin、padding属性dispaly:block常用的区块元素有:div(盒子)、 address( 定义地址)ul(无序列表)、ol(有序...原创 2019-06-30 11:52:55 · 572 阅读 · 0 评论