HTML5 新增通用属性
一:HTML5保留的常用元素
7. 表格相关元素。表格在html里还算重要的了。 <table> :用于表格定义。 cellpadding: 单元格内容和单元格边框距离 cellspacing: 单元格间距 width : 表格宽度 <caption>: 表格标题最多只额能包含一个。 <thead> : 表格头,可以有多个。 <tfoot> : 表格脚。 <tbody> : 表格体。值能包含<tr> <tr> : 行 <td> : 列 colspan: 单元格跨多少个列 rowspan: 单元格跨多少个行 height : 单元格高度 width :单元格宽度 <th> : 页眉a 栗子
- <html>
- <head>
- <title>表格栗子</title>
- </head>
- <body>
- <table border=1>
- <caption>学生升级表</caption>
- <tr>
- <th>姓名</th>
- <th>级数</th>
- <th>教练
- </tr>
- <tr>
- <td>小黄</td>
- <td>黑带一段</td>
- <td rowspan=2>大佬</td>
- </tr>
- <tr>
- <td>小红</td>
- <td>白带X段</td>
- </tr>
- </table>
- </body>
- </html>
<html>
<head>
<title>表格栗子</title>
</head>
<body>
<table border=1>
<caption>学生升级表</caption>
<tr>
<th>姓名</th>
<th>级数</th>
<th>教练
</tr>
<tr>
<td>小黄</td>
<td>黑带一段</td>
<td rowspan=2>大佬</td>
</tr>
<tr>
<td>小红</td>
<td>白带X段</td>
</tr>
</table>
</body>
</html>
8. 框架相关元素 html5删除了<frameset><frame><noframes>这3个标签。 <iframe> : 内联框架。可以显示网页或者别的。 src : URL源 栗子
- <html>
- <head>
- <title>框架栗子</title>
- </head>
- <body>
- <iframe src="www.baidu.com" width=400 height=300 />
- </body>
- </html>
<html>
<head>
<title>框架栗子</title>
</head>
<body>
<iframe src="www.baidu.com" width=400 height=300 />
</body>
</html>
二 : HTML5新增的通用属性
1. contentEditable 允许开发人员直接编辑HTML元素内容的开关量。true:false 具有继承性
- <html>
- <head>
- <title>ContentEditable</title>
- </head>
- <body>
- <div contentEditable="true">
- <table border=1>
- <caption>学生升级表</caption>
- <tr>
- <th>姓名</th>
- <th>级数</th>
- <th>教练
- </tr>
- <tr>
- <td>小黄</td>
- <td>黑带一段</td>
- <td rowspan=2>大佬</td>
- </tr>
- <tr>
- <td>小红</td>
- <td>白带X段</td>
- </tr>
- </table>
- </div>
- </body>
- </html>
<html>
<head>
<title>ContentEditable</title>
</head>
<body>
<div contentEditable="true">
<table border=1>
<caption>学生升级表</caption>
<tr>
<th>姓名</th>
<th>级数</th>
<th>教练
</tr>
<tr>
<td>小黄</td>
<td>黑带一段</td>
<td rowspan=2>大佬</td>
</tr>
<tr>
<td>小红</td>
<td>白带X段</td>
</tr>
</table>
</div>
</body>
</html>
这样子表格就可以写了 2. designMode属性 相当于全局的contentEditable属性。所有东西都可以编辑。 (有点危险,可以拿网页来当写字板啦。) 3. hidden属性 可以把标签隐藏。很好理解吧。 栗子
- <html>
- <head>
- <title>hidden</title>
- </head>
- <body>
- <div id="baidu" hidden="true">www.baidu.com</div>
- <button onclick="var baidu=document.getElementById('baidu');
- baidu.hidden=!baidu.hidden;">安安按钮</button>
- </body>
- </html>
<html>
<head>
<title>hidden</title>
</head>
<body>
<div id="baidu" hidden="true">www.baidu.com</div>
<button onclick="var baidu=document.getElementById('baidu');
baidu.hidden=!baidu.hidden;">安安按钮</button>
</body>
</html>
哎。ie9这个属性不能用。好吧。不截图了。 4. spellcheck属性 对输入文本做拼写检测。
- <html>
- <head>
- <title>spellcheck</title>
- </head>
- <body>
- <textarea spellcheck="true" row="10" cols="40" >
- </textarea>
- </body>
- </html>
HTML5 新增通用属性的更多相关文章
- HTML5新增的属性
关于html5新增的属性: HTML5现在已经不是SGML的子集,主要是增加了关于图像,位置,存储,多任务等功能. 绘画CANVAS; 用于播放媒体的video和audio元素: 本地离线存储loca ...
- HTML5新增的属性和废除的属性
HTML5中,在新增加和废除很多元素的同时,也增加和废除了很多属性. 新增的属性 1.表单相关的属性 对input(type=text).select.textarea与button指定autofoc ...
- 全栈JavaScript之路(十七)HTML5 新增字符集属性
HTML5 添加�了几个文档字符集属性. document.charset : 表示文档的实际使用的字符集. document.defaultCharset: 表示默认的字符集,跟浏览器以及操作系统设 ...
- HTML5新增常用属性
一. 代码名称语义化的好处 1.能让搜索引擎更好的收录 2.对于特殊设备如盲人设备好解析 二.article和section的区别 article(文章):独立且能被外部引用 section(章节.段 ...
- HTML5新增标签属性
----- 新类型表单 - email 自动校验输入的是不否是email 邮箱:<input type="email" name="user_email" ...
- html5新增全局属性
data-* 如:data-type,data-role等 hidden <div hidden></div> 隐藏该div spellcheck <textarea ...
- HTML5 学习总结(二)——HTML5新增属性与表单元素
一.HTML5新增属性 1.1.contextmenu contextmenu的作用是指定右键菜单. <!DOCTYPE html> <html> <head> & ...
- HTML5 学习笔记(二)——HTML5新增属性与表单元素
目录 一.HTML5新增属性 1.1.contextmenu 1.2.contentEditable 1.3.hidden 1.4.draggable 1.5.data-* 1.6.placehold ...
- HTML5新增标签与属性
目录 一.HTML5新增属性 1.1.contextmenu 1.2.contentEditable 1.3.hidden 1.4.draggable 1.5.data-* 1.6.placehold ...
随机推荐
- 论山寨手机与Android联姻 【8】 自己动手做XP手机
2010年1月20日,ViewSonic在北京发布了一款真正意义的电脑手机VCP08.根据商家的宣传,VCP08之所以能够被称为真正的电脑手机,是因为“该机做到了把真正的WindowsXP操作系统嵌入 ...
- 为Delphi程序增加UAC功能
相关资料:http://bbs.csdn.net/topics/320071356# 操作方法: 在Source\VCL目录下应该有这样两个文件sample.manifest和WindowsXP.rc ...
- js正则验证两位小数 验证数字最简单正则表达式大全
<h3>输入完按回车后即可验证!(自认为最简单!)</h3> 正整数: <input type="text" size="20&quo ...
- Cocos2d-x官方在线视频-Cocos2d-x3.2《2048》手游开发揭秘
Cocoachina 官方在线视频 http://cn.cocos2d-x.org/tutorial/lists?id=58 一.游戏介绍 2048游戏是一款风靡全球的休闲类游戏,通过控制4X4范围内 ...
- poj 2686 Traveling by Stagecoach ---状态压缩DP
题意:给出一个简单带权无向图和起止点,以及若干张马车车票,每张车票可以雇到相应数量的马. 点 u, v 间有边时,从 u 到 v 或从 v 到 u 必须用且仅用一张车票,花费的时间为 w(u, v) ...
- ASP.NET mvc4 WEB API异常处理
当一个web api抛出一个异常后 此异常会被转化成一个HTTP响应 错误代码为500的服务错误 但是如果你不想让客户端看到500的错误码 你也可以自定义错误码 如下代码当用户输入的ID没有与之相关的 ...
- 你想不到的压缩方法:将javascript文件压缩成PNG图像存储
这样可以做到很高的压缩比,到底有多高,下面会提到.这种方法用到了 canvas 控件,这也意味着只有支持 canvas 控件的浏览器下才有效. 现在你可以看到,上面的图像类似一个噪声图像,但它实际上是 ...
- C语言统计运行时间
clock()是C/C++中的计时函数,而与其相关的数据类型是clock_t. 在MSDN中,查得对clock函数定义如下: clock_t clock(void) ; 简单而言,就是该程序从启动 ...
- OpenCV学习(1) RGB颜色空间
1.1彩色空间 颜色是外来的光刺激作用于人的视觉器官而产生的主观感觉,它具有色调.饱和度和亮度三个特性.物体的颜色不仅取决于物体本身,还与光源.周围环境的颜色,以及观察者的视觉系统有关 1.1.1颜色 ...
- interview collect
1. binary tree inorder traversal 不能用recursive写 (LC原题)2. 比如有个数组F={1,3, 4, 5, 2, 0}, A=3, 那么F[A]=5, F[ ...