h5新加标签

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<!-- <form autocomplete="on"><!--自动补全-->
<!--<input type="email" />
<input type="number" min="1" max="10" step="2"/>
<input type="range" min="1" max="30" step="2"/>
<input type="color" />
<input type="date" />
<input type="month" />
<input type="week" />
<input type="tel" />
<input type="url"/>
<input type="submit" value="提交"/>-->
<!--<input type="text" list="tarlist"> 下拉列表,输入字母可以提示信息
<datalist id="tarlist">
<option>beijing</option>
<option>shanghai</option>
<option>xiamen</option>
<option>chongqing</option>
<option>changsha</option>
</datalist>
<input type="text" autofocus="autofocus" />自动获取焦点-->
<!--<form action="index.html" method="post" id="index">
<input type="text" name="username"/>
<input type="submit" />
</form>
<input type="password" form="index"/>提交信息给下一个页面,form后面为下一个页面的id
<form action="index.html" method="post" id="index">
<input type="text" name="username"/>
<input type="text" name="psw" formaction="form1"/>把值提交到id为form1的页面
<input type="submit" />
</form>-->
<form>
<input type="text" required="required"/><!--输入值不能为空,必须有输入值-->
<input type="text" placeholder="请输入用户名" /><!--在输入框中提示该输入什么信息-->
<p contenteditable="true">ergfsss</p><!--可以往里面输入内容-->

<p hidden="hidden">3233</p><!--隐藏-->
<a href="a" tabindex="2">fwdc</a><!--设置tab键选择时默认顺序-->
<a href="a" tabindex="1">vre</a>

</form>
</body>
</html>

时间: 2024-10-17 17:02:57

h5新加标签的相关文章

H5新标签(适合新手入门)

H5新标签 文档类型设定 document HTML: sublime 输入 html:4s XHTML: sublime 输入 html:xt HTML5 sublime 输入 html:5 <!DOCTYPE html> 字符设定 <meta http-equiv="charset" content="utf-8">:HTML与XHTML中建议这样去写 <meta charset="utf-8">:HTML

H5新特性之语义化标签

二月底,疫情仍未过去,在家逆战学习. 说道H5新特性的语义化标签,就不得不先简单说一下它的发展史,兼容和一些语法问题. H5在经过多达近百项的修改,包括HTML和XHTML的标签,相关的API,Canvas等,性 能得到进一步提升. H5仅仅是新增添了一些内容并优化了它们,而不是全盘否定之前的旧的内容.支持Html5 的浏览器包括Firefox(火狐浏览器),IE9及其更高版本,Chrome(谷歌浏览器),Safari, Opera等以及一些国内浏览器. 对于H5语法变化不大,文件的扩展名是不变

H5新特性&#183;语义化标签

所谓[语义化],便是[见名知意]! 在笔者基础阶段学习搭建页面结构的过程中,常常使用div划分页面结构,通过给div命名才能大概知晓每个模块的功能: 而H5语义化标签的出现与补充,解决了困扰笔者的这一问题:使得页面结构的搭建,不再复杂,每个版块的功能都清晰可见>>>(*^▽^*) 下面就让我们一起看看,新添加了哪些强大的语义化标签吧!!! [借鉴出处]http://caibaojian.com/html5/ele.html 笔者也亲自验证了一部分,如下图: ①[局部]time标签的使用,

H5新特性值语义化标签

H5新特性之语义化标签 下面是一些关于H5的语义化标签,来看一下: section         类似于div,section 更偏向划分区域 article          更偏向于 内容的展示 aside           (在一边的,在一旁的,侧边) header         表示内容的头部.网页的头部.头部区域 footer          表示网页的底部.内容的底部.底部区域 nav            导航连接.导航区域 figure          表示一块独立的内

HTML5新结构标签和移动端页面布局

--------------------HTML5新结构标签--------------------1.h5新增的主要语义化标签如下: 1.header 页面头部.页眉 2.nav 页面导航 3.article 一篇文章 4.section 文章中的章节 5.aside 侧边栏 6.footer 页面底部.页脚pc端兼容需要引用对应的js脚本<script type="text/javascript" src="//cdn.bootcss.com/html5shiv/r

H5 新特性之全局属性一

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body> <!--<!DOCTYPE html>--><!--<html lang="en">--><!--<he

UWP中新加的数据绑定方式x:Bind分析总结

UWP中新加的数据绑定方式x:Bind分析总结 0x00 UWP中的x:Bind 由之前有过WPF开发经验,所以在学习UWP的时候直接省略了XAML.数据绑定等几个看着十分眼熟的主题.学习过程中倒是也没遇到麻烦.直到在园子里看到了这篇文章: http://www.cnblogs.com/gaoshang212/p/4534138.html 原来UWP的绑定中新加了个x:Bind,从文章中可以看到x:Bind的效率是很高的.找到MSDN(数据绑定)看了一下(完整的学习目录可参见: http://w

cocos2dx[3.2](14)——新字体标签Label

[唠叨] 在3.x中,废弃了2.x里的LabelTTF.LabelAtlas.LabelBMFont三个字体类,取而代之的是全新的字体标签Label. 实际上Label是将三个字体类进行了融合,进行统一的管理与渲染,这使得创建字体标签Label的方式更加统一,更加方便. 本节来学习一下3.x中新的标签类Label,如果对2.x中的三个字体类不了解的话,建议先去看看那三个类的用法,再来学习本节内容,能够更好的理解. 2.x中的旧标签类,请移步:http://shahdza.blog.51cto.c

【HTML5】---【HTML5提供的一些新的标签用法以及和HTML 4的区别】

HTML 5 是一个新的网络标准,目标在于取代现有的 HTML 4.01, XHTML 1.0 and DOM Level 2 HTML 标准.它希望能够减少浏览器对于需要插件的丰富性网络应用服务(plug-in-based rich internet application,RIA),如Adobe Flash, Microsoft Silverlight, 与 Sun JavaFX 的需求. HTML 5 提供了一些新的元素和属性,反映典型的现代用法网站.其中有些是技术上类似 <div> 和