HTML,XML與XHTML
HTML（Hypertext Marked Language）超文本標(biāo)記語(yǔ)言，它的簡(jiǎn)易性、可拓展性使它成為目前網(wǎng)絡(luò)上應(yīng)用最為廣泛的語(yǔ)言，也是構(gòu)成網(wǎng)頁(yè)文檔的主要語(yǔ)言。但同時(shí)也造成了了一些弊端，如語(yǔ)法不嚴(yán)謹(jǐn)，結(jié)構(gòu)松散等。
XML（Extensible Markup Language）可拓展標(biāo)記語(yǔ)言，是一種用于標(biāo)記電子文件使其具有結(jié)構(gòu)性的標(biāo)記語(yǔ)言，它被設(shè)計(jì)用來(lái)傳輸和存儲(chǔ)數(shù)據(jù)，其重點(diǎn)是在于數(shù)據(jù)的內(nèi)容，是獨(dú)立于軟件和硬件的信息傳輸工具。它對(duì)于編碼規(guī)范的要求更為嚴(yán)格。
XHTML(Extensible Hypertext Markup Language)可拓展超文本標(biāo)記語(yǔ)言，表現(xiàn)方式與HTML類似，但比HTML在語(yǔ)法上要更加嚴(yán)格，XHTML是一個(gè)基于XML的標(biāo)記語(yǔ)言，看起來(lái)與HTML有些相象，只有一些小的但重要的區(qū)別，XHTML就是一個(gè)扮演著類似HTML的角色的可擴(kuò)展標(biāo)記語(yǔ)言（XML），所以，本質(zhì)上說(shuō)，XHTML是一個(gè)過(guò)渡技術(shù)，結(jié)合了部分XML的強(qiáng)大功能及大多數(shù)HTML的簡(jiǎn)單特性。
HTML的語(yǔ)義化
使內(nèi)容結(jié)構(gòu)化，選擇使用合適的標(biāo)簽，使代碼更加規(guī)范，方便開發(fā)者閱讀，利于瀏覽器爬蟲爬取內(nèi)容，利于SEO優(yōu)化，方便其他設(shè)備解析，更利于后期開發(fā)及維護(hù)...等等優(yōu)點(diǎn)。
內(nèi)容與樣式分離
Html用于構(gòu)建網(wǎng)頁(yè)結(jié)構(gòu)，展示網(wǎng)頁(yè)內(nèi)容，css則用于為網(wǎng)頁(yè)的內(nèi)容設(shè)置與更改樣式，在網(wǎng)頁(yè)開發(fā)中，將Html和css分離的做法稱之為結(jié)構(gòu)樣式分離，如果直接將樣式寫在html標(biāo)簽中，會(huì)使整個(gè)html文檔很亂，可讀性變差，不利于維護(hù)。
將樣式與結(jié)構(gòu)分離有很多的好處：
利用CSS中的重用、組合、繼承等特性減少樣式的代碼量，樣式結(jié)構(gòu)上非常清晰
頁(yè)面視覺有變動(dòng)只需要修改相應(yīng)的CSS文件，不用或者基本上不用改動(dòng)html文檔中的標(biāo)簽結(jié)構(gòu)
適合產(chǎn)品級(jí)、模塊化的開發(fā)
常見的meta標(biāo)簽
聲明編碼
<meta charset=UTF-8>關(guān)鍵字
<meta http-equiv="keywords" content="your tags">頁(yè)面描述
<meta name="description" content="150 words" />頁(yè)面重定向和刷新
<meta http-equiv="refresh" content="0;url=" />定義頁(yè)面作者
<meta name="author" content="author,email address">
文檔聲明的作用,嚴(yán)格模式和混雜模式指什么
<!doctype html>是HTML5中的文檔聲明，它的作用是使瀏覽器獲知文檔類型。
在HTML4.01中，<!DOCTYPE> 聲明引用 DTD，因?yàn)?HTML 4.01 基于 SGML。DTD 規(guī)定了標(biāo)記語(yǔ)言的規(guī)則，這樣瀏覽器才能正確地呈現(xiàn)內(nèi)容。
DTD一般分為兩種模式。
- 嚴(yán)格模式：又稱標(biāo)準(zhǔn)模式，是指瀏覽器按照 W3C 標(biāo)準(zhǔn)解析代碼。
- 混雜模式：又稱兼容模式，是指瀏覽器用自己的方式解析代碼。
瀏覽器亂碼的原因及解決方法
瀏覽器有幾種不同的編碼規(guī)范，如我們常用的UTF-8,GB2312等。
我們?nèi)绻陂_發(fā)過(guò)程中，我們所編寫并保存的Html文件的所使用的編碼規(guī)范與瀏覽器打開使采用的編碼規(guī)范不一致，就會(huì)出現(xiàn)亂碼現(xiàn)象，因此，我們?cè)诰帉慔tml時(shí)，一定要注意在文檔頭部添加<meta charset="utf-8">聲明，這樣瀏覽器就會(huì)使用你所聲明的編碼規(guī)范來(lái)打開你的Html文檔。避免發(fā)生亂碼現(xiàn)象。
常見的瀏覽器及其內(nèi)核
- Chrome 內(nèi)核為WebKit
- IE瀏覽器 內(nèi)核為Trident
- Opera 內(nèi)核為WebKit(注：2013年2月13日，Opera宣布放棄自家Presto內(nèi)核而改為使用WebKit內(nèi)核)
- Firefox 內(nèi)核為Gecko
常見的標(biāo)簽以及使用的場(chǎng)景
-
<head></head>head標(biāo)簽是頁(yè)面的“頭部”， 一般來(lái)說(shuō)，只有6個(gè)標(biāo)簽?zāi)芊旁?lt;head>標(biāo)簽內(nèi)：<title>、<meta>、<link>、<style>、<script>、<base> -
<body></body>body標(biāo)簽是頁(yè)面的身體，頁(yè)面中的內(nèi)容都包含于此 -
<h1></h1>~<h6></h6>不同級(jí)別/重要程度的標(biāo)題 -
<p></p>表示文本段落 -
<div></div>無(wú)屬性塊標(biāo)簽，用于網(wǎng)頁(yè)劃分區(qū)域 - 無(wú)序列表
<ul>
<li>xx</li>
<li>xx</li>
</ul>
- 有序列表
<ol>
<li>xx</li>
<li>xx</li>
</ol>````