Page 63 - AngularJS权威教程

8.1 指令：自定义 HTML 元素和属性 43

1

第8章 2

指令简介
3

4

作为Web开发者我们都非常熟悉HTML。下面简单回顾一下并统一我们对这个最基本的Web 5
技术的认识。
1. HTML文档 6

HTML文档是一个纯文本文件，包含了页面的结构以及由CSS定义的样式，或者可以操作样
式的JavaScript代码。 7
2. HTML节点
8
HTML节点是嵌套在另一个元素内的元素或一串字符。除了文本节点外，所有元素都是节点。
3. HTML元素 9

HTML元素由一个开始标签和一个结束标签组成。
4. HTML标签 10

HTML标签用来标记元素的开始和结束。标签本身用尖括号来声明。
11
开始标记的名字会同时被当作元素的名字，同时标签还会包含用来修饰元素的属性。

5. 属性
12
属性用来给HTML元素添加额外的信息。这些属性设置在开始标记中。可以使用形如
key="value"的键值对设置它们，或者只设置键。
13
我们看看<a>超链接标签，它可以创建从一个页面到另一个页面的链接：很多标签和超链接
标签一样，会有很多特殊的属性，这些属性就好比标签的参数。例如，超链接标签的href属性会 14
激活该标签的行为，同时在大多数浏览器中会将开始和结束标记中间的文本转换为默认的蓝色。

<a href="http://google.com"> 15
Click me to go to Google</a>
<a>标签定义了一个从当前页面到本站或站外另一个页面之间的链接，href属性定义了链接
的目标。 16
而下面这个按钮元素则与此非常不同：
17
<button href="http://google.com"
type="submit">Click me</button>
18
默认情况下超链接标签是蓝色且有下划线的，而按钮标签在浏览器中看起来是一个可点击的按钮。