首页 > 编程知识 正文

htmlcssjs试题,WEB前端面试题

时间:2023-05-05 05:22:33 阅读:18650 作者:4920

文章目录HTML1、img标签的title和alt有什么区别? 2 .理解语义化请至少写五个html5中新添加的标签,并说明其含义和应用场景? 4 .网络中使用最多的图片格式有哪些5 .内联元素和块元素6. Doctype作用? 严格模式和混合模式如何区分,有什么意义? 7 .理解CSS盒模型8. rem、px、em之间的关系和差异9.5阐明大浏览器及其内核css1.浮动有哪些方法js1 .理解JavaScript的this2的方法.原型和引用类型的差异3

HTML 1、img标签的title和alt有什么区别? 1.title是一个共性属性,鼠标上移会显示相应的提示

2.alt是img特有的属性,加载制图时显示、读取屏幕、读图。 提图的可访问性,除了单纯的装饰图外,必须设定有意义的值,搜索引擎重点分析。

2 .语义化的理解1、用正确的标签做正确的事!

2、HTML语义化是指将页面内容结构化,便于浏览器、搜索引擎的分析

3、即使没有样式CSS,也可以用一个文档格式显示,方便阅读。

4、搜索引擎爬虫依赖标签决定上下文及各关键词的权重,有利于SEO。

5、阅读源代码的人容易屏蔽网站,容易阅读和维护

请至少写五个html5中新添加的标签,并说明其含义和应用场景? 1 . section :定义文档中的章节

2. nav :定义只包含导航链接的章节

3. header :定义页面或章节的开头。 它经常包含徽标、页面标题和具有导航性的目录。

4. footer :定义页面或章节的结尾。 它经常包含版权信息、法律信息链接和用于反馈的地址。

5. aside :删除定义与页面内容关联度较低的内容——时,其馀内容仍然合理。 标签定义了该位置以外的内容

6. i标记显示斜体文本效果。 支持所有浏览器

7 .视频标签定义视频

8. article标签规定独立的自包含内容

9. main标签规定了文档的主要内容。

4 .网上使用最多的图像格式是什么? 图像颜色很多。 可以压缩图像,但不支持透明度。 典型的jpg用于存储颜色丰富的图像gif,仅支持颜色少、简单的透明性,支持视频png,png支持颜色多、复杂的透明性,可用于显示颜色复杂的透明图像webp。 这是谷歌用于表示网页中图像的特殊格式,具有上述图像格式的所有优点。 文件特别小,但不兼容。 使用base64对图像进行编码后,可以将图像转换为字符,并以字符的形式导入图像。 通常,base64 .要使用内联元素和块元素的内联元素,必须将其与网页一起加载。

a、em、strong、span、I、label、br

块级元素:

div、p、h1…6、ol、ul、table、form

内联级元素:

img、input

空元素(对于没有内容的html元素,开始标记将关闭标记) )。

input /,link /,br /,hr /,img /,元/

内联元素

禁用宽度高度。 宽度的高度由字体决定

边距-左和边距-右设置有效,可以在浏览器中设置填充。 (以前浏览器设置无效。 )

元素显示在一行中,不换行。 可以配置display :在线块以支持自定义宽度高度设置

块级元素

设置宽度高度、边距和填充时自动换行。 相当于display:block中的多个块,默认数组从上到下

如果不设置宽度,则默认情况下宽度为父项的100%,高度为内容的高度

6 .文档类型作用? 严格模式和混合模式如何区分,有什么意义? 声明在文档中的开头,在标记前面。 此选项卡通知您浏览

用于浏览器文档的HTML或XHTML规范。 (要点:告诉浏览器按照什么样的规格分析页面)

7 .让我谈谈对CSS盒子模型的理解。 CSS长方体模型也称为长方体模型(Box Model ),包含几个元素:“元素内容”、“内部边距填充”、“边框”和“外部边距”。

盒子

模型有两种:标准盒模型和IE盒模型。
标准盒模型中width和height指的是内容区域的宽度和高度,增加内边距、边框和外边距不会影响内容区域的尺寸,但是会增加元素框的总尺寸;但在IE6浏览器的width不是内容的宽度,而是内容、内边距和边框的宽总和;IE的content部分包含了border和padding。

8. rem,px,em之间的关系和区别

答:px
实际上就是像素,用PX设置字体大小时,比较稳定和精确。
但是px不支持用户进行浏览器缩放或者不同移动端的兼容,因为像素是固定的,屏幕大小是变化的。
em
是根据父元素来对应大小,是一种相对值;
em值 = 1/父元素的font-size*需要转换的像素值。
进行任何元素设置,都有可能需要知道他父元素的大小,这很不方便。
rem
是根据根元素html的font-size来对应大小,
1rem = 16px,可以在根元素html中写固定像素也可以写百分比,然后在具体的标签上设置rem。

9. 五大浏览器及其内核 浏览器内核IETridentTirefoxGexkoOpearprestoSafariWebkitChormeWebkit
css
1.清楚浮动有哪些方法
js
1. 如何理解javaScript中的this 2.原始类型与引用类型有什么区别 3.如何深度克隆一个对象 4.数组去重有哪些方法 5.同步与异步的区别 6.get请求与post请求的区别 7.跨域请求有哪些方案 总结

版权声明:该文观点仅代表作者本人。处理文章:请发送邮件至 三1五14八八95#扣扣.com 举报,一经查实,本站将立刻删除。