HTML5 新增通用属性
2024-08-25 22:53:37
一: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>
最新文章
- 针对WebService服务,客户端调用时报序列化的最大项数maxItemsInObjectGraph超过65536问题
- PHP计算时间差,并返回什么时间之前发表的内容
- JavaScript学习笔记及知识点整理_2
- 2016年2月18日 JAVA基础
- ASCII码排序(未完)
- [Cycle.js] Fine-grained control over the DOM Source
- Linux系统(二)软件的安装与卸载
- 前端学习_01_css网页布局
- 关于spring定时任务被多次调用的问题
- 8 个实用的 Bootstrap 3 案例教程
- 实现网站页面的QQ临时会话,分享到空间微博等按钮.
- Java_01初识
- margin的垂直方向塌陷
- 强联通分量-tarjan算法
- HTML元素被定义为块级元素或内联元素。那么什么是块级元素,什么是内联元素呢
- 剑指Offer-表示数值的字符串
- python 常用的模块
- Modelsim SE 破解教程
- sql语句之from子句
- 让QtCreator在调试时显示字符串 Qt调试助手 QtDebuggingHelper qtc-debugging-helper
热门文章
- perl 公交车查询
- 杭电oj 2095 &; 异或^符号在C/C++中的使用
- Android系统移植与调试之------->;如何修改Android设备的开机第二阶段Logo
- POJ1042 Gone Fishing
- 飘逸的python - 赛程表算法
- python 网页爬虫+保存图片+多线程+网络代理
- CodeForces463C Gargari and Bishops(贪心)
- LA - 5031 - Graph and Queries
- android手动改动density(dpi)的方法
- HBASE学习笔记--shell