HTML
文章平均质量分 71
HTML
麦田里的POLO桔
爱好:搬砖
梦想:造轮子
展开
-
多标签页之间的通信
解决方案、解决方案。原创 2023-11-18 15:38:17 · 1601 阅读 · 0 评论 -
前端面试题 - HTML 中的长度单位
单位在使用不同类型描述长度值时,需要附加单位。不同的单位表示的含义是不同的在 CSS 中具有 2 种不同类型的长度单位:绝对长度单位 相对长度单位绝对长度单位所描述的长度任何其他因素是无关的,是固定、不变化的。单位 名称 等价换算 cm 厘米 1cm = 96px/2.54 mm 毫米 1mm = 1/10th of 1cm Q 四分之一毫米 1Q = 1/40th of 1cm in 英寸 1in = .转载 2021-05-09 15:18:53 · 299 阅读 · 0 评论 -
前端笔试题总结(二) - HTML篇
1. 常见的颜色代码黑色 #000000 蓝色 #0000FF 灰色 #808080 绿色 #008000 紫色 #800080 红色 #FF0000 黄色 #FFFF00 粉色 #FFC0CB 白色 #FFFFFF 2. <frameset rows=#>表示框架的行高,rows表示列3. opne方法的参数:window.open(URL, name, features, replace.原创 2021-04-22 20:51:49 · 384 阅读 · 0 评论 -
让HTML img垂直居中的三种办法:
声明:原文来自DIVCSS5,其次原文代码存在一些引起误解的地方,已经进行修改和测试,下文会注明引起误解的地方。主要收藏为方便下次阅读,故进行转发,如有侵权,请私聊本人,定立即删除。 原文连接:DIVCSS5_让html img垂直居中的三种办法让HTML img垂直居中的三种办法:一、使用flex完成垂直居中操纵cssflex实现垂直居中。flex或许不是完成垂直居中最好的选择,由于IE8,9其实不赞成它。那时,为了用flex实现垂直居中,我们起首要竖立一个包裹着图片的d...转载 2021-04-10 10:18:57 · 24856 阅读 · 1 评论 -
三个问答告诉你aside标签的作用
对比有aside标签之前,我们常用<div class="aside">来表示这个div是一个侧边栏等等,aside标签作用大致相似。下面就用三句话,让你彻底明白aside到底有什么过标签之处:aside标签的作用:在article元素之外使用作为页面或站点全局的附属信息部分。最典型的是侧边栏,其中的内容可以是友情链接,博客中的其它文章列表、广告单元等。其次,所有的语义化标签的两个通用效果,就是有助于理解的同时,还有利于SEO。 有什么特使效果? 与div相比,除了标签名字不一样,其...原创 2021-04-06 10:33:49 · 4041 阅读 · 0 评论 -
浅析前端页面渲染机制
一、页面的渲染的大致过程当我们在浏览器里输入一个 URL 后,最终会呈现一个完整的网页。会经历以下几个步骤:1. HTML 的加载页面上输入 URL 后,会先拿到 HTML 文件。HTML是一个页面的基础,所以会在最开始的时候下载它,下载完毕后就开始对它进行解析。2. 其他静态资源的下载HTML 在解析的过程中,如果发现 HTML 文本里面有一些外部的资源链接,比如CSS、JS 和图片等,会立即启用别的线程下载这些静态资源。在 head 中遇到 JS 文件时,HTML 的解析会停 下来.原创 2021-03-31 20:19:00 · 840 阅读 · 0 评论 -
html中output标签详细介绍
在html版本中,新增了很多新标签,今天就给大家介绍其中的一个,output标签。output标签虽然不常用,但是作为html5中新增的标签,肯定有它的用武之地了,接下来跟着小编一起来学习output标签吧!“output” 作为英文单词,有“输出”的意思,那它作为html中的标签又充当怎样的角色呢?我们一起来看看html中output标签的定义及用法吧!一、output标签定义及用法在html中,output标签是html5新增标签,是使用来定义不同类型的输出(比如:脚本的输..转载 2021-03-29 15:28:32 · 5566 阅读 · 1 评论 -
三栏布局的七种实现方式
目录1、利用浮动2、利用绝对定位3、利用 flex 布局4、圣杯布局:5、双飞翼布局:三栏布局一般指的是页面中一共有三栏,左右两栏宽度固定,中间自适应的布局。大致写了五种方式实现,前三种无法达到重要内容优先显示的效果,而后面两个可以:最左侧一栏 left 宽度为300px,最右侧一栏 right 宽度为200px1、利用浮动原理:浮动元素脱离文档流HTML 结构<div class="wrapper"> <div ...原创 2021-03-24 09:26:45 · 1497 阅读 · 6 评论 -
浏览器兼容性问题解决方案 · 总结
目录Normalize.csshtml5shiv.jsrespond.jspicturefill.jsIE 条件注释IE 属性过滤器(较为常用的hack方法)浏览器 CSS 兼容前缀a 标签的几种 CSS 状态的顺序完美解决 Placeholder清除浮动 最佳实践BFC 解决边距重叠问题IE6 双倍边距的问题解决 IE9 以下浏览器不能使用 opacity解决 IE6 不支持 fixed 绝对定位以及IE6下被绝对定位的元素在滚动的时候会闪动的问题转载 2021-03-22 14:52:47 · 610 阅读 · 0 评论