在html5中,當一個標簽被另一個標簽包裹,則將包裹在外面的標簽稱為被包裹標簽的父標簽;被包裹的標簽則稱為外面包裹標簽的子標簽,語法為“<父標簽><子標簽></子標簽></父標簽>”。
本教程操作環(huán)境:windows10系統(tǒng)、HTML5版、Dell G3電腦。
html5中什么是父標簽
舉個例子:
<div> <p></p> </div>
相對p來說div就是他的父標簽
雙標簽關(guān)系可以分成兩類:
父子關(guān)系 (嵌套關(guān)系)
父子關(guān)系就是在一個雙標簽內(nèi)嵌套其他元素,那么嵌套在其中的元素就相當于“子”,其外層元素相當于“父”。
兄弟關(guān)系 (并列關(guān)系)
兄弟關(guān)系就是在“父標簽”內(nèi)有多個并列的元素,這些并列的元素之間就是兄弟關(guān)系。
父元素,子元素,兄弟元素,后代元素
在上面的父子關(guān)系可知道,其中相當于“父”的元素就是父元素,其中嵌套的元素就是子元素
如果嵌套多個元素,那這多個元素之間互為兄弟元素
后代元素就是子元素內(nèi)的子元素,子元素的子元素是它外層元素父元素的后代
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>是父子關(guān)系--> <h1>這是后代元素1</h1> <p>這是后代元素2,和后代元素1是兄弟關(guān)系,并且互為兄弟元素</p> </div> </body> </html>
推薦教程:《html視頻教程》