陳梅 蘇晨 趙靜雅
摘要:隨著網(wǎng)絡(luò)信息的爆炸式增長,讓計(jì)算機(jī)能夠模仿人類解讀信息,從而為用戶提供精準(zhǔn)有效的信息成為網(wǎng)絡(luò)開發(fā)人員的一個(gè)重要目標(biāo),語義化與語義技術(shù)是實(shí)現(xiàn)這一目標(biāo)的重點(diǎn),本文從網(wǎng)頁制作各個(gè)時(shí)期的HTML分析闡述了語義化的體現(xiàn)與起到的作用。
關(guān)鍵詞:網(wǎng)頁制作發(fā)展;HTML;語義化
中圖分類號(hào):TP37? ? ? ? 文獻(xiàn)標(biāo)識(shí)碼:A
文章編號(hào):1009-3044(2019)28-0236-02
開放科學(xué)(資源服務(wù))標(biāo)識(shí)碼(OSID):
在迎接網(wǎng)絡(luò)5G時(shí)代的到來之際,瀏覽網(wǎng)頁獲取各種信息,早已成為人們生活中不可或缺的一個(gè)重要活動(dòng),網(wǎng)頁上的信息從最初的簡單文本內(nèi)容,發(fā)展到包含文本、圖片、音視頻以及動(dòng)畫等各種豐富的內(nèi)容,網(wǎng)頁上信息的獲取方式也從簡單的鏈接查找信息,發(fā)展到根據(jù)用戶的瀏覽歷史進(jìn)行有針對(duì)性的有效推送信息,從網(wǎng)頁的發(fā)展可以看出人們對(duì)獲取信息內(nèi)容需求的不斷提高,伴隨而來的網(wǎng)頁制作技術(shù)中也體現(xiàn)了更多的語義化。
1 網(wǎng)頁制作的發(fā)展
網(wǎng)頁制作的發(fā)展經(jīng)歷了web1.0、web2.0和當(dāng)前的web3.0時(shí)代,為了滿足用戶對(duì)信息獲取從內(nèi)容到方式的不斷提高的需要,網(wǎng)頁的制作技術(shù)也在不斷更新與改進(jìn),使網(wǎng)頁開發(fā)的技術(shù)人員能夠擁有更多的新工具實(shí)現(xiàn)更好的用戶體驗(yàn)。其中HTML已經(jīng)于2014年由W3C發(fā)布了HTML5.0推薦標(biāo)準(zhǔn),CSS也在CSS2.1的基礎(chǔ)上分為多個(gè)模塊單獨(dú)升級(jí),進(jìn)入到CSS3。
2 語義化的含義與作用
語義是指語言意義,語義元素即擁有語義的元素,能夠清楚地向?yàn)g覽器和開發(fā)者描述其意義。
使用帶語義化的標(biāo)簽制作的網(wǎng)頁能夠在多個(gè)方面體現(xiàn)出優(yōu)勢(shì),第一,使用帶語義化的標(biāo)簽,使代碼結(jié)構(gòu)清晰,即使頁面沒有CSS的設(shè)置也能夠呈現(xiàn)出完整良好的內(nèi)容結(jié)構(gòu);第二,為用戶瀏覽網(wǎng)頁提供良好的用戶體驗(yàn);第三,降低計(jì)算機(jī)理解內(nèi)容含義和語境的難度,搜索引擎網(wǎng)絡(luò)爬蟲通過標(biāo)簽確定關(guān)鍵字的權(quán)重,因此有利于與搜索引擎建立良好的溝通,幫助網(wǎng)絡(luò)爬蟲抓取更多的有效信息;第四,語義化標(biāo)簽使代碼具有更強(qiáng)的可讀性,便于團(tuán)隊(duì)的開發(fā)與維護(hù),使開發(fā)人員對(duì)HTML結(jié)構(gòu)理解統(tǒng)一;第五,便于屏幕閱讀器等其他設(shè)備對(duì)網(wǎng)頁的解析。
3 網(wǎng)頁初期的語義化體現(xiàn)
HTML(超文本標(biāo)記語言——HyperText Markup Language)作為 Web 世界的基石,從一開始其中的標(biāo)簽就是語義化的,如
表示段落, 同時(shí)從HTML被發(fā)明開始,樣式也以各種形式存在。網(wǎng)絡(luò)初期,信息內(nèi)容相對(duì)較少,網(wǎng)頁制作中采用table進(jìn)行布局,優(yōu)勢(shì)在于一方面能夠快速編寫代碼,另一方面可以形成比較復(fù)雜的變化,而且在不同瀏覽中展示效果相同。但是將table標(biāo)簽用于布局屬于不正規(guī)使用,破壞了網(wǎng)頁的語義化,因?yàn)閠able標(biāo)簽本身的語義是表現(xiàn)數(shù)據(jù)。另外HTML中除了顯示內(nèi)容的標(biāo)簽,還有很多用于顯示形式的標(biāo)簽,如 4 HTML4.0中的語義化體現(xiàn) 隨著網(wǎng)頁信息量的快速增長,為了滿足頁面設(shè)計(jì)者的要求,HTML添加了很多顯示功能,同時(shí)隨著這些功能的增加,HTML也變得越來越雜亂,而且HTML頁面也越來越臃腫,此時(shí)網(wǎng)頁開發(fā)中將內(nèi)容與形式的分離的思想開始進(jìn)入網(wǎng)頁開發(fā)者的視野之中。 CSS的出現(xiàn)為HTML標(biāo)記語言提供了樣式描述,定義了其中元素的顯示方式。CSS在Web設(shè)計(jì)領(lǐng)域是一個(gè)突破,利用它可以實(shí)現(xiàn)修改一個(gè)小的樣式更新與之相關(guān)的所有頁面元素,具有豐富的樣式定義和易于使用和修改的特點(diǎn)。 基于DIV+CSS的網(wǎng)頁實(shí)現(xiàn)了內(nèi)容與形式的分離,HTML提供信息內(nèi)容,CSS設(shè)置樣式,這是網(wǎng)頁朝著語義化邁進(jìn)的一大步,HTML中更加注重語義的表現(xiàn),使得在沒有CSS的情況下也能夠?qū)?nèi)容進(jìn)行完整地呈現(xiàn)。 伴隨著DIV+CSS布局的廣泛應(yīng)用,有一個(gè)問題變得越來越突出,由于 5 HTML5中的語義化體現(xiàn) 第一,除去為了解決開發(fā)規(guī)范不統(tǒng)一的問題外,隨著信息量的爆炸式增長,搜索引擎優(yōu)化,對(duì)語義的要求也越來越依賴,使用更具語義化的元素成為網(wǎng)頁開發(fā)的一個(gè)關(guān)注點(diǎn),因此HTML5中引入了更多擁有語義的元素——直接用于描述內(nèi)容的標(biāo)記,如用于定義頭部的元素header、尾部元素footer、導(dǎo)航區(qū)段元素nav、側(cè)邊欄元素aside、正文元素article和section,同時(shí)在新規(guī)范中也丟棄一些原先用于表現(xiàn)性的元素:big、center、font、tt等,提倡用語義正確的元素進(jìn)行代替。HTML5中的這些語義化標(biāo)簽不是對(duì)網(wǎng)頁的頁面外觀進(jìn)行改變,而是頁面開發(fā)過程中將結(jié)構(gòu)中的大量DIV標(biāo)簽替換成語義化標(biāo)簽。下圖為HTML5的頁面結(jié)構(gòu)語義元素。 第二,圖片是網(wǎng)頁信息中的一個(gè)重要元素,在HTML5中,通過使用 第三,HTML5中的很多新元素都可以幫助開發(fā)者更準(zhǔn)確的描述內(nèi)容,有得第三方程序解析網(wǎng)頁代碼,如屏幕閱讀器就可以借助HTML5的新屬性role,通過開發(fā)人員設(shè)置的導(dǎo)航提示輕松解析頁面,為頁面建立一個(gè)簡單的索引,方便用戶在應(yīng)用程序中快速導(dǎo)航。 6 語義化發(fā)展的前景——語義化網(wǎng)絡(luò) 網(wǎng)頁從一開始為用戶提供豐富信息的目標(biāo)到如今為用戶提供更精準(zhǔn)的信息服務(wù)的目標(biāo),實(shí)際上是將人類靈活處理加工信息的方式,通過技術(shù)手段讓計(jì)算機(jī)進(jìn)行解讀完成,用語義技術(shù)來實(shí)現(xiàn)這一愿景,使用語義數(shù)據(jù)構(gòu)建語義網(wǎng)是發(fā)展的大趨勢(shì),越來越多的企業(yè)和開發(fā)者在不斷探索將語義技術(shù)融入Web應(yīng)用程序中。 參考文獻(xiàn): [1] 張雪紅. 淺談Html5的特性及其發(fā)展趨勢(shì)[J].江西廣播電視大學(xué)學(xué)報(bào),2018(1). [2] 韋佳佳.基于HTML5語義化標(biāo)簽的Web文本提取技術(shù) [J].貴陽學(xué)院學(xué)報(bào),2017(9). [3] 劉霜; 潘立武.HTML發(fā)展應(yīng)用中的探索與研究[J].信息與電腦(理論版),2016(6). [4] 楊柳. 論HTML5和CSS3在網(wǎng)頁布局中新特性和優(yōu)勢(shì) [J].電子世界,2016(8). 【通聯(lián)編輯:唐一東】表示表格數(shù)據(jù)。