新增加的HTML擴充

2021-03-31 08:56:58 字數 2396 閱讀 1868

新增加了一些html擴充以支援樣式表。這些擴充允許在html文件中包含樣式表,允許html文件鏈結外部樣式表,允許css規則與某一類單元相關聯。

僅少數html擴充是必須的:三個新單元:

style、

span 和具有屬性

rel="stylesheet" 的 link;三個新屬性:

class、

id 和

style——這些屬性被很多 body 類單元所用。

1.link單元:引用外部樣式表

2.style單元

style包含作用於文件的樣式表指令。style 單元包含兩個可選的屬性:title、type。title的值是與樣式表相關聯的主題。如果在文件中應用了多張樣式表,title可以用作是樣式表的標籤,使用者可以選擇使不同的樣式表無效。但目前還沒有瀏覽器提供此功能。type給出了樣式表內容的mime型別。

style單元允許把格式化資訊放置在當前文件中,而不是放置在通過link單元所引用的第二個檔案中。因此,style單元可用於那些支援樣式表而不支援link單元的瀏覽器。style還另有兩個很重要的用途:開發和測試一張樣式表;定製一張外部樣式表。因此,可通過style單元進行小範圍的、區域性的修改而更多的布局細節由所鏈結的外部樣式表完成。

3.span單元:選擇具有特別樣式的文字

用法:....

span用於標記由相關聯樣式表定義其特別樣式的文字。在無樣式表指令的情況下,span不會影響樣式。可以將span看作是對font在一般意義上的替代。

span具有三個可選的屬性——class、id、style。這些屬性是為了支援樣式表而增加的,它們幾乎被所有的正文類單元所支援。

4.class屬性

用法:class="(name)"(可選)

class指定單元的類名,它使單元子類化(subclassing)稱為可能。多種單元可以具有相同的class屬性值。因此,子類化對於結構化文件非常有用。css樣式表可以指定規則用於所有具有特定類值的單元,或用於具有特定類值的某一單元。類值在選擇符中有所反映,其前面加以一句點(選擇符是規則的一部分,它表明規則用於哪些單元)。

注意:單元名和類值是由句點分隔開的。當類值本身包含句點時,這種用法將帶來一些問題。css語法規則使用反斜線來「逃避」類似句點這樣的特殊字元。例如,有這樣的賦值「class=nacs.lisp」,它在css選擇符中應表示為:「.nacs/.lisp」。然而,這種逃避機制並沒有受到廣泛的支援。

4.id屬性

用法:id="(name)"(可選)

id唯一指定單元識別符號。也就是說,同一文件中,沒有兩個單元的id值是相同的。這一點正好與class相反,不同的單元可以有相同的class值。css樣式表可以指定用於特定id或具有特定id值的單元的規則。在選擇符中,id值前帶有乙個「#」號。

從原理上講,以id標識的單元可以作為超文字鏈結的目標:id最初設計的作用與定位單元的name屬性是一樣的。然而,當前的多數瀏覽器不支援這種做法。

同class一樣,id值包含句點會導致某些問題,因為css句法分析器會將句點看成是class屬性值的起始標誌。

5.style屬性

用法:style="(css宣告)"(可選)

style屬性包含樣式表指令,這些指令將作用於與之相關聯的單元內容。使用style屬性避免了文件頭對style單元的需要,同時也是消除html標記中的區域性樣式表指令的方法之一。注意,這種方法不值得提倡,較好的方式是,將所有的樣式表指令放在乙個style單元或者是放在乙個被鏈結的外部樣式表檔案中。

賦給style的值必須是由分號分隔的有效的css宣告。注意,某些宣告是需要引號的。因為在style屬性值兩邊使用雙引號可能會引起衝突,所以必須用單引號把放置在style中的css特性包括起來。

6.簡單偽類選擇符

偽類選擇符與類選擇符類似,只是它其中的那些類似於類的資訊與 html class 的屬性值沒有關係。偽類資訊來自於瀏覽器自身,所包含的資訊與文件的狀態或文件中特定單元的狀態有關。css1 只定義了三個偽類:link,表明超文字定位符還沒有被使用者訪問過;visited,表明超文字定位符先前被使用者訪問過;active,表明是活動的鏈結,也即,鏈結正被使用者選擇。

css通過連線類名和單元名的分隔符來區分偽類和真正的類——對於偽類,分隔符是乙個冒號(:)。這樣,css1中的三個可能的偽類選擇符是:a:link,a:visiter,a:active。選擇符不能包含多個偽類,象 a:link:active 這樣的選擇符是非法的。

偽類和乙個普通的類選擇符可以組合在一起,其一般形式如下:

name.calss : pseudoclass

其中,name是單元名,class 是類名,pseudoclass 是偽類名。注意類名必須最先出現,其後才是偽類名。

html5中新增加的內容

一 html5中新增加的語義化標籤 header footer article figure.這些標籤不相容ie6 8低版本,相容處理 html5.min.js 修改或者刪除了一些標籤 strong small 附屬細則 hr.修改指的是改變了標籤的語義化 font center這些標籤建議不用 刪...

HTML5表單教程之input新增加的六種時間型別

今天介紹一下input在html5中新增加的時間型別的應用,如果在以下這幾種輸入框中輸入的格式不正確,是無法提交的。注意 此種型別的input在opera10 中效果為佳,chrome中效果不是十分好,外觀取決於瀏覽器 1 date型別 form inputid w3cfuns date name ...

PHP7 0新增加的特性

1.運算子 null 合併運算子 把這個放在第乙個說是因為我覺得它很有用。用法 a get a 1 它相當於 1.運算子 null 合併運算子 把這個放在第乙個說是因為我覺得它很有用。用法 a get a 1 它相當於 a isset get a get a 1 我們知道三元運算子是可以這樣用的 a...