HTML宝典(第 1 版)
1.3.4 HTML主体
阅读(

HTML基础

认识HTML

HTML基本语法

HTML文档结构

HTML头部

HTML根元素

<!DOCTYPE>

HTML主体

<body> 标签用于定义文档的正文内容,成对出现。在<body>... </body>之间的内容即为页面的主体内容,可以是文本、图像、音频、视频、表单及其他交互式内容,它们才是真正要在浏览器中显示,并让访问者看到的内容。

由于HTML元素可以相互嵌套,通过元素层层嵌套,就构成了千变万化的网页。当一个元素包含另一个元素时,把外层元素称作父元素,内层元素称作子元素。子元素还可以再包含子元素,子元素中包含的任何元素,都是外层父元素的后代。如:

<article>
    <h1></h1>
    <h2></h2>
    <p><em></em><a></a></p>
</article>

在上述代码中,article 元素是 h1、h2、p 元素的父元素,h1、h2、p 元素是article 元素的子元素(也是后代)。p 元素是 em、a 元素的父元素。em、a 元素是 p 元素的子元素,是article 元素的后代(但不是子元素)。article 元素是 em、a 元素的祖先。

需要注意的是,当一个元素中包含其他元素时,每个元素都必须正确的嵌套,这些元素的开始标签和结束标签对,不允许相互交叉。如:

<p><a></p></a>

如果先开始 p,再开始 a,就必须先结束 a,再结束 p。而上述代码中,a 元素和 p 元素的标签对之间出现了交叉,就是不正确的嵌套。

关于作者

歪脖先生,十五年以上软件开发经验,酷爱Web开发,精通 HTML、CSS、JavaScript、jQuery、JSON、Python、Less、Bootstrap等,著有《HTML宝典》、《揭秘CSS》、《Less简明教程》、《JSON教程》、《Bootstrap2用户指南》、《Bootstrap3实用教程》,并全部在 GitHub 上开源。

如果本教程对您帮助很大,请随意打赏。您的支持,将鼓励我写出更好的教程!

← 键盘方向键翻页 →
返回顶部 手机访问 关注微信 返回底部

扫码访问歪脖网

随时随地,想看就看

关注歪脖网微信

分享 web 知识、交流 web 经验