前端诗人 | 前端诗人

特别说明 ：关于面试题请在笔者的另一项目查看

https://github.com/yayxs/front-end-interview-questions

html

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>html-questions</title>
  </head>
  <body></body>
</html>

-1 、标准

什么是web 标准

0、html文件

.html 一般指的是 html 文件，为什么还要<html> 标记一下（head first）
HTML 和 XHTML 有什么区别？
关于HTML 的语义化
XHTML(XML)和 HTML5 有什么区别
HTML的嵌套关系是如何确定的，哪些嵌套关系是不可能发生
HTML和DOM的关系是什么

1、doctype 做什么用

<!DOCTYPE html>的作用
几种DOCTYPE 文档类型
浏览器标准模式 (standards mode) 、几乎标准模式（almost standards mode）和怪异模式 (quirks mode) 之间的区别是什么？

2、<html lang="en"

如果网页内容需要支持多语言，你会怎么做
在设计和开发多语言网站时，有哪些问题你必须要考虑？

3、data- 做什么用

谈谈你对非标准的特性，dataset的了解
style 的标签的 type 属性有没有存在的必要呢

4、浏览器存储

cookie, sessionStorage and localStorage的不同

5、标签相关

<script> <script async> and <script defer> 的不同
为什么通常推荐将 CSS <link> 放置在 <head></head> 之间，而将 JS <script> 放置在 </body> 之前？你知道有哪些例外吗？
canvas and svg 的不同
<em> 和<i> 有什么区别

6、属性相关

<img /> 中 alt 和 title 的区别及作用
href和src有什么区别
元数据meta有哪些属性，作用是什么
特性和属性（Attributes and properties）的区别
是否用过a的download属性
哪里以及为什么使用 rel="noopener "属性？

7、元素相关

HTML的常见元素以及分类
html中的空元素有哪些
HTML的常见的块级元素与内联元素
哪些元素可以自闭和
small元素

8、其他

相对路径的几种常见写法
DocumentFragment是做什么用的

9、media

常见的图片类型、图片格式
知道的网页制作会用到的图片格式有哪些？没有了解过 webp？
是否使用过<video> 有哪些常见的属性

10、form

form表单的属性有哪些？作用是什么

11、table

table 表格相关的属性有哪些

12、浏览器

如何处理 HTML5 新标签的浏览器兼容问题？

13、html5相关

说说HTML5在标签、属性、存储、API 上的新特性，移除了那些元素？

Extended Link #

Extended Link