來源:無錫網(wǎng)站建設(shè)阿凡達(dá) 瀏覽次數(shù):354 發(fā)表日期:2023-05-19
結(jié)構(gòu)良好的HTML (或者XHTML)文檔可能包含如下元素:
●HTML文檔結(jié)構(gòu)(
標(biāo)簽來標(biāo)識該文本是引用的。永遠(yuǎn)不要根據(jù)Web瀏覽器中的顯示方式來選擇HTML標(biāo)簽。你可以在稍后使用CSS來調(diào)整內(nèi)容的可視化效果以制作理想的標(biāo)題、引用、強(qiáng)調(diào)文字以及其他排版效果的外觀。
因?yàn)閭€別可能需要某些視覺效果的原因,例如,用斜體顯示某個科學(xué)名稱,如Homo sapiens (智人),HTML中還保留了少許諸如 (粗體)和 (斜體)的專用可視HTML標(biāo)簽。如果你使用類似或的語義含義的標(biāo)簽,不妨思考一下適當(dāng)?shù)臉邮綇?qiáng)調(diào)() 或者加粗強(qiáng)調(diào)(strong>) 能否表示出更多的含義。HTML也包含不為瀏覽者所見的語義元素,但是它對于網(wǎng)站開發(fā)團(tuán)隊(duì)的幕后工作非常有用。諸如lass ID、 division. span和met標(biāo)簽等元素都可以讓團(tuán)隊(duì)成員更方便地理解、使用、可視化樣式和從程序上控制頁面元素。很多樣式表和編程技術(shù)都要求對頁面元素進(jìn)行細(xì)致的語義命名,以便讓內(nèi)容的訪問性和靈話性更為通用。
3.層疊樣式表
層疊樣式表(CsS)允許Web發(fā)布者在給予圖形設(shè)計師對每個HTML元素可視化顯,示細(xì)節(jié)完全控制權(quán)的同時,保留使用語義htML傳遞邏輯文檔結(jié)構(gòu)和含義的巨大優(yōu)勢。CSS的作用就像是諸如Microsoft Word之類的文檔處理程序中的樣式表。換而言之,就是你可以使用分級的標(biāo)題和其他樣式來構(gòu)造文檔,接著只通過更改樣式便可全局更改所有的樣式。css 的工作方式相同,尤其是當(dāng)你使用網(wǎng)站所有頁面共享的外部樣式表時。例如,如果所有頁面都鏈接了同--主CSS文件,那么你只需更改主樣式表中的樣式即可更改所有
標(biāo)題的字體、字號和顏色。
4.視昕內(nèi)容
Web頁面文件不直接包含圖形和視聽素材,但是使用圖像和其他指示鏈接在瀏覽器中將圖形和媒介合并到*終的Web頁面組合中。它們包含的這些鏈接以及替代文字(“alt”文本)或者長描述性(longdesc) 鏈接對于通用可用性和搜索引擎可視性而言非常重要。Web用戶不只會搜索文字。搜索引擎會使用帶關(guān)鍵字的標(biāo)簽圖像所對應(yīng)的替代文字描述,存在視障的用戶會基于替代文字來描述圖像內(nèi)容。適當(dāng)?shù)恼Z義標(biāo)往能確保你的視聽媒介為瀏覽者中的每個人以及搜索引擎*大范圍地使用。
5.交互腳本
JavaScript是通常用來創(chuàng)建交互行為的語言。JavaScript 也是諸如Ajax之類原Web頁面內(nèi)容交付策略中的關(guān)鍵技術(shù)。所有的JavaScript代碼都應(yīng)歸于Web頁面的“頭部”(head)區(qū)域,但是如果你的代碼很復(fù)雜并且非常長,“真實(shí)的”頁面內(nèi)容就被擠到了幾十行代碼的下方,無法被搜索引擎找到。如果你使用頁面級別的JavaScript腳本(也被稱為客戶端腳本),則應(yīng)該將所有的代碼以*短的字節(jié)數(shù)放在某個鏈接文件中。應(yīng)用此種方式,當(dāng)使用長而復(fù)雜的JavaScript時就不會錯失搜索頁面排名。
6.其他文檔格式
除了HTML外,Web還支持很多文檔格式。PDF、Flash 和Shockwave是經(jīng)常用來提供基礎(chǔ)HTML無法提供的功能的格式。PDF文件深受那些使用文字處理和頁面市同程序制作的文檔的喜愛,它能保持源文檔的外見,F(xiàn)lash和Shockwave提供了使用標(biāo)準(zhǔn)HTML無法提供的交互性。通常,*好的方式是以無格式的HTML形式提供文檔,這是因?yàn)闃?biāo)注可以提供更大的靈活性,井且被設(shè)計為支持通用可用性,然而有時,在必質(zhì)果用其他格式提供的附加特色和功能之時,要確保能m到軟件的可訪問性功能,Adobe花了大力氣通過支持語義標(biāo)注、文本等價和關(guān)鍵宇川訪問性,專門將可訪問性功能合并到它的Web格式之中。
注意瀏覽器的不同
用于表格、表單、定位和排列的HTML及CSS有時在針對不同品牌和版本的Web瀏覽器時,其使用會稍有區(qū)別。這些細(xì)微的不同通常不會被注意到,但是在更為精準(zhǔn)和復(fù)雜的Web頁面布局中,也有可能會造成意想不到的結(jié)果。不要過于相信HTML、CSS、JavaScript、 Java 或任何插件的效果,除非你使用每個主流Web瀏覽器并且跨平臺查看過你的Web頁面的顯示。
查看Web日志,或者使用諸如Google Analytics 之類的服務(wù),來了解在讀者群中*普遍使用的是什么瀏覽器品牌、瀏覽器版本以及操作系統(tǒng)(Mac、Windows 和移動)。并非每個瀏覽器都支持CSS的所有的功能,尤其是如果那個功能很少使用或者近期才添加到CSS代碼的官方標(biāo)準(zhǔn)中。例如,盡管帶陰影的文字是有效的CSS選項(xiàng),但是所有的瀏覽器都不支持它。
關(guān)于語義標(biāo)注的小結(jié)
基于語義標(biāo)注技術(shù)和標(biāo)準(zhǔn)的網(wǎng)站建設(shè)HTML文檔類型仔細(xì)設(shè)置標(biāo)注和編輯標(biāo)準(zhǔn),井且在整個開發(fā)過程中堅持使用這些標(biāo)準(zhǔn)。當(dāng)今的Web環(huán)境遠(yuǎn)不止桌面計算機(jī)上的Internet Explorer或者Firefox-成百 上千的移動計算機(jī)設(shè)備在為人們使用,每天都有很多查看和使用Web內(nèi)容的全新方式出現(xiàn)?;旧?,遵循語言Web標(biāo)注的慣例做法和審慎使用已經(jīng)驗(yàn)證的頁面代碼和樣式表的做法,是確保Web內(nèi)容*好策略,它們能確保你的Web內(nèi)容在未來使用性*廣、可見性更強(qiáng)。
聲明:本站部分內(nèi)容及圖片來自互聯(lián)網(wǎng),轉(zhuǎn)載是出于傳遞更多信息之目的,內(nèi)容觀點(diǎn)僅代表作者本人,如有任何標(biāo)注錯誤或版權(quán)侵犯請與我們聯(lián)系(Email:2242241319@qq.com),我們將及時更正、刪除,謝謝。
免費(fèi)答疑熱線
400-189-1319
添加微信