html的入門 從標籤開始(4)

2022-09-24 03:30:15 字數 2267 閱讀 8849

html中的其他標記:

~doctype(文件型別)::

由於html存在多個版本,因此每個網頁的開頭都應該用乙個doctype宣告來告訴瀏覽器此頁使用了html的哪個版本(當然,即使沒有宣告doctype宣告,瀏覽器通常也會顯示頁面)。

由於xhtnl是採用xml編寫的,因此有時你會看到使用了嚴格版xhtml doctype的頁面以乙個可選的xml宣告開頭。只要使用可xml宣告,就必須將它放在最開始之處。

在它前面不能有任何字元,即使乙個空格也不行。

html中的注釋:

:如果你希望在**中新增一段不會顯示在使用者瀏覽器上的注釋,可以在中新增相應文字。

在**中新增注釋是個良好的習慣,這會幫助別人理解你的**,同時在以後自己翻看**時,會更加清晰。

id特性:

text1

每個html元素都可以附帶id特性。id特習慣用來從頁面上的其他元素中對乙個元素進行唯一標識,他的值應該以字母或下劃線開頭(而不能以其他字元或數字)。

在乙個頁面中所有的id特性都是獨一無二的。id特性一般使用在j**ascript當中。

class特性:

text1

每個html元素都可以附帶乙個class特性。有時候,一種方法可以指定多個元素並將這些元素和頁面上的其他元素區分出來,而不是單獨指定文件中的某個元素。

為此,可以使用class屬性。class屬性指明了元素所屬的類。

class特性和id特性不同,同乙個風格的元素可以使用相同的class值。class特性一般使用在css當中。

塊級元素:

有些元素在瀏覽器視窗中顯示時總是另起一行,這些元素被稱為塊級元素。

塊級元素的例項包括:,,以及等。

內聯元素:

有些元素在顯示時總是與它的相鄰元素出現在同一行內。這些元素被稱為內聯元素。

內聯元素的例項包括,,以及

等。將文字和元素集中在乙個塊級元素中:

:元素允許你將一組元素集中到乙個塊級元素內。

如果在元素上使用id特性或者class特性,就意味著你可以通過建立css規則來制定元素的一些風格。

由於元素的內部具有其他一一些元素,所以最好在結束標籤

後面新增乙個注釋,如:

some docments

將文字和元素集中在乙個內聯元素中:

:元素就像是元素的內聯版本,它用來:

1.在沒有其他合適元素的情況下包含一段文字並將其與周圍的文字區別開

2.包含若干個內聯元素

我們使用元素最常見的原因就是使用css來控制元素內部的風格。

內聯框架:

:width="450";

height="350";

src="">

內聯框架就像你在網頁裡面分割的乙個小視窗——你可以在這個小視窗看見另乙個網頁。iframe這一術語時inline frame(內聯框架)的縮寫。

src:特性指定要在框架中顯示的頁面url。

height/width:特性值指定內嵌框架高度/寬度的畫素值。

更多的風格建議在css中設定。

頁面資訊:

元素位於元素中幷包含著所在頁面的相關資訊。 

它對使用者不可見,卻有很多用途,比如把頁面的相關資訊告訴搜素引擎,指出頁面的設計者以及這個頁面是否存在事件敏感性(如果頁面具有時間敏感性,也可以設定他的過期時間)。

元素是空元素,所以它沒有結束標籤。他通過特性來攜帶資訊。

最常用的特性是name特性和content特性,它們還經常同時出現。這些特性用來指定頁面某些特性。name特性的值就是你要設定的屬性,而content特性的值就是i你想給這個屬性指定的值。

name特性的值可以任意指定,該特性的一些常用值有:

description:用於包含一段有關頁面的描述資訊。該描述資訊通常被搜尋引擎用來了解頁面的內容並且最多只能容納155個字元。有時它會顯示在搜尋引擎的檢索結果中。

robots:用於指定搜尋引擎是否可以加入到它們的搜尋結果中。如果不希望頁面加入搜尋結果中,可以使用值noindex。

如果希望搜尋引擎將該頁面加入搜尋結果,但不要收錄頁面上鏈結的其他頁面,可使用值nofollow。

元素還會成對使用http-equiv特性和content特性。在本頁的例項中,你可以看到http-equiv特性的三個例項。每個例項都有各自的用途:

author:用於定義網頁設計者。

pragma:用於防止瀏覽器對頁面的快取(員村是將頁面儲存在本地,以後訪問該頁面時就可以節省頁面的載入時間)。

expires:由於瀏覽器經常快取頁面內容,expires選項可以用來指定頁面的過期時間(以及快取的有效期)。注意,必須按照示例中給出的格式來設定日期。

從HTML標籤開始

沒錯,你沒看錯,我將從html標籤開始我的整個系列文章。很基礎吧?但是每個前端人都是從最簡單的html標籤開始的,都是從乙個開始整個前端宇宙,不是麼?文章最終會寫成怎樣呢?我也不知道哈哈哈,拭目以待吧!也當給自己找找狀態了。非初學者可以跳過 html,全稱hypertext markup langu...

從HTML標籤開始

沒錯,你沒看錯,我將從html標籤開始我的整個系列文章。很基礎吧?但是每個前端人都是從最簡單的html標籤開始的,都是從乙個開始整個前端宇宙,不是麼?文章最終會寫成怎樣呢?我也不知道哈哈哈,拭目以待吧!也當給自己找找狀態了。非初學者可以跳過 html,全稱hypertext markup langu...

HTML入門4 常用標籤 meta標籤

我們觀察之前的html檔案都會自動有乙個mate標籤,每次都會設定編碼 charset utf 8 在使用meta標籤的時候,content是必須要寫的屬性,還有幾個是可選的屬性 name,http equiv,scheme 下面我們來看乙個meta的使用例子,讓當前頁面隔2秒自動重新整理一次頁面。...