在浏览器上运行的网页实际上是一份HTML文件,这份文件的主体则是由多个HTML标签所组成的字符代码,开发人员可以使用字符代码的方式来定义HTML文件以及文件所包含的HTML标签。浏览器运行网页时,会分析这些HTML标签,并将这些标签组成的网页显示在浏览器上。HTML文件中的一个标签包含了上面范例中的内容,这些内容用来组成标签的基本结构,在这个范例中,可以看到标签结构由以下几部份组成。
.标签名称:首先看到的就是TagName标签名称.在HTML的定义中,每个HTML标签都有一个标签名称,在浏览器运行时,会依照标签名称来判断这个标签是属于哪种类型。然后在后续运行中依照不同标签类别,来运行标签应有的功能。
.标签属性:接着看到的就是Attribute标签属性。在HTML的定义中,标签属性是以name\value的方式保存在标签中,每个标签可以有零到多个不同的标签属性。浏览器运行时,会依照标签类型去运行标签应有的功能,而运行时,浏览器会分析标签的标签属性,依照运行的功能来取得需要的各种参数。
标签内容:最后看到的就是Content标签内容。在HTML的定义中,标 签内容可以是单纯的字符代码,或是包含零到多个不同的HTML标签,浏览器会依照标签类型、引用标签内容去运行标签应有的功能。在标签内容中特别值得一提的是,“包含零到多个不同的标签”的定义,这个定义换句话说就是:标签中可以再包含标签。通过这个定义,HTML标签就能以一层套一层的方式,来创建出树状结构的HTML文件。
上面范例中的HTML标签,是提供超链接文字的标签。通过这个简单的范例来对照基本结构,就可以理解HTML标签的基本结构是什么样了。.范例标签的标签名称为a,这个标签名称在HTML里,代表着提供超链接功能的标签类型。
.接着可以看到标签的标签属性为href="http://www.yahoo.com".而标签属性是以name\value的方式保存在标签中,所以范例标签的标签属性可以分析为:name是href, value是http://www.yahoo.com的一组标签属性。
在运行的时候,a标签会引用标签属性上name为href的标签属性,使用标签属性的value来定义链接到哪个网址。看到的是标签的标签内容为this is A Contents,这个标签内容是单纯的字符代码。在运行的时候,a标签会引用标签内容,将标签内容显示在浏览器上,用来与用户互动。
特别值得一提的是,上述的基本结构,在W3C的定义中有个标准术语称为HTML元素(HTML Element)。但通常不怎么称其为在网页里的某个HTML元素,而经常被称为在网页里的某个HTML标签,烟台网站建设采用较常用的HTML标签方式来描述这个基本结构。