2021前端HTML面试题归纳

最新推荐文章于 2024-08-09 18:20:18 发布

HebyH_

最新推荐文章于 2024-08-09 18:20:18 发布

阅读量227

点赞数 2

文章标签： html5 html javascript

本文链接：https://blog.csdn.net/m0_45159572/article/details/120059663

版权

HTML篇

src与href的区别

src用于替换当前元素；href用于在当前文档和引用资源之间确立联系。

src是source的缩写，指向外部资源的位置，指向的内容将会嵌入到文档中当前标签所在位置

href是Hypertext Reference的缩写，指向网络资源所在位置，建立和当前元素（锚点）或当前文档（链接）之间的链接

前端页面有哪三层构成，分别是什么？作用是什么？

a. 结构层：由 HTML 或 XHTML 之类的标记语言负责创建，仅负责语义的表达。解决了页面“内容是什么”的问题。

b. 表示层：由CSS负责创建，解决了页面“如何显示内容”的问题。

c. 行为层：由脚本负责。解决了页面上“内容应该如何对事件作出反应”的问题。

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

alt:图片加载失败后显示的文件
title:鼠标放在图片上显示的文件
alt:必要的 , title:非必要的

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

新增特性
　　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 地理定位

移除特性　　

<basefont> 默认字体，不设置字体，以此渲染，

<font> 字体标签，

<center> 水平居中，

<u> 下划线，

<big> 大字体　　

<strike> 中横线，

<tt> 文本等宽

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

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

xhtml和html有什么区别?

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

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

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

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

行内元素：a、b、span、img、input、strong、select、label、em、button、textarea

块级元素：div、ul、li、dl、dt、dd、p、h1-h6、blockquote
空元素：即系没有内容的HTML元素，例如：br、meta、hr、link、input、img

行内元素
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有什么区别？

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

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

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

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

Http和Https的区别？

1、https协议需要到ca申请证书，一般免费证书较少，因而需要一定费用。

2、http是超文本传输协议，信息是明文传输，https则是具有安全性的ssl加密传输协议。

3、http和https使用的是完全不同的连接方式，用的端口也不一样，前者是80，后者是443。

4、http的连接很简单，是无状态的；HTTPS协议是由SSL+HTTP协议构建的可进行加密传输、身份认证的网络协议，比http协议安全。