一:HTML5保留的常用元素

7. 表格相关元素。表格在html里还算重要的了。   <table>  :用于表格定义。    cellpadding: 单元格内容和单元格边框距离    cellspacing: 单元格间距    width      : 表格宽度  <caption>: 表格标题最多只额能包含一个。  <thead>  : 表格头，可以有多个。  <tfoot>  : 表格脚。  <tbody>  : 表格体。值能包含<tr>  <tr>     : 行  <td>     : 列    colspan: 单元格跨多少个列    rowspan: 单元格跨多少个行    height : 单元格高度    width  ：单元格宽度  <th>     : 页眉a  栗子

  1. <html>
  2. <head>
  3. <title>表格栗子</title>
  4. </head>
  5. <body>
  6. <table border=1>
  7. <caption>学生升级表</caption>
  8. <tr>
  9. <th>姓名</th>
  10. <th>级数</th>
  11. <th>教练
  12. </tr>
  13. <tr>
  14. <td>小黄</td>
  15. <td>黑带一段</td>
  16. <td rowspan=2>大佬</td>
  17. </tr>
  18. <tr>
  19. <td>小红</td>
  20. <td>白带X段</td>
  21. </tr>
  22. </table>
  23. </body>
  24. </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源  栗子

  1. <html>
  2. <head>
  3. <title>框架栗子</title>
  4. </head>
  5. <body>
  6. <iframe src="www.baidu.com" width=400 height=300 />
  7. </body>
  8. </html>
<html>

<head>

 <title>框架栗子</title>

</head>

<body>

 <iframe src="www.baidu.com" width=400 height=300 />

</body>

</html>

二 : HTML5新增的通用属性

1. contentEditable 允许开发人员直接编辑HTML元素内容的开关量。true:false        具有继承性

  1. <html>
  2. <head>
  3. <title>ContentEditable</title>
  4. </head>
  5. <body>
  6. <div contentEditable="true">
  7. <table border=1>
  8. <caption>学生升级表</caption>
  9. <tr>
  10. <th>姓名</th>
  11. <th>级数</th>
  12. <th>教练
  13. </tr>
  14. <tr>
  15. <td>小黄</td>
  16. <td>黑带一段</td>
  17. <td rowspan=2>大佬</td>
  18. </tr>
  19. <tr>
  20. <td>小红</td>
  21. <td>白带X段</td>
  22. </tr>
  23. </table>
  24. </div>
  25. </body>
  26. </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属性      可以把标签隐藏。很好理解吧。   栗子

  1. <html>
  2. <head>
  3. <title>hidden</title>
  4. </head>
  5. <body>
  6. <div id="baidu" hidden="true">www.baidu.com</div>
  7. <button  onclick="var baidu=document.getElementById('baidu');
  8. baidu.hidden=!baidu.hidden;">安安按钮</button>
  9. </body>
  10. </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属性     对输入文本做拼写检测。

  1. <html>
  2. <head>
  3. <title>spellcheck</title>
  4. </head>
  5. <body>
  6. <textarea spellcheck="true" row="10" cols="40" >
  7. </textarea>
  8. </body>
  9. </html>

HTML5 新增通用属性的更多相关文章

  1. HTML5新增的属性

    关于html5新增的属性: HTML5现在已经不是SGML的子集,主要是增加了关于图像,位置,存储,多任务等功能. 绘画CANVAS; 用于播放媒体的video和audio元素: 本地离线存储loca ...

  2. HTML5新增的属性和废除的属性

    HTML5中,在新增加和废除很多元素的同时,也增加和废除了很多属性. 新增的属性 1.表单相关的属性 对input(type=text).select.textarea与button指定autofoc ...

  3. 全栈JavaScript之路（十七）HTML5 新增字符集属性

    HTML5 添加�了几个文档字符集属性. document.charset : 表示文档的实际使用的字符集. document.defaultCharset: 表示默认的字符集,跟浏览器以及操作系统设 ...

  4. HTML5新增常用属性

    一. 代码名称语义化的好处 1.能让搜索引擎更好的收录 2.对于特殊设备如盲人设备好解析 二.article和section的区别 article(文章):独立且能被外部引用 section(章节.段 ...

  5. HTML5新增标签属性

    ----- 新类型表单 - email 自动校验输入的是不否是email 邮箱:<input type="email" name="user_email" ...

  6. html5新增全局属性

    data-* 如:data-type,data-role等 hidden  <div hidden></div> 隐藏该div spellcheck <textarea ...

  7. HTML5 学习总结（二）——HTML5新增属性与表单元素

    一.HTML5新增属性 1.1.contextmenu contextmenu的作用是指定右键菜单. <!DOCTYPE html> <html> <head> & ...

  8. HTML5 学习笔记（二）——HTML5新增属性与表单元素

    目录 一.HTML5新增属性 1.1.contextmenu 1.2.contentEditable 1.3.hidden 1.4.draggable 1.5.data-* 1.6.placehold ...

  9. HTML5新增标签与属性

    目录 一.HTML5新增属性 1.1.contextmenu 1.2.contentEditable 1.3.hidden 1.4.draggable 1.5.data-* 1.6.placehold ...

随机推荐

  1. delphi 打开文件夹并定位到一个文件（使用ShellExecute时加一个select参数，原来这么简单！）

    strFileName := FcxLV[nIndex].Items.Item[FcxLV[nIndex].ItemIndex].SubItems.Strings[0]; //路径  ShellExe ...

  2. FastJSON应用前测试

    FastJSON 应用前测试 FastJSON是一个很好的java开源json工具类库,相比其他同类的json类库,它的速度的确是fast,最快!但是文档做得不好,在应用前不得不亲测一些功能.\ 实际 ...

  3. openjpa框架入门_项目框架搭建(二)

    Openjpa2.2+Mysql+Maven+Servlet+JSP 首先说明几点,让大家更清楚整体结构: 官方source code 下载:http://openjpa.apache.org/dow ...

  4. C# 图片压缩 开源库

    http://www.rasteredge.com/how-to/csharp-imaging/image-compressing/ http://www.rasteredge.com/dotnet- ...

  5. 创业青年：刘霞（YBC推荐）_CCTV.com_中国中央电视台

    创业青年:刘霞(YBC推荐)_CCTV.com_中国中央电视台 创业青年:刘霞(YBC推荐) CCTV.com  2009年06月23日 09:57  进入复兴论坛  来源:央视网       姓名 ...

  6. 解决ubuntu 14.04删ibus导致系统设置项目的损失后，，退出关机问题是不正常的

    已安装sogou第一篇文章.嫌ibus碍眼,习惯性删.我没想到会引起一系列问题.退出登录用户崩溃.系统设置非常多的项目. 它似乎ubuntu 14.04于ibus它不能被卸载(卸载iBus本身没有问题 ...

  7. [ACM] hdu 1003 Max Sum（最大子段和模型）

    Max Sum Time Limit: 2000/1000 MS (Java/Others)    Memory Limit: 65536/32768 K (Java/Others) Total Su ...

  8. python单/双下划线使用

    在Python编程中经常会遇到函数(function),方法(method)及属性(attribute)以下划线'_'作为前缀,这里做个总结. 主要存在四种情形: 1. object # public ...

  9. 利用分布类防止EF更新模型丢失验证信息

    数据库表TT,EF生成的model是这样的.在这里添加代码,从数据库更新模型是会冲掉. //------------------------------------------------------ ...

  10. SVN报错：can't open file db/txn-current-lock:permission denied 解决方法

    其实这个问题是这样的.下面我举个例子:比如版本库SVN是root用户创建的但是启动服务的时候没有选择root启动,而是在其他用户转托管太下启动的,所以只能读不能写. 解决方法:停止svn服务:kill ...