2021年前端面试题-HTML篇

1、<img>的title和alt有什么区别？

1、alt：图片加载失败时，显示在网页的替代文字
2、title：鼠标放在上面时显示的文字
3、alt是必要属性，title非必要

2、WEB标准以及W3C标准是什么？

1、标签闭合
2、标签小写
3、嵌套正确
4、外部链接css和js
5、提倡结构、表现和行为相分离（HTML结构、CSS表现、JavaScript行为）

3、html5有哪些新特性，移除了哪些元素？

（1）新增特性
      a、新增标签
           header、footer、article、aside、audio、bdi、canvas、command、datails、embed、figcaption、figure、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> 文本等宽

4、XHTML和HTML有什么区别？

1、XHTML 元素必须被正确地嵌套。
2、XHTML 元素必须被关闭。
3、标签名必须用小写字母。
4、XHTML 文档必须拥有根元素。

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

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

6、行内元素有哪些？块级元素有哪些？空（void）元素有哪些？行内元素和块级元素有什么区别？

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

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

7、HTML全局属性（global attibute）有哪些？

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元素

8、canvas和svg有什么区别？

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

SVG
1、HTML新加的元素
2、使用XML描述2D图形的语言

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

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

posted @ 2021-09-29 15:34 ＺＨＡＮＧＬａｙＺ阅读(383) 评论(0) 编辑收藏举报

ZHANGLAY

2021年前端面试题-HTML篇

公告