在前端开发中，页面的结构布局通常是嵌套的，这种嵌套可以通过多个层级的 HTML 元素来实现。而对于一些复杂的页面，为了更好地展示内容，常常需要使用多个字幕来分组和描述不同的内容。
嵌套的应用
HTML 元素可以相互嵌套，从而形成一个层级结构。利用这种结构，我们可以实现各种形式的页面布局和设计。
嵌套列表
列表通常是一个嵌套结构。在 HTML 中，我们可以使用无序列表 <ul> 和有序列表 <ol> 来创建列表，并使用列表项元素 <li> 进行嵌套。
-- -------------------- ---- -------
----
------- ------
------- ------
----
--- -
----
-------- ------
-------- ------
-----
-----
-----上面的代码就创建了一个包含三个列表项的无序列表，在第三个列表项中又嵌套了一个包含两个子列表项的无序列表。
嵌套表格
表格也可以是一个嵌套结构。在 HTML 中，我们可以使用 <table> 元素来创建表格，并使用 <tr> 元素表示行，使用 <td> 元素表示单元格。有时候，我们需要在一个单元格中嵌套另一个表格。
-- -------------------- ---- -------
-------
----
------- --------
--- --------------- ------------
-----
----
--- --------------- ------------
------- --------
------- --------
-----
----
--- ------------
-------
----
---------- --------
---------- --------
-----
----
---------- --------
---------- --------
-----
--------
-----
-----
--------上面的代码创建了一个包含两行三列的表格，在第二行第二列的单元格中又嵌套了一个包含两行两列的子表格。
多个字幕的应用
在前端开发中，为了更好地组织和呈现内容，我们通常会使用多个字幕来描述不同的部分或段落。这些字幕可以通过 HTML 的标题标签来实现，如 <h1> 到 <h6>。
常规用法
我们通常会使用 <h1> 标题表示页面的主要标题，而使用 <h2> 和 <h3> 标题来分别表示页面中的一级和二级标题。多个字幕可以帮助用户更好地理解和组织页面内容。
-- -------------------- ---- ------- --------------- --------------- ------------- --------------- ------------- ---------------
多个相同级别的字幕
在某些情况下，我们可能需要在一个区域内使用多个相同级别的字幕。这时候，我们可以使用 <div> 元素来包裹每个字
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/12827