HTML常见面试题(持续更新中)

196 阅读2分钟

1、HTML5为什么要加<! DOCTYPE HTML>

(1)HTML5不基于SGML(标准通用置标语言),因此不需要对DTD(文档类型定义)进行引用,
     但是需要DOCTYPE来规范浏览器的行为,让浏览器按照它们的方式来运行。
(2)HTML4.01基于SGML,需要对DTD进行引用,才能让浏览器知道该文档所使用的文档类型

2、HTML5新特性,语义化

1)内容元素:airticle( 定义外部的内容),footer(定义文档页脚),header(页眉,介绍主页),
     nav(定义导航链接),section(文档中的的某个区域,解释某个东西);
(2)表单控件:calendar(日历控件),data(日期控件),time(时间控件),
     email(邮箱控件),url(地址控件),search(查询控件)。
(3)控件元素:webworker, websockt, Geolocation。
(4)语义化: 就是用合理、正确的标签来展示内容,比如h1~h6定义标题。
(5)优点:易于用户阅读,样式丢失的时候能让页面呈现清晰的结构。
    有利于SEO,搜索引擎根据标签来确定上下文和各个关键字的权重。 
    方便其他设备解析,如盲人阅读器根据语义渲染网页 。
    有利于开发和维护,语义化更具可读性,代码更好维护,与CSS3关系更和谐。

3、XHTML和HTML的区别

1)基础语言不同:XHTML是基于可扩展标记语言XML;HTML是基于标准通用语言。
(2)语法严格程度不同:XHTML语法比较严格,存在DTD定义规则;HTML语法要求比较松散,
     对于网页编写者来说比较方便。
(3)可混合应用不同:XHTML可以混合各种XML应用,比如MathML和SVG;HTML不能混合其他XML应用。
(4)大小写敏感不同:XHTML对大小写敏感,标准的XHTML标签应该小写;HTML对大小写不敏感。
(5)公布时间不同:XHTML是2000年W3C公布发行的;HTML4.011999年W3C推荐标准。

4、常见浏览器的内核及理解

通常所谓的浏览器内核也就是浏览器所采用的渲染引擎,渲染引擎决定了浏览器如何显示网页的内容
     以及页面的格式信息。
(1)Webkit 内核:Safari,Chrome 等。 [ Chrome 的:Blink(WebKit 的分支)]2)Trident 内核:IE,MaxThon,TT,The World,360,搜狗浏览器等。[又称 MSHTML]3)Gecko 内核:Netscape6 及以上版本,FF,MozillaSuite/SeaMonkey 等。
(4)Presto 内核:Opera7 及以上。 [Opera 内核原为:Presto,现为、Blink;] 。
(5)EdgeHTML 内核:Microsoft Edge。 [此内核其实是从 MSHTML fork 而来,     删掉了几乎所有的 IE 私有特性]