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>

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

HTML5新增标签最有用的总结

HTML5新增标签:概要1. HTML5 简介: (HTML5 是目前-2017年来说,是最新的一代HTML标准)2. HTML5 一些新的规则: 新特性应该基于 HTML、CSS、DOM 以及...
  • AndyNikolas
  • AndyNikolas
  • 2017年02月06日 16:50
  • 3605

HTML5新增的标签和属性归纳

收集总结的HTML5的新特性,基本除了IE9以下都可以使用。 HTML5语法 大部分延续了html的语法 不同之处:开头的 字符编码变得简洁, 不区分大小写...
  • garvisjack
  • garvisjack
  • 2017年01月27日 11:21
  • 6740

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

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

HTML5 新增结构标签(元素)

本着学习并记录的态度,把看过的记录记录,为自己回顾用,和新人踩坑用。 注意:h5新标签用兼容性问题,不过现代浏览器基本可以不用考虑这个兼容性了。 HTML5新增主结构元素和非主结构元素...
  • u010427666
  • u010427666
  • 2016年10月16日 23:38
  • 411

HTML5新增结构标签

原文:http://www.cnblogs.com/fly_dragon/archive/2012/05/25/2516142.html 引言 在本节中,笔者将向大家讲述三部分内容,分...
  • ROVAST
  • ROVAST
  • 2016年03月23日 17:22
  • 738

HTML5 新增标签 及 不再使用标签

一  、HTML5 新增标签   1、
  • vuturn
  • vuturn
  • 2015年04月07日 15:10
  • 1901

html5 中新添加的标签以及新增表单类型

一html5新增标签1.主体结构元素包括 article、section、nav、aside、time article定义来自外部的内容 外部内容可以是来自一个外部的新闻提供者的一篇新的文章,或者来自...
  • sinat_32067081
  • sinat_32067081
  • 2016年11月19日 16:13
  • 1784

HTML5新增的标签及其功能说明

:表示页面中的一个内容区块,如章节、页眉、页脚、或者页面的其他部分。可以和、等元素结合起来使用,表示文档结构 :表示页面中一块与上下文不相关的独立内容,如一篇文章 :表示元素内容之外的并与元素内容相关...
  • Herro09
  • Herro09
  • 2016年11月05日 15:29
  • 411

HTML5新增了哪些内容或API,使用过哪些?

一、document.querySelector()和document.querySelectorAll()方法 document.querySelector():根据css选择器返回第一个匹配的元素...
  • shuidinaozhongyan
  • shuidinaozhongyan
  • 2017年06月13日 10:46
  • 2949

HTML5新增的标签及属性

HTML5新增标签及属性 一、:作用是用来定义网页的头部 二、:作用是用来定义网页的导航 三、:作用是用来定义网页的页脚 四、:作用是用来定义页面中的侧栏 五、:作用是用来定义具有独立性的文...
  • Hero4399
  • Hero4399
  • 2017年07月20日 12:51
  • 257
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:HTML5新增标签1
举报原因:
原因补充:

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