HTML 標籤學習之 fieldset

2021-05-11 05:22:36 字數 656 閱讀 9199

現在提 html 標籤,貌似有些老生常談了,都說要合理地運用相應語義的標籤,不過 html 標籤那麼多,在寫**的時候用到最多的要算是div,span,a,p,br,h1,h2,h3,ul,ol,li,dl,dt,dd,table系列,input系列,select,del,pre,code等標籤,其他標籤真的是很少用的到。沒事的時候再回顧下稀有標籤,也算是溫故而知新吧~~

參考文獻:html 4.01 / xhtml 1.0 reference

是常常被人們遺忘的最有用標籤之一,本意是「域集合」,用於包含表單域元素,如 ,效果是用細線表現出表單域。告訴瀏覽器這一塊是表單集合。標籤用於給這個域加上標題。

示例:

效果:

因為有上面預設的線框和標題樣式,fieldset 標籤經常被用來實現標題文字覆蓋著邊線的效果。如

使用者登入姓名:

密碼:

class="ex_fieldset"

>

class="ex_legend"

>列表標題  

列表標題

加上自定義樣式之後往往可以起到事半功倍的作用。不過從標籤語義角度考慮,並不是很建議這樣去做,因為上例中 fieldset 元素內部並不代表乙個表單域。

HTML學習小結之HTML標籤

標識文件的開始和結束 網頁正文寫在這裡 主要標識文字區塊並附帶顯示格式 標識網頁標題 標識標題文字,其中i是1到6的數字,標識i級標題 段落 預定義文字 uote 引用 示例2 這是四級標題 這是五級標題 這是六級標題 這不是乙個段落 這是乙個段落 這不是預定義文字這是預定義文字 這不是引用這是引用...

HTML入門之head標籤學習

主要是配置 瀏覽器顯示資料的配置資訊 eg 字串編碼 一般是給瀏覽器進行使用 網頁標題標籤 告訴瀏覽器使用什麼標題顯示網頁 標題名編碼格式標籤 告訴瀏覽器使用指定的編碼格式解析文件 編碼格式 text html charset 編碼格式 html4 網頁搜尋優化標籤 提公升網頁在瀏覽器中的搜尋速度 ...

html學習之 標籤語義化

html語義化在前端學習中會經常出現,下面對html語義化做個總結 一 什麼是html語義化 html語義化總的來說就是用正確的標籤做正確的事。圍繞著一些標籤展開,如h1 h6。把適當的標籤用在合適的地方。是頁面結構更加的清晰。二 html語義化有什麼作用 1 使用html語義化,能使頁面結構更清晰...