HTML和CSS <h1> --3-- <h1>

OuZeBo發表於2016-03-04

標籤語義化,讓網頁更好的被搜尋引擎理解

標籤的用途:我們學習網頁製作時,常常會聽到一個詞,語義化。那麼什麼叫做語義化呢,說的通俗點就是:明白每個標籤的用途(在什麼情況下使用此標籤合理)比如,網頁上的文章的標題就可以用標題標籤,網頁上的各個欄目的欄目名稱也可以使用標題標籤。文章中內容的段落就得放在段落標籤中,在文章中有想強調的文字,就可以使用 em 標籤表示強調等等。

講了這麼多語義化,但是語義化可以給我們帶來什麼樣的好處呢?

1. 更容易被搜尋引擎收錄。

2. 更容易讓螢幕閱讀器讀出網頁內容。

<body>標籤,網頁上顯示的內容放在這裡

在網頁上要展示出來的頁面內容一定要放在body標籤中。如下圖是一個新聞文章的網頁。

 

<p>標籤,新增段落

如果想在網頁上顯示文章,這時就需要<p>標籤了,把文章的段落放到<p>標籤中。

語法:

<p>段落文字</p>

<!-- 段前空兩格 &nbsp;表示佔據一個字元的空位-->

 注意一段文字一個<p>標籤,如在一篇新聞文章中有3段文字,就要把這3個段落分別放到3個<p>標籤中。如下圖所示。

 

瞭解<hx>標籤,為網頁新增標題

文章的段落用<p>標籤,那麼文章的標題用什麼標籤呢?在本節我們將使用<hx>標籤來製作文章的標題

標題標籤一共有6個,h1、h2、h3、h4、h5、h6分別為一級標題、二級標題、三級標題、四級標題、五級標題、六級標題。並且依據重要性遞減。<h1>是最高的等級。

語法:<hx>標題文字</hx> (x為1-6)

h1-h6標籤的預設樣式:

 

h1標籤字號最大,h2標籤字號相對h1要小,以此類推h6標籤的字號最小。

本文學習來自於慕課網...

相關文章