其他分享
首页 > 其他分享> > html-面试题

html-面试题

作者：互联网

1. 什么是 XHTML?

  1. XHTML 是以 XML 格式编写的 HTML。
  2. XHTML 指的是可扩展超文本标记语言
  3. XHTML 与 HTML 4.01 几乎是相同的
  4. XHTML 是更严格更纯净的 HTML 版本
  5. XHTML 是以 XML 应用的方式定义的 HTML
  6. XHTML 是 2001 年 1 月发布的 W3C 推荐标准
  7. XHTML 得到所有主流浏览器的支持

2. html与xhtml的区别

  1. XHTML DOCTYPE 是强制性的
  2. XHTML 元素必须正确嵌套
  3. XHTML 元素必须始终关闭
  4. 空元素必须包含关闭标签，单标签也应该用“/”来结束*5. XHTML 元素必须小写
  5. XHTML 文档必须有一个根元素
  6. 属性名称必须是小写
  7. 属性值必须有引号
  8. 不允许属性简写

3. 如何将 HTML 转换为 XHTML

  1. 添加一个 XHTML <!DOCTYPE> 到你的网页中
  2. 添加 xmlns 属性添加到每个页面的html元素中。
  3. 改变所有的元素为小写
  4. 关闭所有的空元素
  5. 修改所有的属性名称为小写
  6. 所有属性值添加引号

4.DOCTYPE有什么作用

告诉浏览器使用哪个版本的HTML规范来渲染文档

5. HTML5为什么只需要写 <!DOCTYPE HTML>

HTML5不基于SGML（Standard Generalized Markup Language 标准通用标记语言），因此不需要对DTD（DTD 文档类型定义）进行引用，但是需要DOCTYPE来规范浏览器行为。

HTML4.01基于SGML，所以需要引用DTD。才能告知浏览器文档所使用的文档类型，如下：

6.cookies，sessionStorage和localStorage的区别

共同点：都是保存在浏览器端，且是同源的。

区别：

  1. cookies是为了标识用户身份而存储在用户本地终端上的数据，始终在同源http请求中携带，即cookies在浏览器和服务器间来回传递，而sessionstorage和localstorage不会自动把数据发给服务器，仅在本地保存。
  2. 存储大小的限制不同。cookie保存的数据很小，不能超过4k，而sessionstorage和localstorage保存的数据大，可达到5M。
  3. 数据的有效期不同。cookie在设置的cookie过期时间之前一直有效，即使窗口或者浏览器关闭。sessionstorage仅在浏览器窗口关闭之前有效。localstorage始终有效，窗口和浏览器关闭也一直保存，用作长久数据保存。
  4. 作用域不同。cookie在所有的同源窗口都是共享；sessionstorage不在不同的浏览器共享，即使同一页面；localstorage在所有同源窗口都是共享

7.行级元素有哪些

span a i label img input button textarea select 等

8.块级元素有哪些

div p ul li table h1 h2 h3 … h6 form 等

9.空(void)元素有那些

<br> <hr> <link> <meta>

10.常用浏览器有哪些，内核都是什么？

浏览器 内核
IE Trident
火狐(firefox) Gecko
chrome Webkit
safari Webkit
360，搜狗 极速模式用的Webkit的内核
360，搜狗 兼容模式用的Trident的内核
  1. Trident( MSHTML )：IE MaxThon TT The World 360 搜狗浏览器
  2. Geckos：Netscape6及以上版本 FireFox Mozilla Suite/SeaMonkey
  3. Presto：Opera7及以上(Opera内核原为：Presto，现为：Blink)
  4. Webkit：Safari Chrome

11.页面导入样式时，使用link和@import有什么区别？

相同的地方，都是外部引用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使用时候需要

标签：面试题,浏览器,HTML,元素,html,import,XHTML,CSS
来源： https://www.cnblogs.com/ycyc123/p/15731480.html