2023年11月25日发(作者：)

HTML基础简答题

和HTML有什么区别

HTML是⼀种基本的WEB⽹页设计语⾔，XHTML是⼀个基于XML的置标语⾔

最主要的不同：

*——XHTML 元素必须被正确地嵌套。

*——XHTML 元素必须被关闭。

*——标签名必须⽤⼩写字母。

*——XHTML ⽂档必须拥有根元素。

2.前端页⾯有哪三层构成，分别是什么?作⽤是什么?

结构层 Html 表⽰层 CSS ⾏为层 js;

3.你做的页⾯在哪些流览器测试过?这些浏览器的内核分别是什么?

Ie(Ie内核) ⽕狐（Gecko） ⾕歌（webkit,Blink） opera(Presto),Safari(wbkit)

4.什么是语义化的HTML?

*——直观的认识标签 对于搜索引擎的抓取有好处，⽤正确的标签做正确的事情！

*——html语义化就是让页⾯的内容结构化，便于对浏览器、搜索引擎解析；

*——在没有样式CCS情况下也以⼀种⽂档格式显⽰，并且是容易阅读的。搜索引擎的爬⾍依赖于标记来确定上下⽂和各个关键字的权重，

利于 SEO。

*——使阅读源代码的⼈对⽹站更容易将⽹站分块，便于阅读维护理解。

5 为什么只需要写 !DOCTYPE HTML？

HTML5 不基于 SGML，因此不需要对DTD进⾏引⽤，但是需要doctype来规范浏览器的⾏为（让浏览器按照它们应该的⽅式来运⾏）；

⽽HTML4.01基于SGML,所以需要对DTD进⾏引⽤，才能告知浏览器⽂档所使⽤的⽂档类型。

e作⽤？标准模式与兼容模式各有什么区别?

!DOCTYPE声明位于位于HTML⽂档中的第⼀⾏，处于html 标签之前。告知浏览器的解析器⽤什么⽂档标准解析这个⽂档。DOCTYPE不

存在或格式不正确会导致⽂档以兼容模式呈现。

标准模式的排版 和JS运作模式都是以该浏览器⽀持的最⾼标准运⾏。在兼容模式中，页⾯以宽松的向后兼容的⽅式显⽰,模拟⽼式浏览器的

⾏为以防⽌站点⽆法⼯作。

*——HTML5 现在已经不是 SGML 的⼦集，主要是关于图像，位置，存储，多任务等功能的增加。

*——绘画 canvas

*——⽤于媒介回放的 video 和 audio 元素

*——本地离线存储 localStorage 长期存储数据，浏览器关闭后数据不丢失；

*——sessionStorage 的数据在浏览器关闭后⾃动删除

*——语意化更好的内容元素，⽐如 article、footer、header、nav、section

*——表单控件，calendar、date、time、email、url、search

*——新的技术webworker, websockt, Geolocation

移除的元素：

*——纯表现的元素：basefont，big，center，font, s，strike，tt，u；

*——对可⽤性产⽣负⾯影响的元素：frame，frameset，noframes；

⽀持HTML5新标签：