前端随学笔记

99 阅读3分钟

1. strong与b、em与i? 

 表现形态都是 文本加粗 和 文本斜体 

 区别:是否具备语义化 strong和em具备语义化,b和i不具备语义化

2、所谓HTML语义化指的是,根据网页中内容的结构,选择适合的HTML标签进行编写。

好处:

1. 在没有CSS的情况下,页面也能呈现出很好的内容结构。

2. 有利于SEO,让搜索引擎爬虫更好的理解网页。

3. 方便其他设备解析(如屏幕阅读器、盲人阅读器等)。

4. 便于团队开发与维护。 

标签具备语义化的好处:有利于浏览器进行解析,让搜索引擎更方便的搜索到它想要的内容,提升搜索排名,规范编码、帮助多人协助进行开发;

3、audio 加上autoplay不自动播放:“audio因为受拦截的原因开始的时候无法自动播放,即使加上autoplay也不不起作用,只能手动点击才可以触发。”

4、用meta link做过什么事情?

5、article表示独立的部分,section划分区域,   一般可以在article中嵌入section标签

6、浏览器前缀

5大浏览器是什么,内核是什么,浏览器前缀是什么

7、

阿里巴巴矢量图标库:

www.iconfont.cn : 提供了大量免费的字体图标。

自定义字体图标

icomoon.io/app : 在线生成字体图标。 

8、伪类与伪元素

CSS3中规定伪类由一个冒号开始,然后为伪类的名称;

伪元素由两个冒泡开始,然后为伪元素的名称。

伪类本质上是为了弥补常规CSS选择器的不足,以便获取到更多信息。

伪元素本质上是创建了一个有内容的虚拟容器 

区别:有没有创建虚拟容器

分别有哪些?

9、CSS Hack用来解决浏览器的兼容性问题,为不同版本的浏览器定制编写不同的CSS效果,使用每个浏览器单独识别的样式代码,控制浏览器的显示样式。

Hack分类

1. CSS属性前缀法

2. 选择器前缀法

3. IE条件注释法 

10\渐进增强与优雅降级

 渐进增强 :针对低版本浏览器进行构建页面,保证最基本的功能,然后再针对高级浏览器进行效果、交互等改进和追加功能达到更好的用户体验。

优雅降级 :一开始就构建完整的功能,然后再针对低版本浏览器进行兼容。

11、如何清除浮动? 

 上下排列:clear属性,表示清除浮动的,left、right、both

 嵌套排列: 固定宽高 : 不推荐 , 不能把高度固定死,不适合做自适应的效果。 父元素浮动 : 不推荐 , 因为父容器浮动也会影响到后面的元素。 overflow : hidden (BFC规范) , 如果有子元素想溢出,那么会受到影响。 display : inline-block (BFC规范),不推荐,父容器会影响到后面的元素。 设置空标签 : 不推荐 , 会多添加一个标签。 after伪类 : 推荐,是空标签的加强版,目前各大公司的做法。 ( clear属性只会操作块标签,对内联标签不起作用 )