TWI225998B - Method for managing element property in markup language - Google Patents

Description

1225998 玖、發明說明： 【發明所屬之技術領域】 ^發明係關於-種管理標示語言中元素屬性的方法， 在ίϊ網路的環境中’㈣器以屬性之優先權高 低來處理兀素屬性繼承之内容。 【先前技術】 在终多標示語言中，例如：HTML、wml、xhtml， 都存在元素屬性繼承關係，元素（element)間的屬性 H) (pn^ty)可相互繼承，而且繼承關係存在料同元素與屬 性組合之間’另外’亦可使用外加的階層式樣式表（CSS) 改變元素的屬性内容，在HTML標示語言中，包括有：元 素预設的標籤屬性、父元素屬性以及外加的階層式樣式表 (CSS) ’可用以設定元素的屬性内容。 15 —在網頁中，兀素屬性内容由該元素预設的標籤屬性決 定，但有父元素或是外部階層樣式表（css)影響時，則元素 的，性會受其影響。但是某些屬性又不具有繼承性。因此， 决疋7C素屬性的順序，必須依照優先權的高低逐一掃猫各 屬性，最後決定元素的屬性内容，一般而言，其優先權順 〇序由同至低為·階層樣式表（css)之屬性〉父元素之屬性> 元素预設的標籤屬性。 傳統瀏覽器瀏覽網頁時，都必須處理元素之屬性繼承 關係時，依照上述之優先權順序逐一掃瞄，如圖丨所示，首 先，掃瞄階層式樣式表（css)内容，判斷元素之屬性内容， 1225998 並載入元素中（步驟1)。再來，掃瞄父元素之屬性内容， 如果該元素屬性内容必須被繼承，則載入元素中（步驟2)。 第二’掃目苗元素预設的標籤屬性，如果經過前兩步驟，元 素尚未被定義，最後才載入元素预設的標籤屬性（步驟3)， 經過了上述的三個步驟之後，才會顯示輸出顯示對應之元 素（步驟4)。 10 15 义上述的方法，其缺點在於缺乏彈性，當使用者對網頁 發出存取要求時，會先取得HTML網頁檔，由於階層樣式 表（CSS)可以内嵌在網頁中，也可以放在網頁伺服二上: 甚至是不同的伺服器，當瀏覽網頁時，由於階層樣式表 (CSS)檔案尚未取得，因此，必須要停留在步驟卜等到從 伺服器取得階層樣式表（css)播案後，才能顯示對應之元^ 之樣式型態，尤其在無線網路的環境中，當要下載階層樣 式表（CSS)檔案時，容易受到網路速度的影響，㈣器:須 要等待處理階層樣式表（CSS)檔案，使得時間㈣在等待 載階層樣式表（CSS)檔案’若是存取階層樣式表（CM)槽案 失敗’網頁會以元素預設的屬性顯示，而忽略css外加的 =性，如此-來。等待的時間就白費了，網頁也無法順利 顯不’而由於劉覽器的處理程序已經固定，_ 不斷重複的執行重複的動作，等到所有 、 後，才能順利的瀏覽網頁。 斤都疋成 由上所述，習知的管理標示語言方法較無彈性，尤盆 對於其他的標示語言來說’其優先權順序和讀並 不相同’因此，習知管理標示語言中元素屬性的= 20 1225998 造成設計缺乏 依照私不語言的特性，重新安排處理程序 彈性，而有予以改進的必要。 【發明内容】 5 地決定元素之屬性内容 為達成上述之目的，本發明之管理標示語言 1〇 包括：(A)接收一預設屬性式樣表，該預設屬性 =包括多組標藏’每一組標鐵定義-個元素的预設標 戴屬性，（B)依據所接收預設屬性式樣表中所定義的元素之 预設標籤屬性，顯示對應之元素；（c)接收至少一夕^部^ 性，該外部屬性包括多組標籤，每一組標藏定義一個元素 之延伸標籤屬性；（D)對於同時由預設屬性式樣表所定義 15及外部屬性所定義之每一元素，判斷其由該外部屬性戶^定 義之屬性的優先權是否大於由預設屬十生式樣表標鐵所定義 之屬性的優先權’如是’則該元素之屬性由外部屬性所定 義之延伸標籤屬性取代更新，否則，將維持該元素之预設 標籤屬性；以及（E)依照屬性所定義之樣式型態，顯示 20 之元素。 、心 【實施方式】 在劉覽器的設計中’為了有效處理屬性繼承的問 題，係提出以優先權高低決定元素屬性内容，其中，各屬 1225998 性之優先權依照HTML規格以及瀏覽器的設計而定。對應 於此’在本發明之管理標示語言中元素屬性的方法之一較 佳貫％例中，係提供有一元素的预設標籤屬性，其為 "吾法中所定義之標籤預設屬性，決定該元素之樣式型態， 5例如·文子大小、字型格式、顏色、粗細··等等，其隨著 所使用的標籤而有所不同。 除了前述元素的预設標籤屬性之外，本發明之管理標 不語言中元素屬性的方法還提供有多種外部屬性，在本實 施例中，外部屬性包括有：階層式樣式表（css)及父元素之 1〇屬性’其例如為：文字大小、字型格式、顏色、粗細··等 等，皆透過繼承的關係而獲得屬性内容，決定該元素之樣 式型態。 曰在本發明之管理標示語言中元素屬性的方法中，劉覽 益疋依照優先杻高低的順序，而對不同的屬性給予優先權 15高低不同的權值，在劉覽器中會記錄階層式樣式表（css)、 又兀素之屬性、70素预設的標籤屬性，其中包括有一優先 權攔位以記錄屬性的優先權高低。例如，對於一A元素 (elemem)，記錄於階層式樣式表（CSS)之屬性為： '

記錄於父元素之屬性為·· 1225998 5 藉此，本發明之管理標示語言中元素屬性的方法依據 屬性的優先權高低之不同，而在瀏覽器開啟網頁時動態設 定元素之樣式型態以顯示對應之内容。 、圖2進一步顯示本發明之管理標示語言中元素屬性的 之机私首先，接收一預設屬性式樣表，該預設屬性 10 文字大小 — 18pt 優先權：中 文字顏色 red 先權：中 元素的预設標藏屬性為： 字型格式 Arial 優先權：低 文字大小 18pt 優先權：中 文字顏色 blue 先權：低 文字粗細 normal 優先權：低 :::表包括多組標籤，每一組標籤定義—個元素的预設標 =」墓（〆驟幻1)。之後，依據所接收預設屬性式樣表中 =義的元素之预設標籤屬性，顯示對應之元素(步驟 J。：=收至少一外部屬性’該外部屬性包括多組 二。，：；、，且：紙定義一個元素之延伸樣式型態(步驟 …、後’對於同時由預設屬性式樣 15性所定義之每一元素，判斷其由該外 屬 的優先權是否大於由預設屬性式樣 屬性 優先權（步驟S24);如是，則該元 疋義之屬性的 定義之延伸標籤屬性取代更新， 性由外部屬性所 京、、Μ承優先權較高之 1225998 屬性所定義之樣式型態（步驟S25);否則，將維持該元素之 预設標籤屬性。最後，顯示對應之該元素（步驟s26)。 以刚述之A元素（element)為例，在上述之處理程序中， A元素（element)先以元素预設的標籤屬性顯示（字型格式： 5 Anal、文字大小：18pt、文字顏色：blue、文字粗細：⑽啦叫， 當接收到外部屬性（CSS、父元素屬性）時、才更動具有較高 優先權之屬性所定義之樣式型態（文字顏色：、字型格 式：Times New Roman、文字大小：20pt )，而最後產生 之屬性組合為： 10 字型格式：Times New R〇man 文字大小：20pt 文字顏色：red 文字粗細：normal 據此，可動態地決定元素之屬性内容，而無需等待接 15收所有屬性疋義後才顯示元件，大幅加速瀏覽器對於標示 語言的呈現，並簡化處理標籤屬性的設計。 丁 上述實施例僅係為了方便說明而舉例而已，本發明所主 張之權利範圍自應以申請專利範圍所述為準，而非僅限於 上述實施例。 ' 20 【圖式簡單說明】 圖1係習知之標示語言中元素屬性的管理方法之流程。 圖2係本發明-較佳實施例之管理標示語言中元素屬性的 方法之流程。 1225998 【圖號說明】 無 5 11

Claims (1)

1225998 拾、申請專利範圍： 1.-種管理標示語言中元素屬性的方法，包括：’ ⑷接收—預設屬性式樣表，該預設屬性式樣表包括 多組標籤’每-組標籤定義一個元素的预設標籤屬性； 5 (B)依據所接收預設屬性式樣表中所定義的元素之预 設標籤屬性，顯示對應之元素； λ (C)接收至少-外部屬性，該外部屬性包括多組標 鉞’母一組彳示鐵疋義一個元素之延伸標鐵属性；

⑼對於同時由預設屬性式樣表所^義及外部屬性所 10定義之每-元素，判斷其由該外部屬性所定義之屬性的優 先權是否大於由預設屬性式樣表標藏所定義之屬性的優先 權’如是，則該元素之屬性由外部屬性所定義之延伸 屬性取代更新，否則，將維持該元素之预設標籤屬性；以 及 15 ⑻依照屬性所定義之樣式型態’顯示對應之元素。

2_如申請專利範圍第旧所述之管理標示語言中元素 屬性的方法，其中，該預設屬性式樣表係為Η·語法中 所定義之元素的预設屬性，其決定該元素之樣式型態。 3.如申請專利範圍第1項所述之管理標示語言中元素 20屬性的方法，其中，該外部屬性包括有：階層式樣式表叫 之屬性及父元素之屬性，用以決定元素之樣式型態。 12