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等等
最新文章
- VS2010 支持 CSS3
- B,B+,B-,B*树
- 解决github push错误The requested URL returned error: 403 Forbidden while accessing
- 读取Config文件工具类 PropertiesConfig.java
- git 版本库回滚(转载)
- Centos 6.4 安装elasticsearch+kibana
- MVC——分页控件
- Ubuntu 使用wget 命令下载JDK
- 2015 Multi-University Training Contest 8
- Hibernate (一)
- javaWeb学习之页面js树
- 20164305 徐广皓 Exp2 后门原理与实践
- open-falcon监控nginx
- JAVA 多线程(1):synchronized
- [leetcode]Regular Expression Matching @ Python
- sklearn的快速使用
- htpasswd命令的使用
- Python endswith() 方法
- Java从零到企业级电商项目实战
- Manual install on Windows 7 with Apache and MySQL