網站建設中標題是怎么設置的？
作者：佚名 時間：2014-01-18 分享到：
網站建設中標題是怎么設置的？
在第一個標題的標簽里重復文檔的標題是一種很好的形式，因為在<head>中指定的文檔標題不會在用戶的主顯示屏幕中顯示郵來。下面就是一段非常好的HTML示例，它在網站建設的內容中重復了頭部的標題:
<html><head><title>上海龍崗布吉網站建設公司</title></head><body><h3>上海聯楷網絡是一家有資質的網站建設公司</h3><p>聯楷網絡公司位于上海布吉中房怡芬花園（大芬地鐵站A1出口）....
一般情況下，瀏覽器會把文檔的<title>標題文本放在主顯示窗口的頂部。而且還可以把標題放在網站的任何位置，用它來創建書簽或者收藏條目，也就是含糊地位于用戶桌面上的所有信息。但是，在上面的示例中，三級標題總是會顯示在文檔的最開始處。而且，與<title>文本不同，當用戶打印這個文檔時，這個文檔開頭的標題將在第一頁出現，因為它是主文本的一部分。
在上面的示例中，我們選擇的是三級標題(<h3>),這種標題顯示的字體只比普通文檔文本大一點。一級和二級飄洋過海題則要大得多，而且經常顯得太大。應該選擇實用而且看上去吸引人的標題級別，并在整個文檔中都保持一致。如果標題太大，會吞沒整個顯示窗口。如果標題太小，瀏覽時很容易會漏掉。
一旦為文檔選擇了頂級標題，就可以使用同級或級別低的標題來為文檔添加一定的結構和“可瀏覽性”。例如，如果采用三級標題作為文檔文檔的標題，那么就可以用四級標題把文檔分出子段(subsection)。如果將來還必須對文檔進行細分的話，可以考慮使用二級標題作為文檔的題目，然后用三級標題分割各個部分，并用四級標題進一步細分。
對更小的文本使用標題
對于大多數圖形瀏覽器來說，用來顯示<h1>、<h2>和<h3>標題的字體比普通文本的字體大，<h4>的字體與普通文本字體一樣，<h5>、<h6>的字體則比普通文本的字體小。做網站程序猿通常會在樣板文本(如免責聲明或版權通告等)中使用后兩種小字體。
現在，流行的做法就是在目錄或者顯示站點內容的主頁上使用小號的文本。讀者可以試著使用<h5>或<h6>來得到想要的效果。請觀察下面這段XHTML代碼，看它在典型瀏覽器中如何顯示版權引用：
專業網站建設 免費手機網站,聯楷網站建設建站學院HTML/XHTML部分<p><h6>Copyright © 2007-2015 聯楷網絡有限公司 LTD ALL RIGHT RESERVED.</h6></body></html>
允許的標題內容
標題里可以放置任何允許放在文本中的元素，其中包括傳統的文本、鏈接(<a>)、圖像(<img>)、換行(<br>)/字體修飾(<b>、<i>、<tt>、<u>、<strike>、<big>、<small>、<sup>和<font>)和基于內容的樣式(<acronym>、<cite>、<code>、<dfn>、<em>、<kbd>、<samp>、<strong>和<var>)等。但是，實際上字體或樣式變化對標題可能不會有影響，因為瀏覽器中已經為標題規定了字體變化。
在早期，很多人濫用標題標簽來改變文檔中整節的字體。從技術的角度來講，段落、列表和其他塊元素不允許放在標題里面，這樣會引起瀏覽器錯誤地判斷標題的結尾。
因此我們不鼓勵這種做法，因為它不但違反了HTML和XHTML標準，而且看上去也不舒服。想像一下，如果當地報紙都以標題的形式打印出來將是怎樣的效果！把大段文字作為標題的內容也不符合這個飄洋過海簽的初衷。如果確實想改變整個文檔的字體或字體大小，可以考慮使用標準級聯樣式定義。
我們強烈建議網站建設人吶在不同分辨率下用各種不同的瀏覽器來測試自己的網站。也許如你所料，在320*480的分辨率下，<h6>的文本可以看得到，可是在600*800的分辨率下，它卻消失了。
允許的標題設置
允許的標題設置
嚴格來講，HTML和XHTML標準只允許在網站的主要內容中使用標題。但在實際應用中，瀏覽器幾乎可以在任何地方識別標題，并把標題文字適當地顯示在當前元素之中。不管是什么情況，標題的出現都意味著前面一個段落或者其化文本元素的結束，所以不能利用標題標簽來改變同一行中字體的大小。相反，我們應當使用經聯樣式定義來達到這樣漂亮的顯示效果。
在標題中加入圖像
可以在標題中插入一個或者多個圖像，這些圖像可以是很小的項目符號或圖標，也可以是全屏顯示的logo。把一致的標題和相應的圖標結合起來用在文檔系列中，不公在外觀方面很吸引人，而且還是一種幫助用戶精讀這些文檔的有效方法。
向標題中添加圖像十分簡單。例如，下面的文本要把一個“information(信息)”圖標放在“For More Information(詳細信息)”標題中。
一般來講，網站logo放在標題的開始處效果最佳，并且要和標題文字的底部或中間對齊。
如沒特殊注明，文章均為上海聯楷網絡原創,轉載請注明來自：http://www.ktcbnqb.cn/news/20151229/n6683.html
