https://www.nowcoder.com/ta/front-end-interview?query=&asc=true&order=&page=3
1.说一下HTML5的新特性?
https://blog.csdn.net/chandoudeyuyi/article/details/69206236
1.1 新标签
(1)<canvas>
HTML5 <canvas> 元素用于图形的绘制,<canvas> 标签只是图形容器,本身是没有绘图能力,所有的绘制工作必须在脚本(一般是JavaScript)内部完成。
(2)<audio>和<video>
在网页上嵌入音频元素的标准,使用 <audio> 元素,嵌入视频的标准方法,使用<video>元素。
(3)input元素的新类型
提供了更好的输入控制和验证。color、date、datetime、datetime-local、email、month、number、range、search、tel、time、url、week。
1.2 新的表单元素和表单属性
- 表单元素:<datalist>,<keygen>,<output>
- <form> 和 <input>标签添加了几个新属性:autocomplete等
1.3 语义元素
HTML5提供了新的语义元素来明确一个Web页面的不同部分。<header>,<nav>,<section>,<article>,<aside>,<figcaption>,<figure>,<footer>。
1.4 地理定位
HTML5 Geolocation API 用于获得用户的地理位置。鉴于该特性可能侵犯用户的隐私,除非用户同意,否则用户位置信息是不可用的。
1.5 拖放
拖放是一种常见的特性,即抓取对象以后拖到另一个位置。在 HTML5 中,拖放是标准的一部分,任何元素都能够拖放。
(1)首先,为了使元素可拖动,把 draggable 属性设置为 true
(2)拖动什么 - ondragstart 和 setData()
(3)放到何处 - ondragover
(4)进行放置 - ondrop
1.6 Web存储
Web Storage DOM API 为Web应用提供了一个能够替代cookie的Javascript解决方案
- sessionStorage—客户端数据存储,只能维持在当前会话范围内。sessionStorage 方法针对一个 session 进行数据存储。当用户关闭浏览器窗口后,数据会被删除。
- localStorage—客户端数据存储,能维持在多个会话范围内。
2.谈一下对语义化的理解?
3.HTML和XML?
XML,即扩展标记语言(EXtensible Markup Language),它 不是 HTML 的替代。XML 和 HTML 为不同的目的而设计,HTML 旨在显示信息,而 XML 旨在传输信息。
- XML 被设计为传输和存储数据,其焦点是数据的内容。
- HTML 被设计用来显示数据,其焦点是数据的外观。