首頁 >web前端 >前端問答 >html5行內標籤有哪些

html5行內標籤有哪些

青灯夜游
青灯夜游原創
2022-03-15 18:27:2012460瀏覽

html5行內標籤有:span、a、label、code、input、abbr、em、b、big、cite、i、q、textarea、select、small、sub、sup、strong、u、li 、ins、del、dfn、kbd等等。

html5行內標籤有哪些

本教學操作環境:windows7系統、HTML5版、Dell G3電腦。

HTML 標籤(元素)可以分成兩個類別,分別是區塊級元素和內聯元素(也叫行內元素)。

html5行內元素


  • ##行行內元素的主要特徵如下所示:
  • 行內元素和其他元素會在同一行上顯示;
  • 行內元素的寬、高以及外邊距和內邊距都不可以改變;
  • 行內元素的寬度就是其中內容的寬度,且不可以改變;

#行內元素中只能容納文字或其他行內元素。

  • 行內元素中最常用的是span,此外還有img、a、label、code、input、abbr、em、b、big、cite、i、q、textarea、 select、small、sub、sup,strong、u、li、ins、del、dfn、kbd、var等。

  • 內嵌元素往往帶有某種特殊的顯示效果,可以取代部分CSS 樣式,非常實用,例如:
    • 兩個標籤分別用來定義下標文字和上標文字。
    • 對於行內元素的使用,需要注意以下幾點:
    • #設定寬度width 無效;
    • 設定高度height 無效,但可以透過line-height 來設定行高;
    • #可以設定margin 外邊距,但只對左右外邊距有效,上下無效;
    • 設定padding 內邊距時,只有左右padding 有效,上下則無效,需要注意的是元素範圍是增大了,但是對元素周圍的內容是沒影響的;

    可以透過display 屬性將元素在行內元素和區塊級元素之間進行切換。

    ###【相關推薦:###html影片教學###、###web前端###】###

    以上是html5行內標籤有哪些的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn