html5前端面试题

《html5前端面试题》由会员上传分享，免费在线阅读，更多相关内容在工程资料-天天文库。

1、html5前端面试题　　SGML(标准通用标记语言)和HTML(超文本标记语言)，XML(可扩展标记语言)和HTML的之间有什么关系? 　　SGML(标准通用标记语言)是一个标准，告诉我们怎么去指定文档标记。他是只描述文档标记应该是怎么样的元语言，HTML是被用SGML描述的标记语言。 　　因此利用SGML创建了HTML参照和必须共同遵守的DTD，你会经常在HTML页面的头部发现“DOCTYPE”属性，用来定义用季于解析目标DTD 　　1层现在解析SGML是一件芯痛苦的事情，所以创建了吉XML使事情更好。XM逐L使用了

2、SGML，例如奔：在SGML中你必须使力用起始和结束标签，但是魁在XML你可以有自动关情闭的结束标签。 　　XH尹TML创建于XML，他绢被使用在中。你可以参考咕下面代码片段中展示的X募MLDTD 　　1总之，敷SGML是所有类型的父潜类，较旧的HTML利用部SGML，使用派生自X才ML的XHTML 什么是婴HTML5? 　　HTM恬L5是最新的HTML标中准，他的主要目标是提供苹所有内容而不需要任何的请像flash，silv灶erlight等的额外钝插件，这些内容来自动画楔，视频，富GUI等 　　泽HTML5是万维网

3、联盟变(W3C)和网络超文本责应用技术工作组(WHA矩TWG)之间合作输出的系 　　为什么HTML5里贞面我们不需要DTD(D锈ocumentType滚Definition文叶档类型定义)? 　　HT星ML5没有使用SGML袜或者XHTML，他是一狱个全新的东西，因此你不莽需要参考DTD，对于H扎TML5，你仅需放置下芯面的文档类型代码告诉浏丈览器识别这是HTML5待文档 如果我不放入，HT代ML5还会工作么? 　　碳不会，浏览器将不能识别累他是HTML文档，同时火HTML5的标签将不能鸥正常工作 哪些浏览器支持逊HT

4、ML5? 　　几乎所蚌有的浏览器Safari劝，Chrome，Fir筑efox，Opera，卞IE都支持HTML5 　哲　HTML5的页面结构泌同HTML4或者更前的逻HTML有什么区别? 　悬　一个典型的WEB页面逐包含头部，脚部，导航，唐中心区域，侧边栏。现在捡如果我们想在在HTML嫁4的HTML区域中呈现糟这些内容，我们可能要使锁用DIV标签。 　　但是慕在HTML5中通过为这荔些区域创建元素名称使他度们更加清晰，也使得你的墙HTML更加可读 　　以僧下是形成页面结构的HT英ML5元素的更多细节：化 ：代表HT

5、ML的头部数腑据 ：页面的脚部区域 ：页蒜面导航元素 ：自包含的内绕容 　　：使用内部art汗icle去定义区域或者铺把分组内容放到区域里 ：临代表页面的侧边栏内容 H谤TML5中的datal艳ist是什么? 　　HT贬ML5中的Datali逗st元素有助于提供文本灶框自动完成特性，如下图衅所示： 　　以下是Dat诱aList功能的HTM雅L代码： 　　12345刑678inputlis迄t="Country"捌>datalistid动="Country">宿optionvalue涉="India">op侧t

6、ionvalue="樟Italy">opti钟onvalue="Ir匝an">optionv凌alue="Israe肆l">optionva绣lue="Indone努sia">datali菲st>HTML5中什么绊是不同的新的表单元素类湃型? 　　这里有10个重一要的新的表单元素在HT豫ML5中被介绍 Colo展r Date Dateti惫me-local Ema废il Time Url Ra敬nge Telephon永e Number Sear诛ch 让我们一步一步了解匀这10个元素 如果你想显顺示颜色选择对话框 　

7、　1浙inputtype="救color"name=旧"favcolor">狈如果你想显示日历对话框褐 　　1inputtyp瑚e="date"nam丛e="bday">如果箩你想显示含有本地时间的嘱日历 　　1inputt熔ype="dateti炮me-local"na林me="bdaytim土e">如果你想创建一个辗含有email校验的H间TML文本框，我们可以公设置类型为“email绘” 　　1inputty谣pe="email"n明ame="email"鸳>对于URL验证设置类宣型为”url”，如下图盒显示的H

8、TML代码 　　附1inputtype=卫"url"name="枚sitename">如馒果你想用文本展示数字范锋围，你可以设置类型为“隅number” 　　1i鹰nputtype="n泳umber"name=戌"quantity"m牙in="1"max="凰5">如果你想显示范围芋控制，你可以使用类型”无range” 　　1in