HTML5面试题及答案 - [ 前端技术 ]

HTML5面试题及答案

HTML5是HTML(超文本标记语言)的最新版本。 它是一种用于为Internet的核心技术万维网构造和显示内容的语言。

1. HTML5是什么?

HTML5是HTML(超文本标记语言)的最新版本。它是一种用于为Internet的核心技术万维网构造和显示内容的语言。 WHATWG(Web超文本应用程序技术工作组)的另一个W3C个人聚会认为W3C没有认真考虑当前方言的现实改进需求,它已开始处理HTML-HTML5的新问题。因此,HTML5是HTML 4.01和XHTML 1.0的另一种改版,集中于Web应用程序设计者的必要性,此外还倾向于解决当前详细信息中的问题。 具体来说,HTML5包含许多新的语法功能。 <section>,<a...详细答案>>

2. <!DOCTYPE>是什么? 是否有必要在HTML5中使用?

<!DOCTYPE>是向Web浏览器发出的有关页面写入哪个HTML版本的指令。<!DOCTYPE>标记没有结束标记,并且不区分大小写。 <!DOCTYPE>声明必须是HTML5文档中位于标签之前的第一件事。 与在HTML 4.01中一样,所有<!DOCTYPE>声明需要引用文档类型定义(DTD),因为HTML 4.01基于标准通用标记语言(SGML)。 其中HTML5不基于SGML,因此不需要引用文档类型定义(DTD)。详细答案>>

3. HTML5有哪些优点?

一些网络研究得出的5个HTML5功能(优势):

  • 相互关系
  • 干净的标记/改进代码
  • 改进的语义
  • 精美的表格和网络应用
  • 脱机应用程序缓存
详细答案>>

4. HTML5中的画布(Canvas)是什么?如何编写画布(Canvas)?

画布(Canvas)是HTML5的元素,它使用JavaScript在网页上绘制图形。 画布是一个矩形区域。 它的每个像素都可以由我们控制。 有几种绘制路径,框,圆,字符以及使用画布添加图像的方法。 要将画布标签添加到HTML文档中,需要指定id,宽度和高度。 以下是如何将基本canvas标记写入HTML文档的示例: <canvas id="myFirstCanvas" width="100" height="100"> </c...详细答案>>

5. HTML5地理位置是什么? 如何使用它 ?

HTML5 nGeolocation用于定位用户的位置HTML5 Geolocation API用于获取用户的地理位置。由于这可能危及用户隐私,因此除非用户批准,否则位置将不可用。 使用getCurrentPosition()方法获取用户的位置。下面的示例是一个简单的Geolocation示例,它返回用户位置的纬度和经度: <script> var x=document.getElementById("demo"); function getLocation() { if...详细答案>>

6. HTML5建立了哪些规则?

HTML5建立了一些规则: 新功能应基于HTML,CSS,DOM和JavaScript。减少对外部插件(如Flash)的需求。更好的错误处理。更多标记来替换脚本。HTML5应该与设备无关。开发过程应该对公众可见。详细答案>>

7.
  1. HTML5中的sessionStorage对象是什么? 如何创建和访问?

sessionStorage对象存储一个会话的数据。 当用户关闭浏览器窗口时,数据将被删除。 如下所示,可以创建和访问sessionStorage在这里创建了blogName的会话: <script type="text/javascript"> sessionStorage.blogName="kaops"; document.write(sessionStorage.name); </script> 详细答案>>

8. Html5应用程序缓存和规范Html浏览器缓存之间有什么区别?

新的HTML5规范允许浏览器在客户端连接时预取一些或全部网站资源,例如:HTML文件,图像,CSS,JavaScript等。 用户不必为了获取该内容而先前已经访问了该内容。 换句话说,应用程序缓存可以预取根本没有访问过的页面,因此在常规浏览器缓存中不可用。 预取文件可以提高网站的性能,尽管会首先使用带宽下载这些文件。详细答案>>

9. Html5标准提供了哪些新的Api?请简要说明每个API。

以下是Html 5标准提供的新Api列表。 画布:画布由HTML代码中定义的具有高度和宽度属性的可绘制区域组成。 JavaScript代码可以通过类似于其他常见2D API的全套绘图功能来访问该区域,从而允许动态生成图形。 画布的一些预期用途包括构建图形,动画,游戏和图像合成。定时播放媒体离线存储数据库文件编辑拖拽跨文档消息传递浏览器历史记录管理MIME类型和协议处理程序注册详细答案>>

10. HTML5中LocalStorage的用途是什么?

在使用Cookie完成HTML5 LocalStores之前。 Cookies对于大量数据不是很好,因为每次请求都将它们传递给服务器,因此它非常缓慢且无效。在HTML5中,不是每个服务器请求都传递数据,而是仅在需要时使用。 在不影响网站性能的情况下,可以存储大量数据。数据存储在不同网站的不同区域中,并且网站只能访问其自身存储的数据。为了创建本地存储,只需要像下面这样调用localStorage对象,就可以存储名称和地址。参考以下示例代码: <script type="text/javas...详细答案>>

11. 可以在HTML5中列出新的输入(input)类型属性吗?

是的,可以在HTML5中使用以下新的输入类型属性: tel输入的是电话号码类型search输入字段是搜索字段url输入字段是网址(URL)email输入字段是一个或多个电子邮件地址datetime输入字段是日期和/或时间date输入字段是日期month输入字段是一个月week输入字段是一周time输入值是时间类型datetime-local输入字段是本地日期/时间number输入字段是一个数字。range输入字段是在给定范围内的数字。color输入字段是十六进制颜色,如#82345cplacehold...详细答案>>

12. HTML5的新功能有哪些?

HTML5中一些最有趣的新功能: 2D绘图的<canvas>元素。用于播放媒体的<video>和<audio>元素。支持本地存储。新的特定于内容的元素,例如<article>,<footer>,<header>和<nav>等。详细答案>>
注: 此试题仅作为相关知识水平测试,不能作为权威试题和答案。非商业转载注明原文链接即可;商业转载需本站授权同意。