2024前端html5，css3面试题总汇

1.XML，HTML，XHTML区别⭐

XML：XML是一个可扩展标记语言，主要是用来存储，传输数据的，并非显示数据，可以用来标记数据，定义数据类型，允许用户对自己的标记语言进行定义，一般用于java

HTML：是一个超文本标记语言，主要用来描述网页的一种标记语言，通过标记标签来描述网页

XHTML：XHTML是一个可扩展超文本标记语言，XHTML是基于XML和HTML来的，也是用来描述网页的标记语言，是更严格的HTML版本，例如：XHTML 元素必须被正确地嵌套，标签名必须用小写字母， 文档必须拥有根元素，对于图片需添加 alt 属性等。XHTML 和 HTML 4.01 几乎是相同的，XHTML 是 W3C 标准。

XML和HTML区别：XML相比HTML的语法更加严格，HTML是预定义的，XML标签是自定义的，可扩展的，HTML的设计目的是显示数据并集中于数据外观，XML的设计目的是描述数据，存放数据并集中于数据内容，XML是一种跨平台的，数据处理和传输的工具，总的来说XML是传输数据，HTML是用来描述网页的，XHTML比HTML更加严格

2.XML和JSON的区别⭐⭐

JSON：JSON是一种轻量级的数据交换格式，他基于JavaScript的一个子集，但是独立于编程语言，JSON格式可以用来在网络中传输数据，也可以存储数据，JSON采用的是键值对，键可以为字符串，数字，布尔，数组，对象，null

XML：XML是一种可扩展标记语言，是通用标记语言SGML的子集，XML主要是用来存储数据，传输数据，不是显示数据的，可以用来标记数据类型，允许用户对自己的标记语言进行定义

JSON和XML区别：JSON数据体积小，传递速度快，与JavaScript交互，更加方便，速度更快，更容易解析处理，XML对数据的描述性比较好，JSON支持数组，XML不支持数组，JSON不支持命名空间，XML支持命名空间，JSON更容易阅读，XML难以阅读和解释，JSON不用结束标记，XML有开始和结束标签，JSON安全性较低，不支持注释，仅支持UF-8编码，XML比JSON更安全，支持注释，支持各种编码

3.W3C的规范⭐⭐

W3C标准：指的是万维网联盟的标准，万维网联盟的标准不是指的一个标准，而是一系类的标准，web可以简单分为结构，表现，行为三部分，三部分独立开，使其模块化，w3c是对web做出的规范，使代码更加的严谨，做出来的网页更加容易使用和维护

结构标准：主要包括XML，HTML，比如像标签闭合，标签属性名字小写，标签不乱嵌套，属性必须有属性值，属性值必须用引号括起来，特殊符号用编码显示，标签规范可以提高搜索引擎对页面的抓取效率，对SEO很有帮助，越规范的网站搜索排名越靠前

表现标准：主要包括CSS，行为标准主要包括对象模型（像 W3C DOM，ECMAScript），比如说尽量使用外链css和js脚本，提高页面渲染效率，尽量少使用行内样式，类名要做到见名知意。遵循w3c标准可以让我们的页面，我们的程序支持所有浏览器，能够尽量满足更多的用户。

W3C标准体现：这也是说开发者在开发过程中如何去遵守W3C标准，这里面很多规范都是为了XHTML，jQuery不符合W3C标准

4.什么是语义化标签⭐

1.语义化标签就是把标签语义化，让标签有自己含义，让浏览器和搜索引擎能够直观的认识标签的用途和内容

2.虽然采用DIV+CSS的方式布局，但是DIV标签本身没有特殊的含义，文档结构不清晰，不利于浏览器对页面的读取，在分离CSS样式后，体验不友好

3.使用语义化标签可以使代码结构更加清晰，可读性高，便于团队开发和后续维护，在页面没有加载css的情况下也能显示良好的结构，易于阅读，有利于SEO

4.语义化标签是H5的新特性，语义化标签有