<html>
<head>
<meta charset=utf-8>
<title>test</title>
<style>
a {
cursor: pointer
font-size: 14px
text-decoration: none
}
#GG {
width: 400px
height: 200px
border: 1px solid black
padding: 18px
display: none
}
</style>
<script>
window.onload = function() {
CC.onclick = function() {
var dis = GG.currentStyle ? GG.currentStyle.display : getComputedStyle(GG, false).display
GG.style.display = dis != "none" ? "none" : "block"
}
var as = GG.getElementsByTagName("a")
for (var i = 0 i < as.length i++) {
as[i].onclick = function() {
CC.innerHTML = this.innerHTML
GG.style.display = "none"
}
}
}
</script>
</head>
<body>
<button id="CC">DD</button>
<div id="GG"> <a href="###">
罗湖区
</a>
<a href="###">
福田区
</a>
<a href="###">
南山区
</a>
<a href="###">
宝安区
</a>
</div>
</body>
</html>
HTML5与HTML4区别如下：
1、语法简化
HTML、XHTML的DOCTYPE、html、meta、script等标签，在HTML5中有大幅度的简化。
2、统一网页内嵌多媒体语法
以前，在网页中播放多媒体时，需要使用ActiveX或Plug-in的方式来完成。有了HTML5之后，使用<video>或<audio>标签播放视频和音频，不需要在安装其他的什么来播放了。
3、新增了语义标签
为了增加网页的可读性，HTML5增加了<header>、<footer>、<section>、<article>、<nav>、<hgroup>、<aside>、<figure>语义标签。
4、HTML5废除了一些旧标签
废除的大部分是网页美化方面的标签，例如：<big>、<u>、<font>、<basefont>、<center>、<s>、<tt>。对<frame>框架，不能使用。
5、全新的表单设计
表单是网页设计者最常用的功能，HTML5对表单做了很大的更改，不但新增了几项新的标签，对原来的<form>标签也增加了许多属性。
6、新增了<canvas>标签，可以绘制图形
HTML5新增了具有绘图功能的<canvas>
扩展资料HTML5新特征
1、表单是实现用户与页面后台交互主要组成部分，HTML5在表单的设计上功能更加强大。input类型和属性的多样性大大地增强了HTML可表达的表单形式，再加上新增加的一些表单标签，使得原本需要JavaScript来实现的控件，可以直接使用HTML5的表单来实现。
2、HTML5较之传统的数据存储有自已的存储方式，允许在客户端实现较大规模的数据存储。为了满足不同的需求，HTML5支持DOM Storage和Web SQL Database 两种存储机制。
其中，DOM Storage 适用于具有key/value对的基本本地存储；而WebSQLDatabase是适用于关系型数据库的存储方式，开发者可以使用SQL语法对这些数据进行查询、插入等 *** 作。
3、HTML5最大特色之一就是支持音频视频，在通过增加了<audio>、<video>两个标签来实现对多媒体中的音频、视频使用的支持，只要在Web网页中嵌入这两个标签，而无需第三方插件（如Flash）就可以实现音视频的播放功能。
HTML5对音频、视频文件的支持使得浏览器摆脱了对插件的依赖，加快了页面的加载速度，扩展了互联网多媒体技术的发展空间。
参考资料来源：百度百科—html5
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）