前端面试题第四天

文章目录

在新窗口打开的链接的方法是什么

target=_blank

HTML,CSS,JavaScript的关系是什么?

1.HTML是网页内容的载体,是内容显示的框架,内容就是网页制作者放在页面上想让用户浏览的信息,包括稳住,图片,视频等
2.CSS就是网页内容的表现,就像对网页就像包装,比如字体,颜色,边框等,这些都是用来改变内容外观的东西
3.JavaScript用来实现网页上的特效和交换,比如,当光标放在某个链接上时背景颜色改变

在一个特点的框架中如何使用HTML中的超链接定位?

可以使用’target’ 属性在指定的框架中被链接文档
<a href; "newpage . html ” target; ” newf rame ” > New Page</a ＞。

请你说说 有哪些缺点

iframe会阻塞主页面的Onload事件
iframe的内容即使为空,加载它也需要时间
iframe元素没有语义

说说你对语义化的理解

语义化标签有如下特点
1)丢失样式的时候能够让页面呈现出清晰的结构
2)SEO是指和搜索引擎建立良好的沟通,有助于爬虫抓取更多有效信息,爬虫依赖标签来确定上下文和各个关键字的权重
3)其他设备解析(如屏幕阅读穷,盲人阅读器,移动设备)以有意义的方式来渲染网页
4)在团队开发和维护中,语义化更具可读性,是未来网页发展的重要方向,遵循W3C标准的团队开发的网页,都会遵循这个标准,以减少差异

HTML面试总结

HTML部分的面试题主要考察应试者对HTML的认识,概念性试题居多,语义化标签才是重点,特殊标签及其特殊用途也是常考内容,很多题我们经常见到而又经常忽视

CSS有哪些基本选择器?它们的权重是如何表示的?

CSS选择器的权重预示着CSS选择器样式渲染的先后顺序,元素样式渲染时,权重高的选择器样式会覆盖权重第的选择器样式
通常将权重分为4个等级,可用0.0.0.0表示这4个等级
!important关键字优先级最高
内联样式(非元素器)的优先级可看成1.0.0.0
ID选择器的优先级为0.1.0.0
类属性选择器,属性选择器,伪类的优先级为0.0.1.0
元素选择器,伪元素选择器的优先级为0.0.0.1
通配符选择器对特殊性没有任何奉献值
当把选择器组合使用的时候,相应的层级权重也会递增

CSS的引入方式有哪些?link和@import的区别是什么?

CSS有3种引入方式
1.行内式是指将样式写在元素的style属性内
2.内嵌式是指将样式写在style元素内
外链式是指通过link标签,引入CSS文件内的样式
通过link标签引入样式可以与通过@import方法引入样式有如下区别
1.加载资源的限制
link是XHTML的标签,除了加载CSS文件外,还可以加载RSS等其他事务,如加载模版等
@import只能加载CSS文件
2.加载方式
如果用link引用CSS,在页面载入时间同时加载,即同步加载
如果用@import引用CSS,则需要等到网页完全载入后,再加载CSS文件,即异步加载
3.兼容性
link是XHTML的标签,没有兼容问题
@import是在CSS2.1中提出的,不支持低版本的浏览器.
4.改变样式
link的标签是在DOM元素,支持使用js控制DOM和修改样式
@import是一种方法,不支持DOM和修改样式