摘要: 前端3+1(Day11) 你对标签语义化的理解 就是标签对内容有所表达,例如HTML5语义化标签的主要有: ,,.,,,等等 优点: 为了在没有css的情况下,页面也能呈现出很好的内容结构,代码结构 比标签更具有丰富的含义,方便开发于维护 方便搜索引擎能识别页面结构,有利于SEO 方便其他设备解析( 阅读全文
posted @ 2022-01-15 23:27 summer在writing 阅读(19) 评论(0) 推荐(0) 编辑
摘要: 前端3+1(Day10) viewport常见设置都有哪些 viewport是指用户网页的可视区域,在手机浏览器中被称为视区 在web中,不包括浏览器UI,菜单栏等,一般就是你浏览文档的那部分(你目前所能见的) 设置viewport width,height:设置viewport的大小,可以是指定的 阅读全文
posted @ 2022-01-13 12:40 summer在writing 阅读(30) 评论(0) 推荐(0) 编辑
摘要: 前端3+1(Day9) 实现浏览器内多个标签页面之间通信的四种方法 什么是标签页之间的通信 实现标签页通信的方法 websocket通讯 全双工通信自然可以实现多个标签页之间的通信 websocket是HTML5新增的协议,它可以实现浏览器和服务器之间建立不受限制的双向通信通道。浏览器可以随时给服务 阅读全文
posted @ 2022-01-12 19:01 summer在writing 阅读(26) 评论(0) 推荐(0) 编辑
摘要: 前端3+1(Day9) 渐进增强和优雅降级 背景 都是在css3出现后才出现的,这个是为了那些低级浏览器保证的基本的css3功能 概念 渐进增强 先是针对低版本浏览器进行构建页面,完成基本功能后,在针对高级浏览器进行效果,交互,追加功能达到更好的体验 渐进增强,优先会考虑老版本浏览器的可用性,最后才 阅读全文
posted @ 2022-01-12 19:01 summer在writing 阅读(18) 评论(0) 推荐(0) 编辑
摘要: 前端3+1(Day8) 消除浮动的方法及其优缺点 给外部盒子也加上float 优点:将外部盒子也从标准文档流中抽离,让他可以和孩子见面 缺点:可读性性差,而且可能需要调整整个页面布局 在外部盒子内最下方加上clear 可以是div也可以是其他的块级元素,把 放在盒子的底部,用最下面的空盒子来清除浮动 阅读全文
posted @ 2022-01-11 11:18 summer在writing 阅读(20) 评论(0) 推荐(0) 编辑
摘要: 前端3+1(Day7) 简述你对BFC的理解 BFC概念 具有BFC特性的元素可以看作是隔离了的独立容器,容器里的元素不会在布局上影响到外边的元素,并且BFC具有普通容器没有的特性 触发BFC 满足任意一个条件即可触发BFC body 根元素 浮动元素:float:除none以外的值 绝对定位元素: 阅读全文
posted @ 2022-01-10 17:05 summer在writing 阅读(26) 评论(0) 推荐(0) 编辑
摘要: 前端3+1(Day7) iframe框架有哪些优缺点 功能: 用来实现长连接 跨域通信 历史记录管理 纯前端的utf8和gbk编码互转 无刷新文件上传 网页调起客户端应用 创建一个全新的独立的宿主环境 IE6下用于遮罩select 实现长连接: 当websocket不可用时作为一种替代,最开始有go 阅读全文
posted @ 2022-01-10 17:04 summer在writing 阅读(28) 评论(0) 推荐(0) 编辑
摘要: # 媒体查询 ### 基础: #### 组成部分: 一个媒体类型 一个媒体表达,是被包含的css生效所需的规则或者测试 一组css规则,会在测试通过且媒体查询类型正确的时候用 #### 媒体类型: all 所有 print 打印的时候,打印机和打印预览 screen 用于电脑屏幕,手机等等 spee 阅读全文
posted @ 2022-01-09 21:26 summer在writing 阅读(84) 评论(0) 推荐(0) 编辑
摘要: # 前端3+1(Day5) ### 超链接的target属性有哪些,分别有哪些作用 _blank 浏览器总是打开一个新标签 <a href="#" target="_blank"></a> _self (默认),就在这个页面内打开,(在这个框架下显示) _parent,在父框架下打开链接(在上一级的 阅读全文
posted @ 2022-01-09 12:59 summer在writing 阅读(15) 评论(0) 推荐(0) 编辑
摘要: 前端3+1(Day6) label标签有什么作用 的作用,用于增加用户体验 /文本内容/ <input type="checkbox" id="text"> <label for="text">这是文本框</label> <input type="button" id="btn"> <label f 阅读全文
posted @ 2022-01-08 21:47 summer在writing 阅读(21) 评论(0) 推荐(0) 编辑