教你15分鐘掌握HTML入門基本語法和語義

DOCTYPE

DOCTYPE(Document Type)該聲明處於dw文檔中最前面的位置,處於html標籤之前,此標籤告知瀏覽器文檔使用哪種HTML或者 XHTML規範。

DTD(Document Type Definition)聲明以開始,不區分大小寫,前面沒有任何內容,如果有其他內容(空格除外)會使瀏覽器在IE下開啟怪異模式(quirks mode)渲染網頁。公共DTD,名稱格式為註冊//組織//類型 標籤//語言,註冊指組織是否由國際標準化組織(ISO)註冊,+表示是,-表示不是。組織即組織名稱,如:W3C。類型一般是 DTD。標籤是指定公開文本描述,即對所引用的公開文本的唯一描述性名稱,後面可附帶版本號。最後語言是DTD語言的ISO 639語言標識符,如:EN表示英文,ZH表示中文。XHTML 1.0 可聲明三種DTD 類型。分別表示嚴格版本,過渡版本,以及基於框架的HTML文檔。

HTML 4.01 strict

HTML 4.01 Transitional

HTML 4.01 Frameset

·

HTML5文檔類型

meta

html5之前

html5

follow 跟蹤鏈接並分析目標網頁。這是默認行為,並且可忽略。

index 將網頁編入索引。這是默認行為,並且可忽略。

noodp 不使用 Open Directory Project 來創建內容描述。

noydir 不使用 Yahoo Directory 來創建內容描述。

noarchive 不允許搜索引擎顯示內容的緩存版本。

cache 允許搜索引擎顯示內容的緩存版本。

nocache 不允許搜索引擎顯示內容的緩存版本。

標籤

定義文檔的結構,使文檔的標記更加語義化。

html5 demo

<title>html5 demo/<title>

<header>

html5 demo

nav1

nav2

<

article aside

<article>article/<article>

<aside>aside/<aside>

<footer>footer/<footer>

tips

1. html5標籤更加豐富和完善,div標籤似乎沒有什麼用武之地,但是如果僅僅想在文檔中加入一段樣式,這個時候div標籤便派上用場了。

2. 標籤在不同瀏覽器默認樣式會有一些區別,為了一個網頁在不同瀏覽器中看到的效果一樣,通常要先格式化一下標籤的樣式

3.如果要在不支持html5的瀏覽器中使用html5標籤,需要加一小段JavaScript代碼

4.標籤可編輯屬性contenteditable