HTML5的新特性(面试必备)

面试前端的时候,有可能面试官会问你,让你谈谈对HTML5的认识。在教材上有关于HTML5新特性的概述,我觉得有必要整理一下,可以让自己对HTML5有一个比较全面的认知。

  HTML5不仅仅是HTML规范的当前最新版本,也代表了一系列Web相关技术的总称,其中最重要的3项技术就是HTML5核心规范、CSS3(层叠样式表的最新版本)和JavaScript(一种脚本语言,用于增强网页的动态功能)。

  它的新特性:

  1.进化而非颠覆

  试想,如果HTML5否定了之前的HTML文档,各种大大小小的网站都要重写,那么HTML5带来的就不是惊喜而是惊吓!实际上,HTML5的一个核心的理念就是保持一切新特性与原有功能保持过渡。在开发HTML5时,开发者还着重研究了以往HTML网页设计的一些通用行为,把代码重复率很高的功能提取为HTML5新标签,如<header>,<nav>等 。

  2.化繁为简

  HTML5以"简单至上,尽可能简化"为原则做了以下改进。

  简化了DOCTYPE和字符集声明  。

  强化了HTML5API,使页面设计更加简单。

  以浏览器的原生能力代替复杂的JavaScript代码。

  精确定义的错误恢复机制,如果页面上有错误,也不会影响整个页面的显示。

  3.良好的用户体验

  HTML5规范的以"用户至上"为宗旨。也就是说,在遇到冲突时,规范的优先级为:用户>页面作者>实现者(浏览器)>规范开发者(W3C/WHATWG)>纯理论。除此之外,HTML5还引入了一种新的安全模型来保证HTML5足够安全。

  

原文地址:https://www.cnblogs.com/mmit/p/11468664.html

时间: 2024-10-10 18:55:02

HTML5的新特性(面试必备)的相关文章

HTML5 基本新特性总概

html5 什么是html5:html5是下一代的HTML,将成为html.xhtml以及HTML DOM的新标准. 参考: HTML5的十大新特性 前端面试必备之html5的新特性 HTML5 1.语义化元素 1.1结构元素 标签 描述 article 表示与上下文不相关的独立内容区域 aside 定义页面的侧边栏区域 header 定义页面头部区域 hgroup 用于对页面中一个区域或整个页面的标题进行组合 footer 定义页面的底部区域 section 定义文档中的节段 nav 定义页面

HTML5的新特性和优缺点

HTML5的新特性 1. 语义特性(Class:Semantic) HTML5赋予网页更好的意义和结构.更加丰富的标签将随着对RDFa的微数据与微格式等方面的支 持,构建对程序.对用户都更有价值的数据驱动的Web. 2. 本地存储特性(Class: OFFLINE & STORAGE) 基于HTML5开发的网页APP拥有更短的启动时间,更快的联网速度,这些全得益 于HTML5 APP Cache,以及本地存储功能.Indexed DB(html5本地存储最重要 的技术之一)和API说明文档. 3

HTML5的新特性及技巧分享总结

原文链接:http://www.aseoe.com/show-10-645-1.html?utm_source=tuicool&utm_medium=referral 1. 新的Doctype 尽管使用<!DOCTYPE html>,即使浏览器不懂这句话也会按照标准模式去渲染 所有浏览器都支持 <!DOCTYPE> 声明. <!DOCTYPE> 声明不是 HTML 标签:它是指示 web 浏览器关于页面使用哪个 HTML 版本进行编写的指令. 在 HTML 4.

HTML5的新特性

HTML5 中的一些有趣的新特性: 用于绘画的 canvas 元素 用于媒介回放的 video 和 audio 元素 对本地离线存储的更好的支持 新的特殊内容元素,比如 article.footer.header.nav.section 新的表单控件,比如 calendar.date.time.email.url.search 一.html5视频: 直到现在,仍然不存在一项旨在网页上显示视频的标准. 今天,大多数视频是通过插件(比如 Flash)来显示的.然而,并非所有浏览器都拥有同样的插件.

html5标准新特性及其使用技巧

运用html5新特性,首先需要声明头文件,其实浏览器不认识头也会照最新标准渲染.声明后网站结构如下:1 <!DOCTYPE html> <html><head> <!--html lang="zh-cmn-Hans"--> <meta charset="UTF-8"> <!--<link rel="stylesheet"type="text/css"hre

28个你必须知道的HTML5的新特性,技巧以及技术

原文来自:http://justjavac.com/html5/2012/04/05/25-html5-features-tips-and-techniques-you-must-know.html 1. 新的Doctype 尽管使用<!DOCTYPE html>,即使浏览器不懂这句话也会按照标准模式去渲染 2. Figure元素 用<figure>和<figcaption>来语义化地表示带标题的图片 <figure> <img src="p

使用Modernizr探测HTML5/CSS3新特性

HTML5, CSS3以及相关技术(例如canvas和web sockets)带来了非常有用的特性,可以让我们的web程序提升一个新的level.这些新技术允许我们只用HTML,CSS和JavaScript 就可以构建包括在平板和移动设备上能够运行的多样化表单页面.HTML5虽然提供了很多新特性,但是如果我们不考虑旧版本的浏览器就是用这些新技术也不太 现实,老版本浏览器已经使用了很多年,我们依然需要考虑这些版本的兼容性问题.本文要解决的问题就是:在我们使用HTML5/CSS3技术的时候,如何更

开发者必须知道的HTML5十五大新特性

HTML5想必大家都很熟悉了,因为太多的媒体在讨论这一技术.然而,你能准确地说出HTML5带来了哪些新特性吗?本文总结了HTML5带来的15项你必须知道的新特性. 一起来看下: 1.新的文档类型  (New Doctype) 目前许多网页还在使用XHTML 1.0 并且要在第一行像这样声明文档类型: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/x

使用 HTML5 History 新特性增强 Ajax 的体验(转)

一. 场景再现 如大家熟知,Ajax 可以实现页面的无刷新操作,但会造成两个与普通页面操作(有刷新地改变页面)有着明显差别的问题—— URL 没有修改以及无法使用前进.后退按钮.例如常见的 Ajax 分页,在第一页点击第二页的链接,Ajax 分页完成后浏览器地址栏上显示的 URL 依然是第一页的 URL,使用后退按钮也无法回到第一页.url 的改变代表一个标识,在传统的网页体验中,内容的变更伴随 url 的改变,url 的改变.前进和后退按钮三者之间更加形成一种独特的导航体验,而 Ajax 破坏