HTML面试题2

html部分
1.前端三要素：
html css js

2.谈谈你对B/S架构的认识？
B是browser指浏览器，S是server指服务器.B/S架构就是浏览器/服务器模式

3.html网页的结构
doctype 声明部分
html Html的根元素，用来包含html文档的所有元素
head 不会显示到浏览器视口中
title 显示在浏览器选项卡的标题
meta 用于设置元信息，配置
charset=utf-8
编码
编辑器 UTF-8
解码
浏览器

                			    程序员  编写 
                			    浏览器  解析
			body
				网页主体

4.列出常见的标签，并简单介绍这些标签用在什么场景？
p 段落标签div无意义的块级元素 a插入链接 img插入图片 span无意义的行内元素 i斜体

5.HTML5 有哪些新增的表单元素？
output 用户动作产生的结果
progress 进度条
meter 规定范围内数量值，如磁盘使用量
datalist 表示其他控件可用值

6.HTML5 应用程序缓存和浏览器缓存有什么区别？
H5引入了应用程序缓存，意味着WEB应用可进行缓存，可在没有因特网时进行访问
应用程序缓存的优势：
离线缓存：用户可在离线时使用它们
速度：加载速度更快
减少服务器负载：浏览器只从服务器下载更新的或者更改过的资源
实现借助manifest文件

7.说说name和id的区别或者理解？
name 是表单提交后，给后台处理程序区分不同的输入框。
例如 name = ‘用户名’ name =‘密码’，后台程序就会分别去处理用户名和密码。
而 id 通常给前台程序，例如 Javascript，CSS，让它去为不同 id 的输入框设置不同的响应动作，风格样式等。
但这些前台语言，有的时候也支持对 name 的识别。
id 是不会提交给后台的，所以后台一定只能用 name 去识别。

8.浏览器的内核有哪些，你对内核的理解
常见的浏览器内核
内核 浏览器

Trident内核 IE,MaxThon,TT,The World,360,搜狗浏览器等。[又称MSHTML]

Gecko内核 Netscape6及以上版本，FF,MozillaSuite/SeaMonkey等

Presto内核 Opera7及以上。 [Opera内核原为：Presto，现为：Blink;]

Webkit内核 Safari,Chrome等。 [ Chrome的：Blink（WebKit的分支）]

内核主要分成两部分：渲染引擎(layout engineer或Rendering Engine)和JS引擎。

分类　　 功能
渲染引擎 负责取得网页的内容（HTML、XML、图像等等）、整理讯息（例如加入CSS等）， 以及
计算网页的显示方式，然后会输出至显示器或打印机。 浏览器的内核的不同对于网页的
语法解释会有不同，所以渲染的效果也不相同。所有网页浏览器、电子邮件客户端以及其它
需要编辑、显示网络内容的应用程序都需要内核。

JS引擎 解析和执行javascript来实现网页的动态效果。 最开始渲染引擎和JS引擎并没有区分的很
明确，后来JS引擎越来越独立，内核就倾向于只指渲染

9.H5的新特性你了解哪些？

1. 用于绘画canvas 元素。
2. 用于媒介回放的 video 和 audio 元素。
3. 本地离线存储 localStorage 长期存储数据，浏览器关闭后数据不丢失；
   sessionStorage 的数据在浏览器关闭后自动删除。
4. 语意化更好的内容元素，比如 article、footer、header、nav、section。
5. 表单控件，calendar、date、time、email、url、search。

10.简述一下你对HTML语义化的理解
简单来说：用正确的标签做正确的事情。
例如：段落用 p 标签，标题用 h 系列标签，边栏用 aside 标签，主要内容用 main 标签。
对人：
便于团队的开发和维护。
在没有加载 CSS 的情况下也能呈现较好的内容结构与代码结构易于阅读。
对机器：
有利于 SEO ，搜索引擎的爬虫依赖于标签来确定上下文和各个关键字的权重。
方便其他设备的解析（如屏幕阅读器、盲人阅读器等），利于无障碍阅读，提高可访问性。
11.请描述一下cookies，sessionStorage和localStorage的区别？
本地离线存储 localStorage 长期存储数据，浏览器关闭后数据不丢失；
sessionStorage 的数据在浏览器关闭后自动删除。

13. a标签中 active hover link visited 正确的设置顺序是什么?
    ：hover 鼠标悬停
    : active 鼠标按住不放
    : link 没被点击时
    : visited 被点击后
    l>v>h>a一起用时的顺序(没点时-被点后-悬停时-按住不放)

14.form中method请求方式
method:get(将数据拼接到地址栏上)
相对不安全；只能提交轻量级数据
post（将数据封装到请求体里）
相对安全；可提交重量级数据
15.空元素定义
没有内容的HTML元素，比较常见的空元素像img link br meta这种，他们往往没有关闭标签

16.SGML 、 HTML 、XML 和 XHTML 的区别？
SGML
SGML是国际上定义电子文档和内容描述的标准。
SGML因太严谨规范达500多页，故而不易学、不易用、难以实现，所以在它的基础上
又发展出了其他的更易用的置标语言。
HTML (HyperText Markup Language) / 超文本标记语言
是人们抽取了 SGML的一个微小子集而提取出来的。其早期规范比较松散，但比较易学。
XML (Extensible Markup Language )/ 可扩展标记语言
也是 SGML 的一个子集，但使用比较严格的模式。
XHTML (Extensible Hypertext Markup Language) / 可扩展超文本标记语
它的出现是因为HTML扩充性不好，内容的表现跟不上时代的变化（如无法表示某些化学符号等），
以及因为性能的问题，官方逐渐趋于严格的模式，所以使用 XML的严格规则的XHTML成了W3C
计划中 HTML 的替代者。
总之，HTML XML都是SGML的一个子集，XHTML又类似HTML和XML的结合