html:hyper?text?markup?language超文本標記語言;定義網頁中有什么。
>?hyper?text:超文本,說明html可以將除了文本之外的其它元素引導到頁面中,比如圖片、音視頻、超鏈接等。
>?markup:標記,用標記/標簽的形式,形成語言結構,用來創建和表示頁面中各種元素對象。
>?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可以不擁有根元素。