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>

     

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

  • 相关阅读:
    redis
    dom4j-1.6.1.jar与dom4j-1.4.jar
    runoob
    session失效后,登录页面嵌入iframe框架
    log4j.properties 详解与配置步骤
    maven+swagger
    Eclipse建立Maven项目后无法建立src/main/java资源文件夹
    vue 3.x 相对于 vue 2.x 的重大修改
    面试准备
    JS系列
  • 原文地址:https://www.cnblogs.com/rakanXayan/p/13401965.html
Copyright © 2011-2022 走看看