还是在面试过程中遇到的这个问题，但是当时感觉回答的不是很全面，回来以后自己做的总结；

以上这个问题如果教大家看源码，可能一眼很直观的就能认出，那个是html4，那个是html5，但是面试的时候问道这个问题，能不能够回答出来就是另一种情况了，所以我做了一下总结，如果有没有能够写到表达到的，希望大家，接着帮忙补充，一起学习，共同进步。

1、更简单的doctype声明是HTML5里众多新特征之一。现在，只需要写<!doctype html>就好了。HTML5的语法兼容HTML4和XHTML1，但不兼容SGML。简短清晰明了。

2、html5新增加了一些元素：  header（头部）、footer（底部）、menu（普通的菜单）、nav（导航链接部分）、section（内容区域块，等同于div）、article（文章内容板块，等同于div）、aside（一般用于侧边栏）、hgroup（一般用于一个标语的组合）、figure（一般表示为一个单独的元素）等等，语义的标签更利于网站的seo，同时也使项目的结构更清晰

3、添加了新的功能媒体标记标签：audio、video这俩个标签用来嵌入音频与视频

4、表单的全新输入类型：email、url、number、range、date pickers、search、color

5、html5删除了一些元素：b、font、frame、center、big

6、html5新增了一个最有特点的东西：cavers （拥有多种绘制途径、矩形、圆形、字符、以及图像的方法）

7、h5   还新增了地理定位的功能：使用 getCurrentPosition() 方法来获得用户的位置

<script>
var x=document.getElementById("demo");
function getLocation(){
if (navigator.geolocation){
navigator.geolocation.getCurrentPosition(showPosition);
}else{x.innerHTML="Geolocation is not supported by this browser.";}
}
function showPosition(position){
x.innerHTML="Latitude: " + position.coords.latitude +
"<br />Longitude: " + position.coords.longitude;
}
</script>

8、新增了存储功能，localstrage、seeionstrage等等

html5与html4的区别，如何一眼区分的更多相关文章

  1. 面试中的一些小问题之html5和html4的区别？

    HTML5建立的一些新规则: 新特性应该基于HTML.CSS.DOM.JavaScript: 减少对外部插件的需求,如flash将会用video标签和audio标签代替: 更加优秀的错误处理: 更多取 ...

  2. 翻译：HTML5与HTML4的区别

    本文选译自:W3C Working Group Note: HTML5 Differences from HTML4. 解释一下W3C Working Group Note,作为"工作组笔记 ...

  3. HTML5与HTML4的区别-----文档结构

    HTML5在结构和语法上做了大量的简化.当然,也提供了语义化的标签 结构上区别: 1.简化了文档声明语句     HTML5仅规定了一种:       <!DOCTYPE html> 2. ...

  4. HTML5系列：HTML5与HTML4的区别

    1. 语法的改变 1.1 DOCTYPE声明 DOCTYPE声明在HTML文件中必不可少,位于文件第一行. HTML4中声明方法: <!DOCTYPE html PUBLIC "-// ...

  5. Html5 与 Html4 的区别

    HTML5是HTML标准的下一个版本.虽然HTML5没有完全颠覆HTML4,但是它们也有一些不同.最新最全的HTML5-HTML4对比信息 请看http://dev.w3.org/html5/html ...

  6. WEB前端之HTML5~HTML5与HTML4的区别

    推出的理由及目标 WEB浏览器存在的问题包括以下三点 世界知名浏览器厂商对HTML5的支持 语法的改变 DOCTYPE的声明 XHTML的DOCTYPE声明方式 HTML4的DOCTYPE声明方式 H ...

  7. HTML5与HTML4的区别-----新增的常用标签

    做前端工程师这么长时间了, 对HTML5的一些标签的用法还不是很熟悉.这篇随笔算是对学过的知识的梳理.常言道,温故而知新  ~哈哈.里面有不正确的地方还望各位大牛们指正,评论. 在做网页时习惯把网页分 ...

  8. HTML5 和HTML4的区别

    1.推出理由和目标 HTml5的出现,对于web来说意义是非常重大的,因为它的意图是想要把目前web 上存在的各种问题一并解决掉. (1)web之间的兼容性很低 (2)文档结构不明确 (3)web应用 ...

  9. HTML5与HTML4的区别

    一.推出的理由及目标 web浏览器之间的兼容性很低 文档结构不够明确 web应用程序的功能受到了限制 二.语法的改变 内容类型 文件扩展名html htm  内容类型 texthtml   二者不变 ...

随机推荐

  1. php数组操作的基本函数

    数组的键名和值array_values($arr);获得数组的值array_keys($arr);获得数组的键名array_flip($arr);数组中的值与键名互换(如果有重复前面的会被后面的覆盖) ...

  2. mysql 查询去重 distinct

    mysql 查询去重 distinct   待完善内容..

  3. linux常用命令(四)

    1.压缩解压命令 gzip命令 默认为.gz格式文件 1.只能压缩文件不可压缩目录 2.不保留源文件 压缩   giz 解压   gunip tar命令 -c产生打包文件 -v显示相信打包压缩过程 - ...

  4. C++ 画星号图形——空心矩形（核心代码记录）

    int mi=(int)a; int mj=(int)b; ;i<mi;i++) { ;j<mj;j++) { ||i==mi-) cout<<"*"; | ...

  5. 【iCore3应用开发平台】发布 iCore3 应用开发平台寄存器说明

    PDF下载地址:http://pan.baidu.com/s/1qYeZROC

  6. Java实现MySQL数据库备份（二）

    权声明:本文为博主原创文章,未经博主允许不得转载. 博客<Java实现MySQL数据库备份(一)>使用I/O流的方式实现了MySQL数据库的备份,这种方法比较繁杂,下面介绍另一种备份MyS ...

  7. .net core 1.0 中的asp.net identity 的基本使用 序言

    2016年6月底,微软发不了vs2015 up3,在这个版本中,微软做了一些改变,本人目前也尚在学习使用之中,现把学习和使用的心得写出来,错误之处请大家指正. 开发环境:vs2015 UP3   项目 ...

  8. fenye

    <div class="ptb20 navpages"> <span class=" ">共有<span class=" ...

  9. find_elements后点击不了抓取的元素

    1.莫名其妙抓不到元素,要去看句柄,是不是没有切换 h=driver.current_window_handle nh=driver.window_handles for i in nh: if i! ...

  10. Thinking in Java——笔记(17)

    Containers in Depth Full container taxonomy You can usually ignore any class that begins with " ...