1、contentEditable
html5为大部分html元素添加了contentEditable属性如果该属性设为true将允许开发者直接编辑里面的内容
看个例子:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<table border="1" cellspacing="0" style="border-collapse:collapse" name="table_list" contenteditable="true" >
<caption><p>课程表</p></caption>
<tr>
<th></th>
<th align="center">周一</th>
<th>周二</th>
<th>周三</th>
<th>周四</th>
<th>周五</th>
<th>周六</th>
<th>周日</th>
</tr>
<tr>
<td>第一节</td>
<td>大四自习</td>
<td>大四自习</td>
<td>上课</td>
<td>上课</td>
<td>大四自习</td>
<td rowspan="12">休息</td>
<td>上课</td>
</tr>
<tr>
<td>第二节</td>
<td>大四自习</td>
<td>大四自习</td>
<td>上课</td>
<td>上课</td>
<td>大四自习</td>
<td>上课</td>
</tr>
</table>
</body>
</html>
此表格将会变为可编辑状态 qq的在线编辑文档就是以此为底层封装对象
还提供了isContentEditable属性是否可编辑状态
2、HTML5头部和元信息
srcipt:该元素用于包含javascript脚本
nosrcipt:用于禁用了javascript脚本或不支持的浏览器显示提示信息
style:用于定义css样式
link:链接图标
title:用于定义文档标题
base定义该链接中所有链接的基准路径
meta:定于html页面元数据
2.1、link元素
href:指定链接资源的url
hreflang:链接资源的语言
media:链接资源用那些设备
rel:文档与链接的关系
sizes:指定图标大小 只有rel是icon时才起作用
type:指定链接的MIME类型
例如:link元素载入css样式
<link href="out.css" rel = "stylesheet" type="text/css"/>
定义页面图标
<link href="java.ico" rel = "shortcut icom" type="text/css"/>
2.2、base元素
href:所有链接的基准路径
target:超链接默认那个窗口执行
<base target="_blank" href="http://www.crazyit.org"/>
<a href="index.php">asda</a>
显示的url为http://www.crazyit.org/index.php
2.3、 meta元素
http-equiv:指定元信息的名称,该属性制定的名称有特殊意义
name:元属性名称,该名称值任意
content:指定元属性值
charset:指定该界面字符集
网页指定有效的关键字有利于搜索引擎收录本站点
http-equiv:指定的值
expires:网页过期时间 ,一旦过期需要重新下载