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

您的位置: 首頁 > 技術(shù)文檔 > 網(wǎng)頁制作 > 標(biāo)記語言——短語元素
IE6實現(xiàn)min-width 回到列表 悟透JavaScript
 標(biāo)記語言——短語元素

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

第 1 頁 短語元素 [1]
第 2 頁 短語元素 [2]
第 3 頁 短語元素 [3]
第 4 頁 短語元素 [4]
第 5 頁 短語元素 [5]

兼容性問題

值得一提的是,在本書撰寫的時候,windows版的Internet Explorer還不支持為<abbr>標(biāo)簽指定樣式,顯示工具提示. IE/Win支持<acronym>標(biāo)簽,這是為了鼓勵某些設(shè)計者只使用<acronym>處理縮寫名詞與略稱.

這么做或許很有吸引力,但是為了解決現(xiàn)實問題而使用錯誤的元素并不是件好事,對這個特定問題來說,我偏好根據(jù)規(guī)范表示名詞,讓正確支持的瀏覽器處理<abbr>標(biāo)簽的樣式.讓我們很快地看看幾個還沒提到的短語元素.

<code>

<code>元素的設(shè)計目的是在XHTML頁面內(nèi)展示代碼示例,舉例來說,當(dāng)你想分享某段CSS時,你可以這樣寫:

<code>
#content {
  width: 80%;
  padding: 20px;
  background: blue;
  }
</code>

一般來說,可視化瀏覽器會以定寬serif字體顯示<code>標(biāo)簽中的內(nèi)容.當(dāng)然,我們也能加上CSS規(guī)則,指定我們喜歡的顯示方式.

code {
  font-family: Courier, serif;
  color: red;
  }

如此一來,<code>的內(nèi)容就會變成紅色的Courier字體了.

<samp>

<samp>元素是用來標(biāo)識程序與script的示例輸出的,舉例來說,如果我想討論正在編寫的Perl script輸出結(jié)果,我可能會標(biāo)集成這樣:

<p>When the script has executed, at the command line you will see the message <samp>script was successful!</samp>.</p>

這邊我以<samp>把script的輸出示例圍起來,同時我們也能以CSS規(guī)則為程序輸出示例設(shè)定獨(dú)特的樣式,就像剛才為<code>做的一樣.

<var>

與<samp>相關(guān)的,<var>是用來標(biāo)記程序的變量和引用用的,舉例來說,如果我們正在討論XSLT樣式表,那么我能寫下:

<p>I'm going to pass the parameter <var>lastUpdated</var> to my main.xsl file.</p>

許多瀏覽器會以斜體顯示<var>標(biāo)簽的內(nèi)容,但是你可以寫一條簡單的規(guī)則去掉預(yù)設(shè)值,如果你不喜歡斜體的話.我們能用CSS的font-style屬性改變顯示效果:

var {
  font-style: normal;
  font-family: Courier, serif;
  color: purple;
  }

最后讓我們看看<kbd>元素,完成短語元素的部分.

<kbd>

<kbd>元素可以用來標(biāo)記使用者要輸入的文字,舉例來說,如果我正在解釋如何使用剛才指定的accesskey把光標(biāo)切換到搜索框內(nèi),我可能會這樣寫:

<p>To quickly change focus to the search input field, Mac users type <kbd>Command+9</kbd>.</p>

你大概猜得到我接下去要說什么了,沒錯,只要使用簡單的CSS規(guī)則,你就能調(diào)整所有的<kbd>元素的樣式,與其他短語元素一樣.

結(jié)論

回顧一下在這章中看過的內(nèi)容,首先探討<strong>和<em>優(yōu)于同等顯示效果的<b>和<i>的原因,同時也研究了如何單純設(shè)定粗體或斜體顯示效果,CSS是正確的方法.

也討論了其他的短語元素,以<cite>標(biāo)記人物,出版物開始,并證明了結(jié)構(gòu)化標(biāo)記語法對顯示效果,資料解析的好處.

并示范了如何以適當(dāng)?shù)脑䴓?biāo)記縮寫名詞,略稱,提升網(wǎng)頁的易用性,同時以額外的CSS展示,語音規(guī)則強(qiáng)化定義內(nèi)容.最后則看到剩下的短語元素,每個元素都具備一般文字不同的預(yù)設(shè)樣式,但是我們也能快速地為單一頁面或者整個網(wǎng)站輕易的設(shè)計簡單的CSS規(guī)則,為這些元素指定想要的顯示樣式.

經(jīng)典論壇交流
http://bbs.blueidea.com/thread-2824203-1-1.html

本文鏈接:http://m.95time.cn/tech/web/2008/5854.asp 

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

上一頁 短語元素 [4] 下一頁

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

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

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

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

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

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

雜⑦雜⑧ Gold NORMANA V2