語義化的網(wǎng)頁XHTML語義化標(biāo)記_HTML/Xhtml_網(wǎng)頁制作

來源：懂視網(wǎng) 責(zé)編：小采時(shí)間：2020-11-27 16:47:01

語義化的網(wǎng)頁XHTML語義化標(biāo)記_HTML/Xhtml_網(wǎng)頁制作

語義化的網(wǎng)頁XHTML語義化標(biāo)記_HTML/Xhtml_網(wǎng)頁制作:分離結(jié)構(gòu)與表現(xiàn)的另一個(gè)重要方面是使用語義化的標(biāo)記來構(gòu)造文檔內(nèi)容。一個(gè) XHTML 元素的存在就意味被標(biāo)記內(nèi)容的那部分有相應(yīng)的結(jié)構(gòu)化的意義，沒有理由使用其他的標(biāo)記。換句話說，不要讓 CSS 使一個(gè) HTML 元素看起來就像另一個(gè) HTML 元素，比如用來代替標(biāo)記標(biāo)題

推薦度：

點(diǎn)擊下載本文 文檔為doc格式

導(dǎo)讀語義化的網(wǎng)頁XHTML語義化標(biāo)記_HTML/Xhtml_網(wǎng)頁制作:分離結(jié)構(gòu)與表現(xiàn)的另一個(gè)重要方面是使用語義化的標(biāo)記來構(gòu)造文檔內(nèi)容。一個(gè) XHTML 元素的存在就意味被標(biāo)記內(nèi)容的那部分有相應(yīng)的結(jié)構(gòu)化的意義，沒有理由使用其他的標(biāo)記。換句話說，不要讓 CSS 使一個(gè) HTML 元素看起來就像另一個(gè) HTML 元素，比如用來代替標(biāo)記標(biāo)題

、
是用作強(qiáng)調(diào)的，是用作重點(diǎn)強(qiáng)調(diào)的。大部分瀏覽器用斜體顯示強(qiáng)調(diào)的內(nèi)容，用粗體來顯示重點(diǎn)強(qiáng)調(diào)的內(nèi)容，然而，這是沒有必要的，如果是為了確定強(qiáng)調(diào)內(nèi)容的顯示方式，最好的方法就是使用CSS來定義他們的表現(xiàn)。當(dāng)你想要的只是視覺上的效果時(shí)，就不要使用強(qiáng)調(diào)了。而且如果你想要強(qiáng)調(diào)但是還覺得粗體或者斜體不視覺效果沒那么好，特別是斜體對(duì)于中文來說，那么你完全可以定義一些其他的比較醒目的樣式達(dá)到強(qiáng)調(diào)的效果。
例如: 復(fù)制內(nèi)容到剪貼板
代碼:
強(qiáng)調(diào) 的文本通常用斜體顯示，然而，特別強(qiáng)調(diào) 的文本通常以粗體顯示。 、標(biāo)簽為表格頭部，標(biāo)簽為表格主體內(nèi)容，標(biāo)簽為表格尾部。
其中還可以使用scope 可用于取代headers屬性，標(biāo)記含有表頭信息的單元格，其中各數(shù)值的內(nèi)容如下：
　row 指示當(dāng)前單元格，為包含當(dāng)前單元格的行提供相關(guān)的表頭信息。
　col 指示當(dāng)前單元格，為根據(jù)當(dāng)前單元格指定的列提供相應(yīng)的表頭信息。
　rowgroup 指示當(dāng)前單元格，為包含當(dāng)前單元格的其余行組提供相關(guān)的表頭信息。
　colgroup 指示當(dāng)前單元格，為根據(jù)當(dāng)前單元格指定的其余列組提供相應(yīng)的表頭信息。
abbr 用于定義表頭單元格中的縮寫名，如果沒有定義該屬性，則將默認(rèn)單元格內(nèi)容為節(jié)略形式。
例如: 復(fù)制內(nèi)容到剪貼板
代碼:
、、< caption >、 summary
XHTML中的表格不應(yīng)用來布局。然而如果是為了標(biāo)記列表的數(shù)據(jù)，就應(yīng)該使用表格了。
為表格標(biāo)題，屬性summar為摘要，
標(biāo)簽為首部說明，

Table 1: Power Mac G5 tech specs
Configurations Dual 1.8GHz Dual 2GHz Dual 2.5GHz
Model M9454LL/A M9455LL/A M9457LL/A
G5 Processor Dual 1.8GHz PowerPC G5 Dual 2GHz PowerPC G5 Dual 2.5GHz PowerPC G5
Frontside bus 900MHz per processor 1GHz per processor 1.25GHz per processor
Level2 Cache 512K per processor 512K per processor 512K per processor
效果察看：http://www.blueidea.com/articleimg/2006/02/3228/csstables.htm
復(fù)制內(nèi)容到剪貼板
代碼:
Internet Explorer is the most popular browser used underwater. , 知道del，就不要再用做刪除線了，用del顯然更具有語義化。而且del還帶有cite和datetime來表明刪除的原因以及刪除的時(shí)間。ins是表示插入，也有這樣的屬性。
例如： 復(fù)制內(nèi)容到剪貼板
~~代碼:~~
It really was very good. 表示是計(jì)算機(jī)代碼。而默認(rèn)樣式為打字體。技術(shù)論壇和blog中經(jīng)常遇到。例如：復(fù)制內(nèi)容到剪貼板代碼: p{margin:2px 0;} 、標(biāo)簽是表示web頁面上的簡(jiǎn)稱，標(biāo)簽為取首字母縮寫。（注：這里把簡(jiǎn)稱和縮寫分開而論，簡(jiǎn)稱范圍比縮寫大，取首字母的縮寫用標(biāo)簽）Windows的IE6.0以下的瀏覽器暫不支持標(biāo)簽。在IE里，你可以應(yīng)用CSS給但是不能應(yīng)用給標(biāo)簽， IE會(huì)為標(biāo)簽的title屬性顯示提示，但是會(huì)忽略標(biāo)簽。解決方法見: http://www.w3cn.org/article/translate/2005/115.html 例如: 復(fù)制內(nèi)容到剪貼板代碼: CSS 復(fù)制內(nèi)容到剪貼板代碼: CSS alt屬性和title屬性title屬性用來為元素提供額外說明信息title屬性可以用在除了base，basefont，head，html，meta，param，script和title之外的所有標(biāo)簽。但是并不是必須的。 alt屬性為不能顯示圖像、窗體或applets的用戶代理（UA），指定替換文字。替換文字的語言由lang屬性指定。復(fù)制內(nèi)容到剪貼板代碼: 復(fù)制內(nèi)容到剪貼板代碼: js獲取單選按鈕的數(shù)據(jù) 參考資料: 默認(rèn)樣式： http://www.w3cn.org/article/tips/2005/116.html http://www.w3.org/TR/CSS21/sample.html 語義化: http://www.456bereastreet.com/lab/developing_with_web_standards/zh http://www.456bereastreet.com/lab/developing_with_web_standards http://www.w3cn.org/article/translate/2005/114.html http://www.w3cn.org/article/translate/2005/114.html http://www.junchenwu.com/2005/11/html_tags.html http://brainstormsandraves.com/articles/semantics/structure/ http://www.w3.org/TR/html401/struct/text.htm http://www.simplebits.com/bits/simplequiz/資源鏈接： Bad Tags： http://www.htmldog.com/guides/htmlintermediate/badtags/ The Q tag http://diveintomark.org/archives/2002/05/04/the_q_tag HTML, XHTML, semantics and the future of the web http://www.westciv.com/style_master/house/good_oil/xhtml/index.html 聲明：本網(wǎng)頁內(nèi)容旨在傳播知識(shí)，若有侵權(quán)等問題請(qǐng)及時(shí)與本網(wǎng)聯(lián)系，我們將在第一時(shí)間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com

標(biāo)簽為首部說明，
、	、< caption >、 summary XHTML中的表格不應(yīng)用來布局。然而如果是為了標(biāo)記列表的數(shù)據(jù)，就應(yīng)該使用表格了。	為表格標(biāo)題，屬性summar為摘要，

Table 1: Power Mac G5 tech specs
Configurations	Dual 1.8GHz	Dual 2GHz	Dual 2.5GHz
Model	M9454LL/A	M9455LL/A	M9457LL/A
G5 Processor	Dual 1.8GHz PowerPC G5	Dual 2GHz PowerPC G5	Dual 2.5GHz PowerPC G5
Frontside bus	900MHz per processor	1GHz per processor	1.25GHz per processor
Level2 Cache	512K per processor	512K per processor	512K per processor

語義化的網(wǎng)頁XHTML語義化標(biāo)記_HTML/Xhtml_網(wǎng)頁制作語義化的網(wǎng)頁XHTML語義化標(biāo)記_HTML/Xhtml_網(wǎng)頁制作:分離結(jié)構(gòu)與表現(xiàn)的另一個(gè)重要方面是使用語義化的標(biāo)記來構(gòu)造文檔內(nèi)容。一個(gè) XHTML 元素的存在就意味被標(biāo)記內(nèi)容的那部分有相應(yīng)的結(jié)構(gòu)化的意義，沒有理由使用其他的標(biāo)記。換句話說，不要讓 CSS 使一個(gè) HTML 元素看起來就像另一個(gè) HTML 元素，比如用來代替標(biāo)記標(biāo)題推薦度：點(diǎn)擊下載本文文檔為doc格式標(biāo)簽：的網(wǎng)站 html XHTML 熱門焦點(diǎn)