首頁 > 文章 > web前端 > html

標題標籤元素

html

標題標籤元素

巴扎黑原創: 2017-06-10 09:55:495846瀏覽

h1 html標題標籤

網頁內容中，例如一篇文章標題，一般採用

標籤來標記佈局，這樣顯示標題在HTML中重要性，同時也考慮到告訴搜尋引擎

標籤內內容為標題很重要。

一、h1語法結構

<h1>文章标题</h1>

以

開始,以

結束的一對有開始有閉合的標籤組。

同樣h1標籤也可以使用class和id來引入外部CSS樣式。

<h1 class=”yanshi”>文章标题</h1>
<h1 id=”abc”>主题标题</h1>

二、h1標題標籤特點與使用建議(用什麼地方)

html h1標題標籤常常一個網頁中最好只使用一次即可，不要使用兩次或兩次以上，這樣才能符合h1重要和唯一性。其它標題元素例如h2標籤、h3標籤、h4標籤可以在一個網頁中多次使用。

h1用什麼地方，一般標記一個網頁中文章標題、主題標題。

三、預設h1標籤

預設初始化狀態下,h1標籤字體是加粗的，而且字體大小也非常大。通常不同瀏覽器也是有著大小不同區別，所以實際DIV CSS佈局時，我們還是需要提前或要使用時候對其設定需要的CSS樣式（例如字體大小、是否加粗）等具體需求具體再設定

四、標題標籤與網頁標題標籤區分

html h1與html title標籤雖然都叫標題標籤，但一般

放網頁標題，<h1>放文章標題。所以本質還是有差別的。 </h1> <p>五、html h1簡單用法</p> <p>HTML原始碼：</p><pre class="brush:html;toolbar:false"><!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>网页标题 ThinkCSS</title> <style> .abc{ color:#F00;font-size:26px} </style> </head> <body> <h1 class="abc">文章标题</h1> <p>文章内容</p> <p>文章内容</p> </body> </html></pre><p>這裡使用h1標籤同時使用class設定CSS。 </p> <p><img src="https://img.php.cn//upload/image/551/558/366/1497059731919048.png" title="1497059731919048.png" alt="html <h1> 標題標籤元素"></p>

以上是html

標題標籤元素的詳細內容。更多資訊請關注PHP中文網其他相關文章！

陳述：

本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn

上一篇：關於array_shift的詳細介紹下一篇：關於array_shift的詳細介紹

看更多