HTML中常见问题 html中常见问题折叠栏怎么制作

1、在页面导入样式时，<link rel="" />和@import有什么区别？

相同的地方：link与@impor都是外部引用CSS方式

区别：

• link是xhtml标签，除了加载css外，还可以定义RSS等其他事务；而@import属于CSS范畴，只能加载CSS
• link引用CSS时候，页面载入时同时加载；@import需要在页面完全加载以后加载，而且@import被引用的CSS会等到引用它的CSS文件被加载完才加载
• link是xhtml标签，无兼容问题；@import是在css2.1提出来的，低版本的浏览器不支持
  link支持使用javascript控制去改变样式，而@import不支持
• link方式的样式的权重高于@import的权重
• import在html使用时候需要<style type="text/css">标签

2、cookies，sessionStorage和localStorage的区别

相同的地方：三者都是保存在浏览器端，且是同源的。

区别：

• cookies是为了标识用户身份而存储在用户本地终端上的数据；始终在同源（同源指在同一IP地址下）http请求中携带，即cookies在浏览器和服务器间来回传递；cookie保存的数据不能超过4k；cookie在设置的cookie过期时间之前一直有效，纵使窗口或者浏览器关闭。cookie在所有的同源（同源指在同一IP地址下）窗口都是共享；
• sessionstorage和localstorage不会自动把数据发给服务器，仅在本地保存；sessionstorage和localstorage保存的数据大，可达到5M；sessionstorage仅在浏览器窗口关闭之前有效；localstorage终身有效，数据存储于电脑本地，除非设置删除或手动删除；sessionstorage使用不同的浏览器数据不能共享；localstorage不管使用任何浏览器，同源（同源指在同一IP地址下）窗口都是共享

3、iframe框架有哪些优缺点？

优点：

• iframe可以将嵌入的网页按1比1比例展示出来。
• 多个网页引用iframe，只需要修改iframe里的内容，可以实现调用的每一个页面内容的更改。
• 网页中统一风格，整个系统中某个模块都是一样的，可以写成一个页面，使用iframe来嵌套引用，既而增加代码的复用性，比如头部和底部版本模块。
• 如果遇到加载缓慢的页面内容，可以由iframe嵌套使用来解决。

缺点：

• 浏览器搜索引擎的爬虫程序不能解读iframe嵌套页面。
• 页面模块框架中会出现滚动条。
• 使用框架结构时，保证设置正确的导航链接。
• 过多iframe嵌套页面会加重服务器的http请求

4、HTML的字符编码问题？

在网页中加上: <meta http-equiv="Content-Type" content="text/html;charset=utf8">

5、网页中常用的图像格式jpg、gif、png分别有什么不同？

• 当下浏览器支持的图像格式有jpeg，gif，png，bmp等。bmp文件的存储空间较大，而且传输较慢，在网页中通常不提倡使用；
• jpeg图像可以支持数百万种颜色，即使在传输过程中有数据丢失现象，在质量上也不会有明显的影响；
• png格式的图像具有高保真性和透明性以及文件体积小等特点，被广泛的应用于网页设计中；

6、在表单中，method属性有get和post种方式，有何区别？

• 使用get提交信息，表单中的信息会作为字符串自动附加在URL的后面，会在浏览器的地址栏中显示出来。get方式传输的数据量限制在2KB左右，但执行效率比较高。如：

https://www.toutiao.com/c/user/token/MS4wLjABAAAADo7gk7N9eKht44frWckoqrE3skubKkaup9cdZf6INSmOAL3BAX6m0GNmbREBDA4h/?source=list&log_from=0cad628c11931_1676558929580

• post需要对输入的信息进行包装，存入单独的文件中，不会附在URL后面，等待服务器取走，这种方式对信息量没有限制。

7、什么是超链接？

在一个简单的网址上提供应用程序（与必须先安装的本地应用程序或其他东西相比）。几乎任何网络内容都可以转换为链接，点击（或激活）超链接将使网络浏览器转到另一个网址，通过将文本（或其它内容，见块级链接) 包裹在 <a> 元素内，并给它一个 href 属性（也称为超文本引用或目标，它将包含一个网址）来创建一个基本链接。如

<a href="https://www.toutiao.com/c/user/token/MS4wLjABAAAADo7gk7N9eKht44frWckoqrE3skubKkaup9cdZf6INSmOAL3BAX6m0GNmbREBDA4h/?source=list&log_from=0cad628c11931_1676558929580">

8、对于 WEB 标准以及 W3C 的理解与认识问题？

• web 标准简单来说可以分为结构、表现和行为。结构主要是有 HTML 标签组成。通俗点说，在页面 body 里面我们写入的标签都是为了页面的结构。表现即指 css 样式表，通过 css 可以是页面的结构标签更具美感。行为是指页面和用户具有一定的交互，同时页面结构或者表现发生变化，主要是有 js 组成。
• web 标准一般是将该三部分独立分开，使其更具有模块化。但一般产生行为时，就会有结构或者表现的变化，也使这三者的界限并不那么清晰。

9、网页验证码是干嘛的？

• 区分用户是计算机还是人的公共全自动程序。可以防止恶意破解密码、刷票、论坛灌水
• 有效防止黑客对某一个特定注册用户用特定程序暴力破解方式进行不断的登陆尝试

10、WEB 标准以及 W3C 的理解与认识

• 标签闭合、标签小写、不乱嵌套、提高搜索机器人搜索几率、使用外 链 css 和 js 脚本、结构行为表现的分离、文件下载与页面速度更快、内容能被更多的用户所访问、内容能被更广泛的设备所访问、更少的代码和组件，容易维 护、改版方便，不需要变动页面内容、提供打印版本而不需要复制内容、提高网站易用性。