首頁 web前端 html教學 有沒有仔細了解標籤 它是如何定義如何使用_HTML/Xhtml_網頁製作

有沒有仔細了解標籤 它是如何定義如何使用_HTML/Xhtml_網頁製作

May 16, 2016 pm 04:40 PM
標籤

前言
今天被問道“有沒有仔細了解過標籤?”,愣了一下,因為一開始在W3cschool上看到過建議使用XHTML Transitional DTD,之後就很聽話地把Dreamweaver的HTML文檔類型預設為XHTML 1.0 Transitional。之後就理所當然地一直用到現在了。人這東西還真是,越長大就越懶了,很多東西都被潛意識地當成了理所當然。既然已經被問及,就去找了找資料,總結了一下,權當做筆記吧~~

的定義
聲明位於文檔中的最前面的位置,在標籤之前。此標籤可告知瀏覽器文件使用哪一種HTML或XHTML規格。
該標籤可宣告三種DTD類型,分別表示嚴格版本、過渡版本以及基於框架的HTML版本。 (假如文件中的標記不遵循doctype聲明所指定的DTD,這個文檔除了不能通過代碼校驗之外,還有可能無法在瀏覽器中正確顯示。)

的用法
解析:在上面的聲明中,聲明了文件的根元素是html,它在公共標識符被定義為"-//W3C//DTD XHTML 1.0 Strict// EN" 的DTD 中進行了定義。瀏覽器將明白如何尋找符合此公共識別碼的 DTD。如果找不到,瀏覽器將使用公共識別碼後面的 URL 作為尋找 DTD 的位置。
- : 表示組織名稱未註冊。 Internet 工程任務組(IETF)和萬維網協會(W3C)並非註冊的 ISO 組織。
為預設,表示組織名稱已註冊。
DTD :指定公開文字類,即所引用的物件類型。 預設為DTD。
HTML :指定公開文字描述,即所引用的公開文字的唯一描述性名稱。後面可附版本號。預設為HTML。
URL :指定所引用物件的位置。
Strict:排除所有 W3C 專家希望逐步淘汰的代表性屬性和元素。

三種HTML文件類型:
HTML 4.01 規定了三種文件類型:Strict、Transitional 以及 Frameset。
a ) 如果需要乾淨的標記,免於表現層的混亂,用HTML Strict DTD類型:

b )Transitional DTD 可包含W3C 所期望移入樣式表的呈現屬性和元素. 如果使用者使用了不支援層疊樣式表(CSS)的瀏覽器以至於你不得不使用HTML 的呈現特性時,用Transitional DTD 類型:

c ) Frameset DTD 被用於帶有框架的文檔。除frameset 元素取代了body 元素之外,Frameset DTD 等同於Transitional DTD:


三種XML文件類型
XHTML 1.0 規定了三種XML 文件類型:Strict、Transitional 以及Frameset。
a ) 如果需要乾淨的標記,免於表現層的混亂,用XHTML Strict DTD類型:

b )Transitional DTD 可包含W3C 所期望移入樣式表的呈現屬性和元素樣式. 如果使用者使用了不支援層疊樣式表(CSS)的瀏覽器以至於你不得不使用HTML 的呈現特性時,用Transitional DTD 類型:

c ) Frameset DTD 被用於帶有框架的文檔。除frameset 元素取代了body 元素之外,Frameset DTD 等同於Transitional DTD:


選擇正確的doctype
為了得到正確的doctype聲明,關鍵就是讓dtd與文檔所遵循的標準對應。
例如,假定文件遵循的是xhtml 1.0 strict標準,文件的doctype聲明就應該引用對應的dtd。
另一方面,如果doctype聲明指定的是xhtml dtd,但文件包含的是舊式風格的html標記,就是不恰當的;類似地,如果doctype聲明指定的是html dtd,但文件包含的是xhtml 1.0 strict標記,同樣是不恰當的。
如果沒有指定有效的doctype聲明,大多數瀏覽器都會使用一個內建的預設dtd。在這種情況下, 瀏覽器會用內建的dtd來試著顯示你所指定的標記(不過這是頁面寫得太糟糕的時候的做法)。
看了一下京東、淘寶、還有部落格園,用的都是這個(本人也一直都是用的這個):

但是發現百度跟谷歌用的是“”,就再仔細查了一下資料,發現HTML5也是直接用的這個,不過是因為HTML 5 不基於SGML,因此不需要對DTD進行
引用,但是需要doctype 來規範瀏覽器的行為(讓瀏覽器按照它們應該的方式來運作)。

建議在以後都直接用“”,用的話就會開啟瀏覽器的標準兼容模式,在標準兼容模式下,不能保證與其它版本(IE6之前的,直接忽略吧),的Internet Explorer 保持相容,文件的渲染行為也許與未來的Internet Explorer 不同,但也請大家放心地使用吧~~

小貼士
XHTML 1就是HTML 4.01的XML化,是一種不相容的格式。
HTML 4.01 中的 doctype 需要對 DTD 進行引用,因為 HTML 4.01 是基於 SGML。
SGML規定了在文件中嵌入描述標記的標準格式,指定了描述文件結構的標準方法,目前在WEB上使用的HTML格式便是使用固定標籤集的一種 SGML文件。
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn

熱AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover

AI Clothes Remover

用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool

Undress AI Tool

免費脫衣圖片

Clothoff.io

Clothoff.io

AI脫衣器

Video Face Swap

Video Face Swap

使用我們完全免費的人工智慧換臉工具,輕鬆在任何影片中換臉!

熱工具

記事本++7.3.1

記事本++7.3.1

好用且免費的程式碼編輯器

SublimeText3漢化版

SublimeText3漢化版

中文版,非常好用

禪工作室 13.0.1

禪工作室 13.0.1

強大的PHP整合開發環境

Dreamweaver CS6

Dreamweaver CS6

視覺化網頁開發工具

SublimeText3 Mac版

SublimeText3 Mac版

神級程式碼編輯軟體(SublimeText3)

如何在Chrome和Edge的所有選項卡中搜尋文本 如何在Chrome和Edge的所有選項卡中搜尋文本 Feb 19, 2024 am 11:30 AM

本教學向您展示如何在Windows的Chrome或Edge中找到所有開啟的標籤頁上的特定文字或短語。有沒有辦法在Chrome中所有開啟的標籤頁上進行文字搜尋?是的,您可以使用Chrome中的免費外部Web擴充功能在所有開啟的標籤上執行文字搜索,而無需手動切換標籤。一些擴充功能如TabSearch和Ctrl-FPlus可以幫助您輕鬆實現這項功能。如何在GoogleChrome的所有選項卡中搜尋文字? Ctrl-FPlus是一個免費的擴展,它方便用戶在瀏覽器視窗的所有標籤中搜尋特定的單字、短語或文字。這個擴

抖音標籤後面的時鐘是什麼?怎麼給抖音帳號打標籤呢? 抖音標籤後面的時鐘是什麼?怎麼給抖音帳號打標籤呢? Mar 24, 2024 pm 03:46 PM

在瀏覽抖音作品時,我們常常可以看到標籤後面有時鐘圖示。那麼,這個時鐘到底是什麼呢?本文將圍繞著「抖音標籤後面的時鐘是什麼」展開討論,希望為您的抖音使用提供一些有益的參考。一、抖音標籤後面的時鐘是什麼?抖音會推出一些熱門話題挑戰,用戶參與時會在標籤後看到一個時鐘圖標,這代表作品正在參與話題挑戰,並顯示挑戰的剩餘時間。對於一些具有時效性的內容,如假日、特殊活動等,抖音會在標籤後面附上時鐘圖標,提醒使用者該內容的有效期限。 3.熱門標籤:當某個標籤變得熱門時,抖音會在標籤後面加上時鐘圖標,表示這個標籤正

抖音怎麼帶標籤引流?平台什麼標籤最容易引流? 抖音怎麼帶標籤引流?平台什麼標籤最容易引流? Mar 22, 2024 am 10:28 AM

抖音作為一款備受歡迎的短影片社群平台,擁有龐大的使用者群體。對於抖音創作者來說,標籤引流是一種有效提升內容曝光度和吸引關注的方法。那麼,抖音怎麼帶標籤引流呢?本文將為您詳細解答這個問題,並介紹相關技巧。一、抖音怎麼帶標籤引流?發布影片時,請確保選擇與內容相關的標籤。這些標籤應涵蓋影片的主題和關鍵字,以便讓用戶透過標籤更容易找到您的影片。利用流行標籤是增加影片曝光的有效方法。研究當前熱門標籤和趨勢,將其巧妙地融入影片描述和標籤中。這些熱門標籤通常具有更高的曝光度,能夠吸引更多觀眾的注意。 3.標籤

深入了解HTML中的video元素 深入了解HTML中的video元素 Feb 24, 2024 pm 08:18 PM

HTML中video影片標籤詳解HTML5中的video標籤是一種用於在網頁上播放影片的標籤。它可以使用不同的格式來呈現視頻,例如MP4、WebM、Ogg等等。在本篇文章中,我們將詳細介紹video標籤的使用方法,並提供具體的程式碼範例。基本結構下面是video標籤的基本結構:

html5標籤head和header有什麼差別 html5標籤head和header有什麼差別 Jan 17, 2022 am 11:10 AM

區別:1、head標籤用於定義文檔頭部,它是所有頭部元素的容器,而header標籤用於定義文檔的頁眉(介紹資訊);2、瀏覽器都支援head標籤,而舊版本瀏覽器皆不支援header標籤,需要IE9+以上瀏覽器才能支援header標籤。

釘釘app外部聯絡人標籤怎麼刪除 釘釘app外部聯絡人標籤怎麼刪除 Feb 24, 2024 am 08:20 AM

釘釘app外部聯絡人標籤怎麼刪除?釘釘中是可以刪除外部聯絡人標籤的功能,但是多數小夥伴不知道釘釘外部聯絡人標籤如何的刪除,接下來就是小編為用戶帶來的釘釘app外部聯絡人標籤刪除方法圖文教學,有興趣的用戶快來一起看看吧!釘釘app外部聯絡人標籤怎麼刪除1、先開啟釘釘APP,主頁中點選如下圖所示的【管理】功能;2、然後進入到企業管理的介面,找到其中的【外部聯絡人】; 3.接著在外部聯絡人設定功能頁,選擇【標籤管理】服務;4、之後在聯絡人標籤主頁,選擇你需要刪除的標籤組類型;5、最後點選標籤組紅色

如何使用HTML和CSS實作一個具有固定導航選單的佈局 如何使用HTML和CSS實作一個具有固定導航選單的佈局 Oct 26, 2023 am 11:02 AM

如何使用HTML和CSS實現一個具有固定導航選單的佈局在現代網頁設計中,固定導航選單是常見的佈局之一。它可以使導航選單始終保持在頁面頂部或側邊,使用戶可以輕鬆瀏覽網頁內容。本文將介紹如何使用HTML和CSS實作一個具有固定導航選單的佈局,並提供具體的程式碼範例。首先,需要建立一個HTML結構來呈現網頁的內容和導覽選單。以下是一個簡單的範例

如何使用 Vue 實現標籤的輸入框? 如何使用 Vue 實現標籤的輸入框? Jun 25, 2023 am 11:54 AM

隨著Web應用的發展,標籤的輸入框越來越受歡迎。這種輸入框可以讓使用者更方便輸入數據,同時也方便使用者對已輸入的數據進行管理和搜尋。 Vue是一款非常強大的JavaScript框架,它可以幫助我們快速實現帶有標籤的輸入框。本文將介紹如何使用Vue實作標籤的輸入框。第一步:建立Vue實例首先,我們需要在頁面上建立Vue實例,程式碼如下:&l

See all articles