應用特殊標識及JavaScript達成HTML標籤減量化之設計

A design for reducing HTML tags by using special labels and JavaScript

古尚弘(Shang Hung Ku)

指導教授 ： 李增奎

健行科技大學/電資學院/資訊工程系碩士班/碩士(2016年)

摘要

瀏覽網頁已經成為人們日常生活中的生活習慣，所以資訊和網路技術得到了快速發展。減輕網頁設計的工作複雜度並增加網站的效能，成為在資訊技術的發展的重要任務之一。在本文中，我們提出透過使用特殊標識和相應的JavaScript程式碼來減少使用HTML標記量的方法，在該方法中，我們使用HTML標籤的屬性- CSS的ClassName，JavaScript的程式碼會識別這些標籤，讀取標識的內容，然後再轉成適合的HTML代碼。使用我們的方法，HTML標籤的數量可減少，而且網路傳輸的量和網站服務器的負載將降低，但不會妨礙搜索引擎，例如:Google，找到我們的網頁。

關鍵字

CSS ； HTML ； JavaScript ； Google Engine。

並列摘要

Browsing web pages has becomes people’s living habit in the daily life. So as to the information and internet technology has been rapidly developed. To ease of the design of the web pages and to increase the performance of the web sites become one of the important tasks in development of information technology. In the paper, we propose a method to decrease the amount of tags in HTML by using special labels and corresponding JavaScript codes. In the method, we use the HTML tags’ attributes -- ClassNames of CSS as the special labels. The JavaScript codes will recognize the labels, read the contents of the tags, and then translate to the proper HTML codes. Using our method, the amount of HTML tags will be decreased. So the amount of network transformation and the loading of web site servers will be decreased. However, our method will not impede the searching engines – like Google, to find the web pages.

並列關鍵字

CSS ； HTML ； JavaScript ； Google Engine.

參考文獻

[1] 王至遠，「一個HTML到VoiceXML的轉換器，國立中正大學，碩士論文，民國九十六年。

[2] 林承甫，「JavaScript網頁應用程式資料流測試模型之研究」，臺北科技大學，碩士論文，民國一百零三年。

[3] 翁子翔，「以AJAX技術實作與分析靜態化動態網頁」，健行科技大學，碩士論文，民國一百零一年。

[4] 陳沛昇，「一個以行動為中心整合網頁服務之傳統網頁切遷移方法」，逢甲大學，碩士論文，民國一百零二年。

[5] HTML 簡介(瀏覽時間：2016/5/5) https://developer.mozilla.org/zh-TW/docs/Web/HTML/Introduction