HTML5新增标签1

原创 2015年11月18日 22:00:10
<span style="font-size:18px;"><!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>HTML新增标签</title>
<style type="text/css">
header,nav,section,footer{
width:750px;
height:40px;
border:#ccc solid 1px;
margin-bottom:5px;
margin:auto;
}
aside,article{
width:300px;
float:left;
border:#ccc solid 1px;
margin-left:5px;
}
</style>
</head>


<body>
<center>HTML5语义标签</center><br/>
<header>头部</header>
<nav>导航</nav>
<section>
<aside>左侧</aside>
    <article>文章</article>
</section>
<footer>脚</footer>
<hr/>
<center>HTML新增属性</center><br/>
<form>
用户:<input type="text" name="username" required placeholder="请输入姓名..." autofocus><br/>
<input type="submit" name="submit" value="submit"><br/>
邮件:<input type="email" name="email"><br/>
日期:<input type="date" name="date"><br/>
网址:<input type="url" name="url"><br/>
电话:<input type="number" name="number"><br/>
亮度:<input type="range" min="0" max="200" name="range"><br/>
颜色:<input type="color"><br/>
搜索:<input type="text" list="city">
<datalist id="city">
<option>北京</option>
    <option>南京</option>
    <option>上海</option>
</datalist>
<input type="submit" value="提交"><br/>
地址:<br/>
<select>
<optgroup label="江苏">
    <option>南京</option>
        <option>苏州</option>
    </optgroup>
    <optgroup label="浙江">
    <option>杭州</option>
        <option>温州</option>
    </optgroup>
</select>
</form>
</body>
</html>
<span style="color:#ff0000;">代码已经经过测试,可以直接运行。</span></span>

版权声明:本文为博主原创文章,未经博主允许不得转载。

相关文章推荐

1.html5语义化标签及表单新增控件和特性

测试markdown编辑器。
  • YuhNagi
  • YuhNagi
  • 2016年10月30日 16:38
  • 1518

HTML5网页设计标签1

课上学的皮毛。

谈下html5的标签,h1到h6的一些见解

互联网最初是用于大学和最初在网上发表的任何风格倾向于看起来更像一个大纲,而不是一个将从一本杂志上读到一篇文章。 标题被安置在标记内,显示页面上的更大。字幕就在 标签和标签收缩较小字体大小和隐式的相对...

HTML5标签的语义认知和理解(1)

随着服务器的处理能力越来越大,互联网级开发终于开始全面火热(前几年我和很多人说,不要光关注所谓企业级开发,未来马上将进入互联网级开发),HTML5的预热为前端技术带来了更多机会和热点。我用的是VS20...

HTML5标签(1)

HTML5标签按照功能划分为以下几类:基础、格式、表单、框架、图像、音频/视频、链接、列表、表格、样式/节、元信息、编程 1. 基础 基础标签有, , to , , , html标签和body标签...

HTML5新增标签和属性简介

  • 2011年11月21日 15:49
  • 31KB
  • 下载

HTML5基础知识整理(一)—— 新增标签和属性

HTML5新特性的浏览器支持情况 http://www.caniuse.com/#index

html5中新增的一些语义化标签

用于对网站或应用程序中页面上的内容进行分块。通常由内容及其标题组成。 代表文档、页面或应用程序中独立的、完整的、可以独自被外部引用的内容。当我们描述一件具体的事物的时候,通常使用article来...

HTML5新增标签总结和说明

摘要: HTML5出来这么久,都没有真正的理解和花时间去看,经常看到一些网页的里面包含很多陌生的标签元素,一直不清楚是什么功能。像、。 其实这两个标签和的功能一样仅仅是一个块级元素没有任何的样式和功能...

HTML5新增标签

articleasideaudiocanvascommanddatalistdetailsembed figcaptionfigurefooterheaderhgroupkeygenmarkmenum...
  • pangni
  • pangni
  • 2011年02月25日 19:37
  • 1945
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:HTML5新增标签1
举报原因:
原因补充:

(最多只允许输入30个字)