zoukankan      html  css  js  c++  java
  • (五)块和行内

    块和行内

    <!DOCTYPE html>
    <html lang="en">
      <head>
        <meta charset="UTF-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <title>Document</title>
      </head>
      <body>
        <!-- 
            块元素(block element)
                在网页中一般通过块元素来对页面进行布局
    
            行内元素(inline element)
                行内元素主要用来包裹文字
    
                一般情况下会在块元素中放行内元素,而不会在行内元素中放块元素
                块元素中基本上什么都能放
                p元素中不能放任何的块元素
         -->
      </body>
    </html>
    
    <h1>
      我就写在html标签外面!
    </h1>

      可以发现即使在html标签外写内容也会有显示

      原因是浏览器在解析网页时,会自动对网页中不符合规范的内容进行修正

        比如:

          标签写在了根元素的外部

          p元素中嵌套了块元素

          根元素中出现了除了head和body以外的子元素

          .......

      当然这种修正并不是浏览器修改源码

      这时可以通过F12查看查看器(elemen)

       发现浏览器确实是修改了,但是是在内存上修改的

      再比如:

    <p><h1>
      我就写在p里面!
    </h1></p>

     

     虽然浏览器会对代码进行部分修正,但最好不要麻烦浏览器哦!

  • 相关阅读:
    HDU2586 How far away?(tarjan的LCA)
    You Raise Me Up
    POJ2891 Strange Way to Express Integers(中国剩余定理)
    POJ2142 The Balance(扩展欧几里得)
    HDU 1166模仿大牛写的线段树
    NetWord Dinic
    HDU 1754 线段树裸题
    hdu1394 Minimum Inversion Number
    hdu2795 Billboard
    【完全版】线段树
  • 原文地址:https://www.cnblogs.com/rakanXayan/p/13401965.html
Copyright © 2011-2022 走看看