前端面试——HTML+CSS(续)

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 语义元素

扫描二维码关注公众号,回复: 3118286 查看本文章

     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 被设计用来显示数据,其焦点是数据的外观。

猜你喜欢

转载自blog.csdn.net/qq_21428081/article/details/82556255