html5与html4的区别,如何一眼区分

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

以上这个问题如果教大家看源码,可能一眼很直观的就能认出,那个是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等等

posted @ 2016-06-01 10:14  Cuntain√  阅读(1664)  评论(0编辑  收藏  举报