站長資訊網(wǎng)
在html5中，當(dāng)一個標(biāo)簽被另一個標(biāo)簽包裹，則將包裹在外面的標(biāo)簽稱為被包裹標(biāo)簽的父標(biāo)簽；被包裹的標(biāo)簽則稱為外面包裹標(biāo)簽的子標(biāo)簽，語法為“<父標(biāo)簽><子標(biāo)簽></子標(biāo)簽></父標(biāo)簽>”。
本教程操作環(huán)境：windows10系統(tǒng)、HTML5版、Dell G3電腦。
html5中什么是父標(biāo)簽
舉個例子：
<div> <p></p> </div>
相對p來說div就是他的父標(biāo)簽
雙標(biāo)簽關(guān)系可以分成兩類：
父子關(guān)系 （嵌套關(guān)系）
父子關(guān)系就是在一個雙標(biāo)簽內(nèi)嵌套其他元素，那么嵌套在其中的元素就相當(dāng)于“子”，其外層元素相當(dāng)于“父”。
兄弟關(guān)系 （并列關(guān)系）
兄弟關(guān)系就是在“父標(biāo)簽”內(nèi)有多個并列的元素，這些并列的元素之間就是兄弟關(guān)系。
父元素，子元素，兄弟元素，后代元素
在上面的父子關(guān)系可知道，其中相當(dāng)于“父”的元素就是父元素，其中嵌套的元素就是子元素
如果嵌套多個元素，那這多個元素之間互為兄弟元素
后代元素就是子元素內(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視頻教程》
