31_标签嵌套规则.html 927 B

12345678910111213141516171819202122232425262728293031323334
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6. <title>Document</title>
  7. </head>
  8. <body>
  9. <!-- 标签嵌套规则:块级元素可以嵌套任意元素 -->
  10. <!-- p标签一般用作与段落文本相关的内容 不能嵌套块标签。 -->
  11. <p>这是一个段落元素</p>
  12. <p>
  13. <div>这是一个div元素</div>
  14. </p>
  15. <ul>
  16. <li>
  17. <div>这是一个div元素</div>
  18. </li>
  19. </ul>
  20. <!-- 标签嵌套规则:行元素不允许嵌套块级元素、行块标签, 行元素内部只能放置文字 -->
  21. <!-- <span>
  22. <div>这是一个div元素</div>
  23. </span>
  24. <span>
  25. <div>这是一个div元素</div>
  26. </span> -->
  27. <!-- 标签嵌套规则:行块标签 img、input、select等 -->
  28. <!-- 不能嵌套块级元素。 -->
  29. </body>
  30. </html>