HTML5 新增通用属性

时间：2023-02-16 09:08:31

一: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>

HTML5 新增通用属性HTML5 新增通用属性HTML5 新增通用属性HTML5 新增通用属性

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 新增通用属性

二 : 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>

HTML5 新增通用属性    这样子表格就可以写了     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. java顺序表和树的实现

    一.顺序表 1.线性表 //java顺序表的实现,如ArrayList就是用线性表实现的,优点是查找快,缺点是添加或删除要移动很多元素,速度慢 public class SequenceList { ...

  2. Linq------各种查询语句大全

    查询Title列的第一个值 string str = db.Webs.Select(p => p.Title).FirstOrDefault(); 根据ID,查询Title列的第一个值 b.We ...

  3. tiny学习3

    这几天在埋头写自己的个星期!而且由于它是基于事件发生的次序(小时就把我的文件导出来了--呵呵.在阅读本文之前,请先看看我Blog里转贴的<TinyXML学习笔记>,相信它能给各位一个关于T ...

  4. 针对安卓java入门：方法的使用

    [修饰符]返回值类型 方法名 (形式参数表){ 程序代码; return 返回值; } 例子: public class Test { //方法一 public static void printIn ...

  5. 将DataTable转化为json对象

    private string DataTableTojson(DataTable dt)         {              List> list=new List>();    ...

  6. 深入理解yield&lpar;转&rpar;

    yield的英文单词意思是生产,刚接触Python的时候感到非常困惑,一直没弄明白yield的用法.只是粗略的知道yield可以用来为一个函数返回值塞数据,比如下面的例子: def addlist(a ...

  7. CentsOS7无网情况下安装mysql5&period;7

    1.需求就不用讲了,客户现场,*环境,银行环境,大多是没网的,所以无网安装是很有必要的 mysql下载路径:https://dev.mysql.com/downloads/mysql/ 查看自己Li ...

  8. Raize 重新编译

    最近项目用到了Raize5的日历控件, 需要在中文版本与英文版本中切换显示, 这个需要修改 RzPopups.pas, 修改了需要重新编译. 费老大劲了.   首选修改 RzBorder.pas, 不 ...

  9. unittest常用的断言方法

    unittest常用的断言方法 #msg:判断不成立时需要反馈的字符串 assertEqual(self, first, second, msg=None) --判断两个参数相等:first == s ...

  10. Microsoft VBScript 运行时错误 错误 &&num;39&semi;800a0046&&num;39&semi; 没有权限 解决方法

    首先看看是不是scrrun.dll 设置了拒绝权限(在windows/system32目录,右键文件,添加 IUSR+机器名 账户).... 一.如果您的系统提示"没有找到scrrun.dl ...

相关文章