1. 块级元素和行内元素：
- 块级元素（block-level elements）：如 <div>、<p>、<h1> 等，通常会从新行开始，占据父容器的整个宽度，可以包含其他块级元素和行内元素。
- 行内元素（inline elements）：如 <span>、<strong>、<a> 等，通常只占据它对应内容的宽度，不会打断当前行，可以包含其他行内元素。
2. 合法嵌套：
- 大多数元素都有一定的合法嵌套规则，即某个元素可以包含哪些元素。例如，<ul> 元素可以包含多个 <li> 元素，而 <p> 元素不能直接包含块级元素。
3. 文本内容元素：
- 一些元素只能包含文本内容，不能包含其他块级元素。例如，<p>、<span> 这样的元素。
4. 表格元素：
- 表格相关的元素有特定的嵌套规则，如 <table> 元素包含 <tr> 元素，<tr> 元素包含 <td> 或 <th> 元素。
5. Form元素：
- <form> 元素可以包含一系列的表单控件，如 <input>、<select>、<button> 等。
示例：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>HTML 元素嵌套示例</title>
</head>
<body>
<div>
<h1>标题</h1>
<p>这是一个段落。<strong>加粗文本。</strong></p>
<ul>
<li>列表项1</li>
<li>列表项2</li>
</ul>
</div>
<form>
<label for="username">用户名：</label>
<input type="text" id="username" name="username">
<button type="submit">提交</button>
</form>
</body>
</html>
在这个示例中，<div> 元素内包含了 <h1>、<p> 和 <ul> 元素，而 <form> 元素内包含了 <label>、<input> 和 <button> 元素，这是合法的嵌套。请根据具体的 HTML 元素和它们的文档规范来确定合法的嵌套关系。
转载请注明出处：http://www.zyzy.cn/article/detail/3166/HTML