单标签组成的元素 这类标签不需要内容产生效果,通常表示对网页的某种行为,它们不用标记任何内容,开始即是结束。 比如,<hr>标签的作用是在网页中添加一条分割线,它仅包含开始标签,是一个单标签元素。 |
有时我们还需要为元素添加更多的信息,解决诸如下面的问题:
这个元素的颜色是什么?
元素内容使用了哪一种语言?
元素展示了哪一张图片?
...
此时,我们可以在标签中添加属性。
属性
定义
HTML 属性(或简称为属性)能够为 HTML 标签提供一些额外信息。
隐喻
若把HTML标签比作商品的吊牌,属性就是吊牌上用来描述商品的附加信息。
属性可以为网页元素提供更多信息, 它总是以属性名/值对的形式出现。 右边展示了网页中常见的两个属性。 |
HTML 属性有很多,大致可以分为下面两种类型:
通用属性:适用于大部分或者所有 HTML 标签;
专用属性:只适用于一个或者几个特定的 HTML 标签。
我们会在后面的课程中陆续学习每个属性的用法与分类。
设置属性的位置 一个标签可以没有属性,也可以有一个或多个属性。 属性需要设置在开始标签后,并使用空格与标签名分开,格式为<标签名 属性1 属性2>。 |
属性的结构 通常情况下,HTML属性由属性名与属性值两个部分组成,结构为属性名="属性值"。 需要注意的是,属性值中的内容需要放在一对引号中。 |
一个基本的HTML文档。
右图展示了一个简易的网页,它会在屏幕中显示:
“第一个网页”。
HTML 文档的最外层结构由两个元素确定: 第一个元素是:DOCTYPE; 第二个元素是:HTML。 | |
<!DOCTYPE html> <!DOCTYPE html>是一个特殊的标签,总是放在HTML文档的第一行。 它的作用是让浏览器明白其处理的是HTML文档。 doc - document - 文件; type - 类型; | |
<html> 紧跟着<!DOCTYPE html>的是HTML元素的开始标签。 html 是根元素,它告诉浏览器网页从<html>开始,到</html>结束。 也就是说,网页的所有内容都放在html元素中。 | |
有时你会发现<html>标签中设定了一个名为lang的属性,它用来告诉浏览器这是“网页使用的语言”。 比如,"en" 表示这个网页的主要语言是英文。 当浏览器识别到你常用的语言(比如中文)与lang中的语言不一致,会自动询问你是否需要翻译网页内容。 当浏览器识别到你常用的语言(比如中文)与lang中的语言不一致,会自动询问你是否需要翻译网页内容。 |