HTML5基礎標籤與SEO

1.hn標籤，一般乙個頁面裡面只用乙個h1標籤，作為主要的資訊標題，這樣便於seo。

2.p標籤，段落標籤。

3.語義化是指用合理html標記以及其特有的屬性去格式化文件內容。通俗地講,語義化就是對資料和資訊進行處理,使得機器可以理解.

事實上seo最有效的一種辦法，就是對網頁的html結構進行重構，實質上就是語義化。

4.橫線（在webstorm中：hr+tab）換行

5.文字標籤行內標籤

6.標籤用於對一小部分文字進行突出加強

7.html標籤只是用來內容的顯示，如果要給它樣式，則要考慮用css。

8.下標，如：h

2o 這樣的內容的顯示

上標，如：23

href

target

10.

11.如果要一下子要把乙個標籤寫多次，則在webstorm中（以article為例）：

article*10+tab （一下子要輸入10個article標籤）

12.錨點

13.有序列表（就是有1234這樣的排序）和無序列表

無序：

執行結果：

有序：

有序有序嗎？

有序

注意：和之間不要再巢狀別的標籤，但是之間是可以進行巢狀的，如：

href=
"#">
空連線有序

有序嗎？
有序

執行結果：

14.自定義列表：dl

dt(相當於標題)

dd（相當於列表項）

dt裡面的文字內容

dd裡面的文字內容

dt與dd內容做對比

dd的內容對比

dd測試對比

執行結果：

說明：一般情況下最好只用乙個dt就好

15.table標籤

跨行、跨列：rolspan colspan

border=
"1">
colspan=
"3">
表頭嫦娥
月亮霧霾
北京口罩
測試列前台
防護口罩

16.{}的用法，以span標籤為例：

span*10+tab鍵

當輸入完tab鍵後會有如下**生成：

value=
"">2023年
value=
"">2023年
value=
"">2023年
value=
"">2023年
value=
"">2023年
value=
"">2023年
value=
"">2023年
value=
"">2023年
value=
"">2023年
value=
"">22023年

19.checkbox：單選框

type=
"checkbox"
>
勾選表示同意

執行效果：

20.表單分組：

使用者名稱：
type=
"text" 
name=
"username"
>
密碼：type=
"password" 
name=
"password"
>
分組2英文名：
type=
"text" 
name=
"firstname"
>
英文姓：
type=
"text" 
name=
"lastname"
>

以上分別為新增legend標籤和不新增legend標籤，執行結果如下：

21.h1-h6的快速寫法：

h$*6+tab鍵

HTML 5基礎標籤

一部分html5的基礎，主要有 1 html5語法中的元素標籤屬性內容的含義及所指的語句 2 標籤的特點 1 標籤是成對出現的，前面的標籤是開始標籤，後面的標籤是結束標籤閉合標籤 2 結束標籤閉合標籤有 3 自閉和標籤自己沒有內容要展示，通過屬性就可以完成標籤的配置 3 快捷鍵的使用及...

html5標籤基礎

1.宣告 html有多個不同的版本，只有完全明白頁面中使用的確切html版本，瀏覽器才能完全正確的顯示出html頁面，這就是的用處。2.html標題等標籤進行定義。3.html段落標籤定義段落 4.html鏈結標籤定義鏈結 5.html影象實現上述標籤的例子 html view plain ...

HTML5基礎標籤與SEO

HTML 5基礎標籤

html5標籤基礎

html5標籤基礎

相關推薦