html概述

html:hyper?text?markup?language超文本標記語言;定義網頁中有什么。

>?hyper?text:超文本,說明html可以將除了文本之外的其它元素引導到頁面中,比如圖片、音視頻、超鏈接等。

>?markup:標記,用標記/標簽的形式,形成語言結構,用來創建和表示頁面中各種元素對象。

>?html是簡單的靜態語言,不需要進行編譯,直接由瀏覽器來解析和執行。

>?html將頁面中要呈現的各種內容元素,進行結構化處理,形成具有語義化的頁面結構,同時創建對應的文檔對象模型。

html?頁面基礎結構代碼解析

html?頁面基礎結構

1.?<!DOCTYPE?html>

文檔聲明:告訴瀏覽器,當前文檔使用的HTML標準是HTML5.

不寫文檔聲明,將導致瀏覽器進入怪異渲染模式。

2.?<html?lang="en"></html>

根元素:一個頁面最多只能一個,并且該元素是所有其他元素的父元素或祖先元素。

HTML5版本中沒有強制要求書寫該元素

lang屬性:language,全局屬性,表示該元素內部使用的文字是使用哪一種自然語言書寫而成。(簡體中文cmn-hans)

3.?<head></head>

文檔頭:文檔頭內部的內容,不會顯示到頁面上。

4.?<meta?/>

文檔的元數據:附加信息。

charset:指定網頁內容編碼。

字符編碼表:中國GB2313,臺灣GBK,utf-8?是?unicode(萬國碼)?編碼的一個版本。

5.?<title></title>

網頁標題

6.?<body></body>

文檔體,頁面上所有要參與顯示的元素,都應該放置到文檔體中。

前端術語:(為了降低溝通成本)

web:互聯網。

w3c:萬維網聯盟,非盈利性組織,為互聯網提供各種標準。

mdn:Mozilla?devalbpment?network,Mozilla開發者社區。(h1+mdn搜索)。

xml:extension?markup?language,可擴展的標記語言,用于定義文檔結構的。

xhtml:可以認為是html的一種一個版本,完全符合xml的規范。(了解一下)

html:hyper?text?markup?language?超文本標記語言;定義網頁中有什么。

html是w3c組織定義的語言標準:html是用于描述頁面結構的語言。

css:cascading?style?sheets?層疊樣式表;定義網頁中的東西長什么樣子。

css是w3c定義的語言標準:css是用于描述頁面展示的語言。

面試題:

1.?<!DOCTYPE?html>的作用?

答:

<!DOCTYPE?html>是document type(文檔類型)的簡寫,在web設計中用來聲明文檔類型。

在所有html文檔中規定DOCTYPE是非常重要的,這樣瀏覽器就能了解預期的文檔類型,告訴瀏覽器要通過哪一種規范(DTD)解析文檔(比如html 或 xhtml)。

DOCTYPE會影響代碼驗證,并決定瀏覽器最終使用什么規范來顯示你的web文檔。

2. html文件必須具備的元素有哪些?

html文件必須具備 html 、head 、body 這三個元素。

html元素是整個頁面的根元素,一個頁面只能有一個html元素,并且該元素是所有其他元素的父元素或祖先元素。

head元素是頁面文檔頭。

body元素是頁面的文檔體,頁面上所顯示的元素,都應該放置在文檔體中。

3. html 與 xhtml 、xml 的含義以及區別?

答:

含義

html的含義:

HTML 指的是超文本標記語言 (HyperTextMarkupLanguage);HTML 不是一種編程語言,而是一種標記語言(markup language);標記語言是一套標記標簽(markup tag);HTML 使用標記標簽來描述網頁;

xhtml的含義:

xhtml是更嚴格更純凈的html版本;xhtml是指可擴展超文本標簽語言(EX-tensible HyperText Markup Language);xhtml與html4.0幾乎是相同的;xhtml的目標是取代html;xhtml是作為一種xml應用被重新定義的html;xhtml是html與xml(擴展標記語言)的結合物。

xml的含義:

XML 指可擴展標記語言(EXtensibleMarkupLanguage),被設計用來結構化、存儲及傳輸信息;XML 是一種標記語言,很類似 HTML;XML 標簽沒有被預定義,需要自行定義標簽;XML被設計為具有自我描述性;XML允許用戶自定義標簽。

xml是一種標記化語言,其中所有的東西都要被正確標記,以產生形式良好的文檔;xml是用來描述數據,而html是用來顯示數據。

區別?

html與xhtml的區別:

1)xhtml元素必須被正確的嵌套;html某些元素可以不使用正確的嵌套方式。

在html中,某些元素可以不正確的嵌套,如:<b><i>this text is bold and italic</b></i>。

在xhtml中,所有元素必須使用正確的嵌套,如:<b><i>this text is bold and italic</i></b>。

2)xhtml元素必須被關閉,非空標簽必須使用結束標簽,空標簽也必須使用結束標簽,或者在開始標簽使用/>結尾;html元素非空標簽和空標簽可以不使用結束標簽。

在html中,非空標簽可以不使用結束標簽,如:<div>123;空標簽可以不使用結束標簽,如:<br>。

在xhtml中,非空標簽可以不使用結束標簽,如:<div>123</div>;空標簽也必須使用結束標簽,如:<br></br> 或 <br /> 。

3)xhtml元素標簽名必須使用小寫字母,xhtml規范定義標簽名和屬性對大小寫敏感;html元素標簽名可以使用小寫也可以使用大寫。

在html中,標簽名可以使用小寫也可以使用大寫,如:<div>123</div> 或 <DIV>123</DIV>。

在xhtml中,標簽名必須使用小寫,如:<div>123</div> 。

4)xhtml必須擁有根元素,所有的元素必須被嵌套在<html></html>根元素中;html可以不擁有根元素。

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容