2015年10月23日
第一个HTML5页面
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>第一个HTML5页面</title>
</head>
<body>
Hello, World!
</body>
</html>
HTML5不区分字母大小写、标记结束符以及属性是否加引号,即下列代码是等效的:
<meta charset="utf-8">
<META charset="utf-8" />
<META charset=utf-8>
html5新增功能元素
a)hgroup元素:对于整个页面或页面中的一个内容区块的标题进行组合,例:
<hgroup>...</hgroup>
在HTML4中表现为:
<div>...</div>
b)figure元素:表示一段独立的流内容,一般表示文档主体流内容中的一个独立单元。使用figcaption元素可为figure元素组添加标题,例如:
<figure>
<figcaption>标题</figcaption>
<p>内容</p>
</figure>
在HTML4中表示为:
<dl>
<h1>标题</h1>
<p>内容</p>
</dl>
c)mark元素:用来呈现突出显示或高亮的文字。mark元素的一个比较典型的应用就是在搜索结果中向用户高亮显示关键字。例:
<mark></mark>
d)time元素:表示日期或时间,也可以同时表示两者。例如:
<time></time>
HTML全局属性
全局属性就是指对任何元素都使用的属性。
1.contentEditable属性
contentEditable属性的主要功能是允许用户在线编辑元素中的内容。contentEditable是一个布尔值属性,可以被指定为true或false。此外,该属性还有一个隐藏的inherit状态
2.designMode属性
designMode属性用来指定整个页面是否可编辑,当页面课编辑时,页面中任何支持上文所述的contentEditor属性的元素都变成了可编辑状态。designMode属性只能在JavaScript脚本里被修改。该属性有两个值:on与off。属性被指定为on时,页面可编辑;被指定为off时,页面不可编辑。使用JavaScript脚本来指定designMode属性:
document.designMode="on"
3.hidden属性
在HTML5中,所有元素都允许使用一个hidden属性。当hidden为true时,元素不可见;当设为false时,元素可见。
4.spellcheck属性
spellcheck属性是HTML5针对input元素(type=text)与textarea这两个文本输入框提供的一个新属性,它的功能是为对用户输入的文本内容进行拼写和语法检查。spellcheck属性是一个布尔值的属性,具有true和false两种值,但是书写时有一个特殊的地方,就是必须明确声明属性值为true或false。示例:
<!--以下两种书写方法正确-->
<textarea spellcheck="true">
<input type="text" spellcheck="false">
值得注意的是,如果元素的readOnly属性或disabled属性设为true,则不执行拼写检查。