行内,块级,空元素,替换元素有哪些?

terry HTML5 162

列举下行内,块级,空元素,替换元素分别有哪些。谢谢!

回复

共1条回复 我来回复
  • 唐伯虎点蚊香的头像
    唐伯虎点蚊香
    前端小白,想各位学习!
    评论

    行内元素:

    span、img、a、lable、input、abbr(缩写)、em(强调)、big、cite(引用)、i(斜体)、q(短引用)、textarea、select、small、sub、sup,strong、u(下划线)、button(默认display:inline-block)

    块级元素:
    div、p、h1~h6、ul、ol、dl、li、dd、table、hr、blockquote、address、table、menu、pre,HTML5新增的header、section、aside、footer等

    常见的空元素:

    <input /> <img /> <isindex/> <area /> <base /> <basefont />
    <bgsound /> <col /> <embed /> <frame /> <keygen/> <link />
    <meta /> <nextid /> <param /> <plaintext /> <spacer/> <wbr />
    <!DOCTYPE> <!– –>

    替换元素:
    替换元素是指,浏览器会根据元素的标签和属性,来决定元素的具体显示内容。 其内容不受CSS视觉格式化模型控制,CSS渲染模型并不考虑对此内容的渲染,且元素本身一般拥有固有尺寸(宽度,高度,宽高比)。

    最明显的两个例子:

    img 浏览器会根据img元素的src属性加载图片信息并显示,如果仅查看HTML代码,只能看到引用地址,而看不到图片的实际内容。
    input 浏览器会根据input元素的type属性决定其展现形式,是显示成输入框,还是单选按钮等。
    另外,textarea、select、object、video都是替换元素。这些元素往往没有实际的内容,即是一个空元素,浏览器会根据元素的标签类型和属性来显示这些元素。audio和canvas在某些特定情形下为替换元素。使用CSS的content属性插入的对象是匿名替换元素。

    1年前 0条评论