在html5中,當一個標籤被另一個標籤包裹,則將包裹在外面的標籤稱為被包裹標籤的父標籤;被包裹的標籤則稱為外麵包裹標籤的子標籤,語法為「<父標籤><子標籤>子標籤>父標籤>」。
本教學操作環境:windows10系統、HTML5版、Dell G3電腦。
舉例:
<div> <p></p> </div>
相對p來說div就是他的父標籤
雙標籤關係可以分成兩類:
父子關係(嵌套關係)
父子關係就是在一個雙標籤內嵌套其他元素,那麼嵌套在其中的元素就相當於「子”,其外層元素相當於“父”。
兄弟關係 (並列關係)
兄弟關係就是在「父標籤」內有多個並列的元素,這些並列的元素之間就是兄弟關係。
父元素,子元素,兄弟元素,後代元素
在上面的父子關係可知道,其中相當於「父」的元素就是父元素,其中嵌套的元素就是子元素
如果嵌套多個元素,那麼這多個元素之間互為兄弟元素
後代元素就是子元素內的子元素,子元素的子元素就是它外層元素父元素的後代
talk is cheap, show you(me) the code
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <body> <div> <!-- <div>是<body>的子元素 ,<body>是父元素,<body>和<div>是父子关系--> <h1>这是后代元素1</h1> <p>这是后代元素2,和后代元素1是兄弟关系,并且互为兄弟元素</p> </div> </body> </html>
推薦教學:《html影片教學》
以上是html5中什麼是父標籤的詳細內容。更多資訊請關注PHP中文網其他相關文章!