收藏起來!超實用的做網站定義標題的基礎方法
2017/11/8
點擊:11951
千里之行,始于足下。這句話告訴了我們一個再簡單不過的道理:再遠的路只要一步步的去走,終會有到達的那一天。兩千多年過去了,這句話同樣適用于做網站。不管是做網站公司,還是企業都希望自己的網站可以給用戶提供最好的用戶體驗。上海做網站 明企認為我們做網站“足下”的第一步就是網站的標題。做網站定義標題,有哪些基礎方法呢?
方法一: <span class="heading">文章標題</span>
雖然在某些情況下<span>會是一個方便的標簽,但它并不能表達出標題的完整含義。采用這個方法的一個好處是,我們可以對它附加一個CSS規則,分配其一個heading class,使其文字象標題一樣顯示。
.heading {
font-size: 12px;
font-weight: bold;
color: red;
}
在這里上海做網站要提醒一下使用這種方法定義標題,有一個風險。就是我們的瀏覽器要支持css,現在幾乎所有的瀏覽器實際上都是支持css的,除非是很老版本的瀏覽器。也就是說萬一我們設置的這個外部樣式表的規則不被老版本的瀏覽器支持,會怎樣?盡管class="heading"為這個標簽增加了一點意義,但<span>仍然只是一個普通的標簽,可以被大多數瀏覽器的缺省樣式所修改掉。
方法二:<p>和<b>組合
<p><b>文章標題</b></p>,使用一個段落標簽,將會給我們帶來塊級的顯示,<b>會把文本變成粗體。但是用這個方法標記一個重要的標題時,我們面對的是同樣無意義的結果。不像方法一,<b>標簽能在可視化的瀏覽器中把文字顯示成粗體――甚至在不支持CSS的瀏覽器中。但是和<span>標簽一樣,搜索引擎也不會因為有一些東西在段落中被加粗了而給予更高的優先。
上海做網站上述介紹的兩種方法是目前大家常用的定義標題的方法,雖然有缺陷,但是幾乎可以忽略不計,現在所有的電腦版本和瀏覽器都支持css樣式。除了上述兩種之外,我們有更好的方法,就是<h1>文章標題</h1>。這是非常好的標題定義方法。

方法一: <span class="heading">文章標題</span>
雖然在某些情況下<span>會是一個方便的標簽,但它并不能表達出標題的完整含義。采用這個方法的一個好處是,我們可以對它附加一個CSS規則,分配其一個heading class,使其文字象標題一樣顯示。
.heading {
font-size: 12px;
font-weight: bold;
color: red;
}
在這里上海做網站要提醒一下使用這種方法定義標題,有一個風險。就是我們的瀏覽器要支持css,現在幾乎所有的瀏覽器實際上都是支持css的,除非是很老版本的瀏覽器。也就是說萬一我們設置的這個外部樣式表的規則不被老版本的瀏覽器支持,會怎樣?盡管class="heading"為這個標簽增加了一點意義,但<span>仍然只是一個普通的標簽,可以被大多數瀏覽器的缺省樣式所修改掉。
方法二:<p>和<b>組合
<p><b>文章標題</b></p>,使用一個段落標簽,將會給我們帶來塊級的顯示,<b>會把文本變成粗體。但是用這個方法標記一個重要的標題時,我們面對的是同樣無意義的結果。不像方法一,<b>標簽能在可視化的瀏覽器中把文字顯示成粗體――甚至在不支持CSS的瀏覽器中。但是和<span>標簽一樣,搜索引擎也不會因為有一些東西在段落中被加粗了而給予更高的優先。
上海做網站上述介紹的兩種方法是目前大家常用的定義標題的方法,雖然有缺陷,但是幾乎可以忽略不計,現在所有的電腦版本和瀏覽器都支持css樣式。除了上述兩種之外,我們有更好的方法,就是<h1>文章標題</h1>。這是非常好的標題定義方法。
下一篇: 網站按鈕是網站建設中使用最多的元素
[收藏起來!超實用的做網站定義標題的基礎方法]網址:http://www.indorenews24.com/wangluoyingxiaozhishi/detail_607.htm 轉載需注明出處。
建站知識
網站設計知識網站建設知識網絡營銷知識微信營銷知識公司建站新聞網站建設套餐
網站建設優勢企業官網建設品牌創意網站電子商務網站微信開發手機網站建設成品網站建設閱讀推薦
上海做網站介紹多語言網站制… 上海做網站推薦網頁設計字體… 上海做網站公司介紹全平臺企… 網站按鈕是網站建設中使用最… 企業網站建設排版要主次分明… 卡地亞品牌官網制作-明企科… 網站制作想要高端上檔次,這… 上海做網站公司介紹2018… 收藏起來!超實用的做網站定… HTML5技術分享-上海做…網站建設流程
需求分析
費用計算
簽訂協議
創意設計
修改反饋
網站測試
售后維護