通用屬性
id,當前頁面中的唯一標識,用于css或js控制
class,類名,用于css控制
title,指定標題
style,插入線內樣式
標題標簽 Hx
h1-h6,標題標簽,共六級,一般一級標題H1在一個頁面中只出現一次,二級標題到六級標題可以出現多次,其權值遞減。默認為塊元素,粗體,上下有邊距(margin)。
主要屬性:align,指定對齊方式,常用三個值如下所示(建議不要用,而是通過css來控制其對齊方式)
- left左對齊(默認)
- enter居中對齊
- right右對齊
<h1 align=”center”>一級標題</h1>
段落標簽 P
段落p,用于整段文字,一般用于文章中的段落或一段獨立的文字。默認為塊元素。有上下邊距(margin)。
主要屬性:align對齊,用法同Hx的align。
<p align=”right”>這里是段落文字</p>
上標下標 Sup Sub
上標下標,線內元素,在網頁布局的時候相對用的較少,其主要目的是輸出數學方程式,如:2x22+3x2+1=9。
2x<sub>2</sub><sup>2</sup>+3x<sub>2</sub>+1=9
強調 strong em
strong(線內元素。粗體)
em(線內元素。斜體)
<strong>這里是要強調的內容,默認表現為粗體</strong> <em>這里也是要強調的內容,默認表現為斜體</em>
因為這兩個元素有一定的感情色彩(強調),所以在seo代碼優化中尤為重要,應該應用于那些確實需要強調的內容,而不是為了表現粗體或者斜體。如果你只是要表現粗體或者斜體,而不是真的要強調,那么你可以選擇下面兩個標簽。
粗體 B
B,粗體,線內元素。只是形式上的表現為粗體,而不具備強調的作用。
斜體 I
I,斜體,線內元素。只是形式上表現為斜體,而無強調作用。
換行 BR
br,換行符,將一段文字手段換行,一般很少使用。
水平線 HR
hr,在頁面中創建一條水平線,或者分割線。默認為塊元素,居中,2像素,帶陰影,寬100%。
屬性:
- align對齊,用法同上
- noshade去掉陰影(顯示純色)
- size線條粗細
- width線條寬度
- color線條顏色
html中所使用的顏色有以下幾種
- 英文單詞,如red、green等等
- 16進制值:如#ff0000、#006699,在html代碼中的十六進制顏色不能使用簡寫如#f60,必須寫成#ff6600
- rgb值:如rgb(255,255,0)
- rgba:如rgba(255,255,0,.5)
<hr noshade size="1" width="100" color="#ff0000" align="left">
塊引用 blockquote
blockquote,引用元素,如文章中需要引用其他文章的內容時,默認為塊元素。上下左右有邊距。
cite屬性指定了引用的來源
<blockquote cite="http://www.wwf.org"> WWF's ultimate goal is to build a future where people live in harmony with nature. </blockquote>
轉義字符
字符 | < | > | & | 空格 | × | ¥ | © | ® | ? |
轉義符 | < | > | & | &nbmp; | × | ¥ | © | ® |
™ |
預處理 PRE
pre,預處理文本。html中默認是不認空格和換行的,也就是說在html中輸入再多的空格或換行,預覽的時候這些內容都無法表現出來,如果需要讓其生效,我們可以用pre將內容括起來。
下劃線 U
就是讓文字多一條下劃線,輸入文字樣式控制,所以不建議使用,而用css來控制。
文字 font
可以控制文字的字體、顏色、大小,不建議使用,而用css來控制。
- face指定字體
- size字體大小
- color字體顏色
<font face="微軟雅黑" size="7" color="red">文字</font>
居中對齊 center
center可以對所以其中的內容實現居中對齊,建議用css來控制。
大字體 big
表現為比正文更大一點的字號。
小字體 small
表現為比正文小一點的字號。
刪除 s|del
讓文字多一條刪除線。
總結
目前已經到了html5的時代,所以上述的很多標簽已經被摒棄了,當然你還是可以繼續使用的(html5是一個大熔爐,支持各種寫法,包括自定義標簽)。另外,考慮到html結構與樣式分離,正如文中所述,那些關于樣式的標簽雖然還是可以使用,也強烈建議不要再用了。因此,主要使用的文字類標簽只有以下幾個:Hx、P、strong、em、b、i、big、small、sup、sub、s、del。另外,html5中多了一個time標簽,用于描述時間的,也是需要用到的。
© 致遠 2020-02-15,原創內容,轉載請注明出錯:html中的文字類標簽及其屬性詳解