一: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. 论山寨手机与Android联姻 【8】 自己动手做XP手机

    2010年1月20日,ViewSonic在北京发布了一款真正意义的电脑手机VCP08.根据商家的宣传,VCP08之所以能够被称为真正的电脑手机,是因为“该机做到了把真正的WindowsXP操作系统嵌入 ...

  2. Delphi下获取IE的UserAgent的方法

    方法一:使用SHDocVw, MSHtml单元提供的一些方法利用浏览器的特性来获取. uses SHDocVw, MSHtml; function GetUserAgent: string;var   ...

  3. C#中通过Process启动的外部第三方程序MainWindowHandle句柄为0

    原文 C#中通过Process启动的外部第三方程序MainWindowHandle句柄为0 前几天遇到了一个在C#的winform程序中,启动一个第三方jar程序,并修改jar运行窗体的标题的问题. ...

  4. iOS多线程总结（一）NSThread

    多线程,简而言之,就是提供代码的多个执行路径,对于App性能和用户体验都有着至关重要的意义.在iOS开发中,Apple提供了不同的技术支持多线程编程,主要有NSThread.NSOperationQu ...

  5. denoising autoencoder

    神经网络的挑战和关键技术: 1.神经网络结构决定(层,神经元,连接)    加入特定领域的知识(CNN 图片处理) 2.模型复杂度高    大的数据量:    regularization:  dro ...

  6. 普林斯顿大学算法课 Algorithm Part I Week 3 归并排序 Mergesort

    起源:冯·诺依曼最早在EDVAC上实现 基本思想: 将数组一分为(Divide array into two halves) 对每部分进行递归式地排序(Recursively sort each ha ...

  7. [Oracle] - 性能优化工具（3） - ADDM

    ADDM 通过检查和分析AWR获取的数据来推断Oracle数据库中可能的问题.并给出优化建议. 获取ADDM的方法例如以下: @?/rdbms/admin/addmrpt.sql 以下能够看一个样例: ...

  8. UINavigationController技巧<一>——修改返回按钮的标题

    UINavigationController 一般push到另一界面后,返回按钮标题便是上一页面的title,但是对于push的第一页或者是上一页面没有title的,返回按钮标题便是默认back,如图 ...

  9. oracle&&Sqlserver获取表名列名主键及数据类型

    SQlserver获得列名,列类型,列类型长度,scale,prec等数据类型(syscolumns,systypes,sysobjects均为视图) select a.name as colname ...

  10. 浏览器返回按钮不会触发onLoad事件

    最近在做一个移动端项目,发现移动端某些返回和PC端是有差异的, 比如ios中返回按钮是直接使用缓存的, 不会执行任何js代码, 这个问题很蛋疼, 例如, 在提交的时候将按钮设置为loading状态, ...