2021Web前端经典面试题之HTML篇

开课吧开课吧小易2021-02-03 17:25

2021年已经来到,很多程序员想要赶在金三银四的时候进行跳槽,那么现在就可以准备Web前端面试题啦!下边来看下小编为大家带来的具体面试题内容。

Web前端面试

一、<img>的title和alt有什么区别?

1、alt: 图片加载失败时,显示在网页上的替代文字

2、title: 鼠标放在上面时显示的文字

3、alt 是必要属性,title 非必要

二、html5有哪些新特性、移除了那些元素?

(1)新增特性

a、新增标签 

article、aside、audio、bdi、canvas、command、datalist、details、embed、figcaption、figure、footer、header、hgroup、keygen、mark、meter、nav、output、progress、rp、rt、ruby、section、source、summary、time、track、video

其中常用标签:article、aside、audio、video、canvas、footer、header、nav、section

b、新增localStorage、sessionStorage

c、新增contenteditable属性 (任何dom节点只要加上contenteditable="true"就可以变得可编辑)

d、Geolocation 地理定位

(2)移除特性

<basefont> 默认字体,不设置字体,以此渲染,<font> 字体标签,<center> 水平居中,<u> 下划线,<big> 大字体 

<strike> 中横线,<tt> 文本等宽

三、WEB标准以及W3C标准是什么?

1、标签闭合

2、标签小写

3、嵌套正确

4、外部链接css和js

5、提倡结构、表现和行为相分离(HTML结构、CSS表现、JavaScript行为)

四、XHTML和HTML有什么区别?

1、XHTML 元素必须被正确地嵌套。

2、XHTML 元素必须被关闭。

3、标签名必须用小写字母。

4、XHTML 文档必须拥有根元素。 

五、Doctype作用? 严格模式与混杂模式如何区分?它们有何意义?

1. <!DOCTYPE> 声明位于文档中的最前面,处于 <html> 标签之前。告知浏览器以何种模式来渲染文档。 2. 严格模式的排版和 JS 运作模式是  以该浏览器支持的最高标准运行。3. 在混杂模式中,页面以宽松的向后兼容的方式显示。模拟老式浏览器的行为以防止站点无法工作。4. DOCTYPE不存在或格式不正确会导致文档以混杂模式呈现。

 六、行内元素有哪些?块级元素有哪些? 空(void)元素有那些?行内元素和块级元素有什么区别?

行内元素1、设置宽高无效2、对margin仅设置左右方向有效,上下无效;padding上下左右都有效,会撑大空间3、不会自动进行换行

块级元素1、能够识别设置宽高2、margin和padding的上下左右均对其有效3、独占一行

七、HTML全局属性(global attribute)有哪些

HTML属性赋予元素意义和语境,可以用于任何的HTML元素1、class:为元素设置类标识2、data-*:为元素增加自定义属性3、id:元素id,文档内唯一4、lang:元素内容的语言5、style:行内css样式6、title:元素相关的建议信息7、dir:规定元素中内容的文本方向(ltr:从左到右, rtl:从右到左)8、contenteditable:HTML新增属性,设置true后可编辑元素9、hidden:隐藏一个HTML元素

八、Canvas和SVG有什么区别?

Canvas1、可伸缩矢量图形 2、放大缩小不会失真

SVG1、HTML5新加的元素2、使用XML描述2D图形的语言

 九、HTML5 为什么只需要写 <!DOCTYPE HTML>?

<!DOCTYPE HTML> 是文档类型声明,它声明了文档类型为html5,告诉浏览器和其他开发者,该文档使用的是html5标准

以上内容是小编整理出来的一小部分2021Web前端面试题,如果需要更多面试题,可以来开课吧广场Web前端面试频道。

有用
分享
全部评论快来秀出你的观点
登录 后可发表观点…
发表
暂无评论,快来抢沙发!
云开发实战特训营