涉及面试题:
- DOCTYPE 有什么作用?怎么写?
告诉浏览器用什么版本的HTML解析页面 , 如果是HTML5,这个文档解析为
<!DOCTYPE HTML>
- 列出常见的标签,并简单介绍这些标签用在什么场景?
header | main | nav | article | aside | div | span | i
, 这些比较常见的语义化标签,像header
用于设置页面的 header 部分, 其他的HTML5新增的标签同样是
- 页面出现了乱码,是怎么回事?如何解决?
无线乱码无浏览器解析页面,识别不了字体,就采用了乱码 , 解决要在页面的
head
标签中 加上meta 标签加上 charset
指定页面的字符编码
- title 属性和 alt 属性分别有什么作用?
alt 属性表示在页面解析一个处标签内容出错时,显示
alt
的属性内容title
属性,当鼠标移动到该标签时, 显示title
的内容
- HTML 的注释怎样写?
<!-- -->
- HTML5 为什么只写 <!DOCTYPE HTML> ?
表示指定要浏览器按照HTML第五个版本来解析页面内容
- data- 属性的作用?
data-
用于图片的懒加载,表示当页面图片时data-xxx
会变为src=xxx
- 的 title 和 alt 有什么区别?
title
属性作用是对图片的描述, 当鼠标移动到图片时,显示title
的内容alt
属性的作用是当图片加载不出来时,会显示alt
属性的内容
- WEB 标准以及 W3C 标准是什么?
表示使用 W3C 标准来解析页面, CSS1Compat 标准模式
- DOCTYPE 作用?严格模式与混杂模式如何区分?它们有何意义?
严格模式就是浏览器采用
W3C
的标准去解析页面 混杂模式是浏览器采用自身的标准解析页面 意义: 为了能对 老页面,HTML的更加友好,统一解析
- HTML 全局属性(Global Attribute)有哪些?
window | this | globalThis | Data | Math |