第1章 Web时代的变迁
不管怎么样,就是变迁了……
第2章
2.1.2 变化的标记方法
DOCTYPE声明:HTML5中刻意不使用版本声明
<!DOCTYPE html>
指定字符编码,可以且只可以使用原来的声明方法或者新的声明方法中的一种
<meta charset="UTF-8">
2.1.3 HTML5确保了与之前HTML版本的兼容性
元素一览
标签 | 描述 |
定义注释。 | |
定义文档类型。 | |
定义超链接。 | |
定义缩写。 | |
HTML 5 中不支持。定义首字母缩写。 | |
定义地址元素。 | |
HTML 5 中不支持。定义 applet。 | |
定义图像映射中的区域。 | |
定义 article。 | |
定义页面内容之外的内容。 | |
定义声音内容。 | |
定义粗体文本。 | |
定义页面中所有链接的基准 URL。 | |
HTML 5 中不支持。请使用 CSS 代替。 | |
定义文本的文本方向,使其脱离其周围文本的方向设置。 | |
定义文本显示的方向。 | |
HTML 5 中不支持。定义大号文本。 | |
定义长的引用。 | |
定义 body 元素。 | |
插入换行符。 | |
定义按钮。 | |
定义图形。 | |
定义表格标题。 | |
HTML 5 中不支持。定义居中的文本。 | |
定义引用。 | |
定义计算机代码文本。 | |
定义表格列的属性。 | |
定义表格列的分组。 | |
定义命令按钮。 | |
定义下拉列表。 | |
定义定义的描述。 | |
定义删除文本。 | |
定义元素的细节。 | |
定义定义项目。 | |
HTML 5 中不支持。定义目录列表。 | |
定义文档中的一个部分。 | |
定义定义列表。 | |
定义定义的项目。 | |
定义强调文本。 | |
定义外部交互内容或插件。 | |
定义 fieldset。 | |
定义 figure 元素的标题。 | |
定义媒介内容的分组,以及它们的标题。 | |
HTML 5 中不支持。 | |
定义 section 或 page 的页脚。 | |
定义表单。 | |
HTML 5 中不支持。定义子窗口(框架)。 | |
HTML 5 中不支持。定义框架的集。 | |
定义标题 1 到标题 6。 | |
定义关于文档的信息。 | |
定义 section 或 page 的页眉。 | |
定义有关文档中的 section 的信息。 | |
定义水平线。 | |
定义 html 文档。 | |
定义斜体文本。 | |
定义行内的子窗口(框架)。 | |
定义图像。 | |
定义输入域。 | |
定义插入文本。 | |
定义生成密钥。 | |
<isindex> | HTML 5 中不支持。定义单行的输入域。 |
定义键盘文本。 | |
定义表单控件的标注。 | |
定义 fieldset 中的标题。 | |
定义列表的项目。 | |
定义资源引用。 | |
定义图像映射。 | |
定义有记号的文本。 | |
定义菜单列表。 | |
定义元信息。 | |
定义预定义范围内的度量。 | |
定义导航链接。 | |
HTML 5 中不支持。定义 noframe 部分。 | |
定义 noscript 部分。 | |
定义嵌入对象。 | |
定义有序列表。 | |
定义选项组。 | |
定义下拉列表中的选项。 | |
定义输出的一些类型。 | |
定义段落。 | |
为对象定义参数。 | |
定义预格式化文本。 | |
定义任何类型的任务的进度。 | |
定义短的引用。 | |
定义若浏览器不支持 ruby 元素显示的内容。 | |
定义 ruby 注释的解释。 | |
定义 ruby 注释。 | |
HTML 5 中不支持。定义加删除线的文本。 | |
定义样本计算机代码。 | |
定义脚本。 | |
定义 section。 | |
定义可选列表。 | |
将旁注 (side comments) 呈现为小型文本。 | |
定义媒介源。 | |
定义文档中的 section。 | |
HTML 5 中不支持。定义加删除线的文本。 | |
定义强调文本。 | |
定义样式定义。 | |
定义下标文本。 | |
定义 details 元素的标题。 | |
定义上标文本。 | |
定义表格。 | |
定义表格的主体。 | |
定义表格单元。 | |
定义 textarea。 | |
定义表格的脚注。 | |
定义表头。 | |
定义表头。 | |
定义日期/时间。 | |
定义文档的标题。 | |
定义表格行。 | |
定义用在媒体播放器中的文本轨道。 | |
HTML 5 中不支持。定义打字机文本。 | |
HTML 5 中不支持。定义下划线文本。 | |
定义无序列表。 | |
定义变量。 | |
定义视频。 | |
<xmp> | HTML 5 中不支持。定义预格式文本。 |
属性一览
属性 | 值 | 描述 |
accesskey | character | 规定访问元素的键盘快捷键 |
class | classname | 规定元素的类名(用于规定样式表中的类)。 |
contenteditable |
| 规定是否允许用户编辑内容。 |
contextmenu | menu_id | 规定元素的上下文菜单。 |
data-yourvalue | value | 创作者定义的属性。 HTML 文档的创作者可以定义他们自己的属性。 必须以 "data-" 开头。 |
dir |
| 规定元素中内容的文本方向。 |
draggable |
| 规定是否允许用户拖动元素。 |
hidden | hidden | 规定该元素是无关的。被隐藏的元素不会显示。 |
id | id | 规定元素的唯一 ID。 |
item |
| 用于组合元素。 |
itemprop |
| 用于组合项目。 |
lang | language_code | 规定元素中内容的语言代码。语言代码参考手册。 |
spellcheck |
| 规定是否必须对元素进行拼写或语法检查。 |
style | style_definition | 规定元素的行内样式。 |
subject | id | 规定元素对应的项目。 |
tabindex | number | 规定元素的 tab 键控制次序。 |
title | text | 规定有关元素的额外信息。 |
2.4 全局属性:可以对任何元素都使用的属性。这里介绍几种
contentEditable属性
designMode属性
hidden属性
spellcheck属性
tabindex属性
3 HTML5的结构
3.1 新增的主题结构元素:article,section,nav,aside,time,pubdate
3.2 新增的非主体结构元素:header,hgroup,footer,address
3.3 HTML5结构
1 显式编排:明确使用secetion等元素创建文档结构,在每个内容区块内使用标题。(推荐!)
2 隐式编排:不明确使用section等元素,而是根据页面中所书写的各级标题等把呢荣区块自动创建出来。
3 标题分级:h1>>h6
新<旧 生成下级区块
新≥旧 生成新区块
3.3.2 对新的结构元素使用样式
追加CSS声明
//追加block声明
article,aside,dialog,figure,footer,header,legend,nav,section{display:block}
//正常使用样式
nav{float:left;width:20%}
Javascript脚步创建元素
//在脚本中创建元素
<script>
document.createElement("header");
document.createElement("nav");
document.createElement("article");
document.createElement("footer");
</script>