---

前言

如果哪里不正确欢迎指出问题，我会积极改正的。

---

一、html语义化

二、html和xHtml区别

1、其基础语言不同

• xHtml是基于可扩展标记语言（XmL）。
• htmL是基于标准通用标记语言（sgmL）。

2、语法严格程度不同

• xHtml语法比较严格，存在dtd定义规则。
• htmL语法要求比较松散，这样对网页编写者来说，比较方便。

3、可混合应用不同

• xHtml可以混合各种XmL应用，比如mathmL、svg。
• htmL不能混合其它XmL应用。

4、大小写敏感度不同

• xHtmll对大小写敏感，标准的XhtmL标签应该使用小写。
• htmL对大小写不敏感。

5、公布时间不同

• xHtml是2000年w3c公布发行的。
• htmL4.01是1999年w3c推荐标准。

三、块级元素和内联元素

1、html的块级元素

• <address>定义地址
• <caption>定义表格标题
• <dd>定义列表中定义条目
• <div>定义文档中的分区或节
• <dl>定义列表
• <dt>定义列表中的项目
• <fieldset>定义一个框架集
• <form>创建 html 表单
• <h1>定义最大的标题
• <h2>定义副标题
• <h3>定义标题
• <h4>定义标题
• <h5>定义标题
• <h6>定义最小的标题
• <hr>创建一条水平线
• <legend>元素为
• <fieldset>元素定义标题
• <li>标签定义列表项目
• <noframes>为那些不支持框架的浏览器显示文本，于 frameset 元素内部
• <noscript>定义在脚本未被执行时的替代内容
• <ol>定义有序列表
• <ul>定义无序列表
• <p>标签定义段落
• <pre>定义预格式化的文本
• <table>标签定义 HTML 表格
• <tbody>标签表格主体（正文）
• <td>表格中的标准单元格
• <tfoot>定义表格的页脚（脚注或表注）
• <th>定义表头单元格
• <thead>标签定义表格的表头
• <tr>定义表格中的行

2、html块级元素的特征

1. 总是在新行上开始；
2. 高度，行高以及外边距和内边距都可控制；
3. 宽度缺省是它的容器的100%，除非设定一个宽度。
4. 它可以容纳内联元素和其他块元素。

3、html的行内元素

• a – 锚点；
• abbr – 缩写；
• acronym – 首字；
• b – 粗体(不推荐)；
• bdo – 覆盖默认的文本方向；
• big – 大字体；
• br – 换行；
• button – 按钮
• cite – 引用；
• code – 计算机代码(在引用源码的时候需要)；
• dfn – 定义字段；
• del – 删除线
• em – 强调；
• font – 字体设定(不推荐)；
• i – 斜体；
• img – 图片；
• input – 输入框；
• kbd – 定义键盘文本；
• label – 表格标签；
• q – 短引用；
• s – 中划线(不推荐)；
• samp – 定义范例计算机代码；
• select – 项目选择；
• small – 小字体文本；
• span – 常用内联容器，定义文本内区块；
• strike – 中划线；
• strong – 粗体强调；
• sub – 下标；
• sup – 上标；
• textarea – 多行文本输入框；
• tt – 电传文本；
• u – 下划线；
• var – 定义变量。

三、'data-attribute'的目的是什么?

data-attribute是html5引入的新特性。前端开发者可以使用它来设置需要的自定义属性来存储一-些数据。 当然,在高级浏览器中，可以通过JS脚本进行定义和数据访问

四、如何优化您的网站文件和资源?

前端优化网站文件和资源的方法主要包括减少HTTP请求、使用CDN加速、资源文件压缩和合并、懒加载技术、以及优化代码和图片等。这些方法旨在提高网站的加载速度、减少数据传输量、提高用户体验和降低服务器负载。

1.  

   ‌减少HTTP请求‌：通过合并文件、使用CSS Sprites技术、延迟加载和按需加载等技术来减少HTTP请求的次数，从而提高页面加载速度‌12。

2.  

   ‌使用CDN加速‌：通过内容分发网络（CDN）将资源分布在全球各地的服务器上，使用户可以从最近的服务器加载资源，显著减少资源的加载时间‌23。

3.  

   ‌资源文件压缩和合并‌：通过删除不必要的空格和注释，减小文件大小，提高页面的加载速度。可以使用CSS Minifier、HTML Compressor等工具进行压缩和合并‌13。

4.  

   ‌懒加载技术‌：对于图片、视频等大文件，使用懒加载技术，只在需要时才加载资源，可以提高页面初始加载速度‌2。

5.  

   ‌优化代码和图片‌：优化JavaScript和CSS代码，删除无用的代码和规则，减少文件体积。对于图片，优化图片格式、大小和分辨率，使用适当的图片格式和压缩算法‌5。

6.  

   ‌开启GZIP压缩‌：通过GZIP压缩可以减少HTTP请求的大小，缩短响应时间，提高网页的加载速度‌34。

7.  

   ‌分域存放资源‌：利用多域名主机存放资源，增加并行连接量，缩短资源加载时间‌4。

8.  

   ‌避免重定向‌：减少或避免使用301/302重定向，以减少不必要的请求，提升网站的安全系数和用户体验‌4。

五、您使用哪些浏览器来调试您的项目

火狐、谷歌、IE等

---

总结

本文章仅限于我自己在面试中的总结，记录下来分享给大家，希望对大家有帮助！

同时也预祝大家面试成功！