如何選擇正確的標籤?

2022-01-20 03:26:23 字數 2729 閱讀 9455

讀《編寫高質量**-web前端開發修煉之道》隨手筆記

1、標題與文字

需要讓**能夠清晰的透露出"標題","內容","被強調的文字"等資訊;

當頁面內標籤無法滿足設計需要時,才會適當的新增div和span等無語義標籤來輔助實現

2、表單

>無標題文件

title

>

6<

style

type

="text/css"

>

7fieldset

10legend

13style

>

14head

>

15<

body

>

16<

form

action

="/"

method

="post"

>

17<

fieldset

>

18<

legend

>登入表單

legend

>

19<

p>

20<

label

for="username"

>

21 帳號:

label

><

input

type

="text"

id="username"

/>

p>

22<

p>

23<

label

for="password"

>

24 密碼:

label

><

input

type

="text"

id="password"

/>

p>

25<

input

type

="submit"

value

="登入"

/>

26fieldset

>

27form

>

28body

>

view code

3、**

**標題要用caption,表頭thead,主題tbody,尾部用tfoot,表頭和一般單元格要區分開,表頭用th,一般單元格用td

1

<

table

border

="1"

>

2<

caption

>使用者資訊

caption

>

3<

thead

>

4<

tr>

5<

th>編號

th>

6<

th>姓名

th>

7<

th>性別

th>

8<

th>年齡

th>9tr

>

10thead

>

11<

tbody

>

12<

tr>

13<

td>1

td>

14<

td>張三

td>

15<

td>男

td>

16<

td>45

td>

17tr

>

18<

tr>

19<

td>2

td>

20<

td>李四

td>

21<

td>女

td>

22<

td>22

td>

23tr

>

24<

tr>

25<

td>3

td>

26<

td>王五

td>

27<

td>男

td>

28<

td>32

td>

29tr

>

30tbody

>

31table

>

view code

語義化標籤應該注意的一些其他問題:

盡可能少的使用無語義標籤div和span;

在語義不明顯既可以用p或div的地方,盡量用p,因為p在預設情況下有上下間距,去掉樣式後的可讀性更好,對相容特殊終端有利;

盡量不要使用純樣式標籤,如b,font,u

如何選擇正確的結婚物件

2 其次是不要異地戀,異地戀不容易發現問題.如果到結婚之後才發現,你喜歡接吻,而她不喜歡,你喜歡她穿 而她卻很討厭,你喜歡看電影,她偏偏不喜歡,這就有點晚了.3 不要勉強,喜歡就是喜歡,不喜歡就是不喜歡,不要勉強自己去喜歡乙個人,不要勉強自己去忽視和對方不合適之處.4 不要想著結婚之後問題就會消失的...

如何選擇正確的對焦位置

一 要拍出整體清晰的泛焦效果 當整體要清楚對焦時,記著要縮小光圈,把焦距拉遠 廣角 並對焦在中間前一點的位置。利用f 11光圈,把對焦點放在 對焦範圍 位置,加上16mm的廣角,輕易拍出全部清晰的相片。二 慢快門拍攝流水時,應對焦在不動的東西上 流水在慢快門下會霧化,因此應該對焦在一些靜的物件上,突...

如何正確選擇SEO公司

現在seo技術較為發達的地方,主要在上海,北京兩個城市,其他很多地方seo,有相當一部分都是這兩個城市的seo公司所建立的地域性 1 盡量摒棄工作室 我不否認很多任務程式設計客棧作室的確有高水平的人存在,但大部分都是一些皮包公司,沒有很好的合同保障,很多任務作室是不簽署任何合約的。那麼如果關鍵詞做不...