中文字幕二区_国产精品免费在线观看_黄色网站观看_人人草人人澡_日本真实娇小xxxx

您的位置: 首頁 > 技術(shù)文檔 > 網(wǎng)頁制作 > 標(biāo)記語言——標(biāo)題
關(guān)于Javascript的內(nèi)存泄漏問題 回到列表 三維正方體(兼容ie/ff)
 標(biāo)記語言——標(biāo)題

作者:zergine 時(shí)間: 2008-04-11 文檔類型:翻譯 來自:藍(lán)色理想

第 1 頁 標(biāo)記語言——標(biāo)題 [1]
第 2 頁 標(biāo)記語言——標(biāo)題 [2]
第 3 頁 標(biāo)記語言——標(biāo)題 [3]
第 4 頁 標(biāo)記語言——標(biāo)題 [4]
第 5 頁 標(biāo)記語言——標(biāo)題 [5]

上文:Chapter 1 清單

原文出處

標(biāo)準(zhǔn)化設(shè)計(jì)解決方案 - 標(biāo)記語言和樣式手冊
Web Standards Solutions The Markup and Style Handbook

Part 1: Get Down With Markup  從標(biāo)記語法談起

Chapter 2 標(biāo)題

總覽:

不但所有網(wǎng)頁都需要有標(biāo)題,而且如果標(biāo)記正確的話,他們能為網(wǎng)頁設(shè)計(jì)和易用性增色不少.

從外觀來說,網(wǎng)頁的標(biāo)題通常是使用較大的字號(hào),或許會(huì)用和主體文字不同的顏色或者字體.標(biāo)題的作用是"簡要的描述往后章節(jié)所討論的主題",W3C這樣描述 — 顯示網(wǎng)頁內(nèi)各個(gè)段落的概要.

怎樣來創(chuàng)建一個(gè)頁面標(biāo)題來使得我們要展現(xiàn)的信息得到最有效的利用?在這個(gè)章節(jié)中,我們將研究幾種常用的處理標(biāo)題的方法,試著從中找出其中一種對我們最有幫助的方式,然后,我們將使用一些css的技巧和竅門來為最棒的方法裝飾一番.

創(chuàng)建文檔標(biāo)題的最好方法是什么?

在回答這個(gè)問題之前,讓我們假設(shè)現(xiàn)在正要把標(biāo)題放置在文檔的頁首,我們來看看能夠達(dá)成類似效果的三種方式.

方法A:有意義嗎?

<span class="heading">Super Cool Page Title</span>

雖然<span>標(biāo)簽在某些場合會(huì)是個(gè)方便的標(biāo)簽,但是對于頁面標(biāo)題來說,它的意義并不大,使用這個(gè)方法的唯一好處是我們可以為 heading 類指定一個(gè)css樣式,以便讓文字看起來像是個(gè)標(biāo)題.

.heading {
  font-size: 24px;
  font-weight: bold;
  color: blue;
  }

現(xiàn)在,所有標(biāo)記了heading類的標(biāo)題都會(huì)變大,變粗,變藍(lán),很棒對吧?但是,如果有人使用一個(gè)不支持css的瀏覽器訪問這個(gè)頁面會(huì)怎么樣呢?

舉例來說,如果我們把css樣式放在舊瀏覽器不支持的外部樣式表文件里 — 或者屏幕閱讀器為有障礙的用戶朗讀頁面時(shí)會(huì)怎么樣呢?通過這些途徑訪問這個(gè)頁面的使用者將看不到(聽不到)標(biāo)題和正文文字的差異.

class="heading"這樣的標(biāo)注方法稍~~微的描述了標(biāo)簽內(nèi)容的意義,但是<span>只是個(gè)一般用途的容器,只是讓大部分瀏覽器改變默認(rèn)顯示樣式而已.

搜索引擎在抓取到這個(gè)頁面時(shí),會(huì)跳過<span>標(biāo)簽就像它不曾在那邊一樣,不會(huì)為里面可能包含的關(guān)鍵字提升權(quán)重,稍后在本章節(jié)內(nèi)會(huì)提到更多搜索引擎和頁面標(biāo)題的關(guān)系.

最后,由于<span>標(biāo)簽是一個(gè)行內(nèi)元素,我們大多需要把方法A的內(nèi)容在放置到另一個(gè)塊級容器中,比方說<p>或者<div>,以便讓它獨(dú)占一行.這樣會(huì)生成許多不必要的代碼,就算你加上需要的容器,不支持css的瀏覽器仍然會(huì)以他本來的方式顯示文字,讓用戶看不出標(biāo)題和正文的任何區(qū)別.

出處:藍(lán)色理想
責(zé)任編輯:bluehearts

上一頁 下一頁 標(biāo)記語言——標(biāo)題 [2]

◎進(jìn)入論壇網(wǎng)頁制作WEB標(biāo)準(zhǔn)化版塊參加討論,我還想發(fā)表評論。

相關(guān)文章 更多相關(guān)鏈接
標(biāo)記語言——表單
標(biāo)記語言——引用
標(biāo)記語言——邪惡的表格
火星人的耳機(jī)
標(biāo)記語言——清單
作者文章 更多作者文章
標(biāo)記語言——表單
標(biāo)記語言——引用
標(biāo)記語言——邪惡的表格
HTML 5 預(yù)覽
CSS Hack整理
關(guān)鍵字搜索 常規(guī)搜索 推薦文檔
熱門搜索:CSS Fireworks 設(shè)計(jì)比賽 網(wǎng)頁制作 web標(biāo)準(zhǔn) 用戶體驗(yàn) UE photoshop Dreamweaver Studio8 Flash 手繪 CG
站點(diǎn)最新 站點(diǎn)最新列表
周大福“敬•自然”設(shè)計(jì)大賽開啟
國際體驗(yàn)設(shè)計(jì)大會(huì)7月將在京舉行
中國國防科技信息中心標(biāo)志征集
云計(jì)算如何讓安全問題可控
云計(jì)算是多數(shù)企業(yè)唯一擁抱互聯(lián)網(wǎng)的機(jī)會(huì)
阿里行云
云手機(jī)年終巨獻(xiàn),送禮標(biāo)配299起
阿里巴巴CTO王堅(jiān)的"云和互聯(lián)網(wǎng)觀"
1499元買真八核 云OS雙蛋大促
首屆COCO桌面手機(jī)主題設(shè)計(jì)大賽
欄目最新 欄目最新列表
淺談JavaScript編程語言的編碼規(guī)范
如何在illustrator中繪制臺(tái)歷
Ps簡單繪制一個(gè)可愛的鉛筆圖標(biāo)
數(shù)據(jù)同步算法研究
用ps作簡單的作品展示頁面
CSS定位機(jī)制之一:普通流
25個(gè)最佳最閃亮的Eclipse開發(fā)項(xiàng)目
Illustrator中制作針線縫制文字效果
Photoshop制作印刷凹凸字體
VS2010中創(chuàng)建自定義SQL Rule
>> 分頁 首頁 前頁 后頁 尾頁 頁次:1/51個(gè)記錄/頁 轉(zhuǎn)到 頁 共5個(gè)記錄

藍(lán)色理想版權(quán)申明:除部分特別聲明不要轉(zhuǎn)載,或者授權(quán)我站獨(dú)家播發(fā)的文章外,大家可以自由轉(zhuǎn)載我站點(diǎn)的原創(chuàng)文章,但原作者和來自我站的鏈接必須保留(非我站原創(chuàng)的,按照原來自一節(jié),自行鏈接)。文章版權(quán)歸我站和作者共有。

轉(zhuǎn)載要求:轉(zhuǎn)載之圖片、文件,鏈接請不要盜鏈到本站,且不準(zhǔn)打上各自站點(diǎn)的水印,亦不能抹去我站點(diǎn)水印。

特別注意:本站所提供的攝影照片,插畫,設(shè)計(jì)作品,如需使用,請與原作者聯(lián)系,版權(quán)歸原作者所有,文章若有侵犯作者版權(quán),請與我們聯(lián)系,我們將立即刪除修改。

您的評論
用戶名:  口令:
說明:輸入正確的用戶名和密碼才能參與評論。如果您不是本站會(huì)員,你可以注冊 為本站會(huì)員。
注意:文章中的鏈接、內(nèi)容等需要修改的錯(cuò)誤,請用報(bào)告錯(cuò)誤,以利文檔及時(shí)修改。
不評分 1 2 3 4 5
注意:請不要在評論中含與內(nèi)容無關(guān)的廣告鏈接,違者封ID
請您注意:
·不良評論請用報(bào)告管理員,以利管理員及時(shí)刪除。
·尊重網(wǎng)上道德,遵守中華人民共和國的各項(xiàng)有關(guān)法律法規(guī)
·承擔(dān)一切因您的行為而直接或間接導(dǎo)致的民事或刑事法律責(zé)任
·本站評論管理人員有權(quán)保留或刪除其管轄評論中的任意內(nèi)容
·您在本站發(fā)表的作品,本站有權(quán)在網(wǎng)站內(nèi)轉(zhuǎn)載或引用
·參與本評論即表明您已經(jīng)閱讀并接受上述條款
推薦文檔 | 打印文檔 | 評論文檔 | 報(bào)告錯(cuò)誤  
專業(yè)書推薦 更多內(nèi)容
網(wǎng)站可用性測試及優(yōu)化指南
《寫給大家看的色彩書1》
《跟我去香港》
眾妙之門—網(wǎng)站UI 設(shè)計(jì)之道
《Flex 4.0 RIA開發(fā)寶典》
《贏在設(shè)計(jì)》
犀利開發(fā)—jQuery內(nèi)核詳解與實(shí)踐
作品集 更多內(nèi)容

雜⑦雜⑧ Gold NORMANA V2