通過以下幾個問題來認識HTML
一.什么是HTML
二.HTML的作用
三.HTML的發(fā)展史
? ? ? ? IETF簡介
? ? ? ? W3C簡介
四.HTML結(jié)構(gòu)
? ? html標簽
? ? head標簽
? ? titile標簽
? ? body標簽
????head內(nèi)部標簽
? ? mate標簽
五.HTML標簽
? ? HTML標簽分類
? ? HTML標簽關(guān)系分類
六.DTD文檔聲明
七.HTML和HTML5的區(qū)別
? ? XHTML和HTML的區(qū)別
八.htm和.html擴展名的區(qū)別
一.什么是HTML
HTML其實是HyperText Markup Language的縮寫,? 超文本標記語言
二.HTML的作用
HTML就只有一個作用,它是專門用來描述文本的語義的. 也就是說我們可以利用HTML來告訴瀏覽器哪些是標題, 哪些是段落.
這些用于描述其它文本語義的文本, 我們稱之為標簽. 并且這些用于描述文本語義的標簽將來在瀏覽器中是不會被顯示出來的
所以正是因為HTML的這些標簽是專門用來描述其它文本語義的, 并且在瀏覽器中不會被顯示出來, 所以我們稱這些文本為"超文本", 而這些文本又叫做標簽, 所以HTML被稱之為"超文本標記語言"
注意事項:
HTML只有一個作用, 它是專門用來給文本添加語義的, 而不是用來修改文本樣式的
H1標簽它的作用是什么?
錯誤: H1標簽可以用來修改文字的大小, 并且還可以將文字加粗
正確: H1標簽的作用是用來告訴瀏覽器, 哪些文字是標題. 也就是H1標簽是專門用于給指定的文字添加標題語義的
三.HTML發(fā)展史
1993年IETF發(fā)布HTML1.0该窗，后更加權(quán)威的W3C在1995年發(fā)布HTML2.0,一直到1999年發(fā)布HTML4.01，老大做久了就是想搞事情预烙，2000年W3C發(fā)布XHTML1.0笼痹，XHTML1.0更加嚴格，這意味著在93到99年間所開發(fā)的所有網(wǎng)頁都不能支持XHTML1繼續(xù).0版本，但是W3C不聽取民意送淆，一意孤行發(fā)布了XHML1.0、1.1怕轿、2.0偷崩，終于哪里有壓迫哪里既有反抗，2004年五大廠商聯(lián)合發(fā)布HTML5草案撞羽，即解決了低版本不支持高版本的問題阐斜，以前開發(fā)的網(wǎng)頁仍然可以正常使用，W3C一看情況不妙再繼續(xù)下去就太沒面子了诀紊，于是在2008年合并發(fā)布了HTML5正式版谒出，延用至今。
IETF簡介
IETF是英文Internet Engineering Task Force的縮寫, 翻譯過來就是"互聯(lián)網(wǎng)工程任務(wù)組"
IETF負責定義并管理因特網(wǎng)技術(shù)的所有方面邻奠。包括用于數(shù)據(jù)傳輸?shù)腎P協(xié)議到推、讓域名與IP地址匹配的域名系統(tǒng)（DNS）、用于發(fā)送郵件的簡單郵件傳輸協(xié)議（SMTP）等
W3C簡介
W3C是英文World Wide Web Consortium的縮寫惕澎， 翻譯過來就是W3C理事會或萬維網(wǎng)聯(lián)盟,? W3C是全球互聯(lián)網(wǎng)最具權(quán)威的技術(shù)標準化組織.
W3C于1994年10月在麻省理工學院計算機科學實驗室成立。創(chuàng)建者是萬維網(wǎng)的發(fā)明者Tim Berners-Lee
W3C負責web方面標準的制定颜骤，像HTML唧喉、XHTML、CSS、XML的標準就是由W3C來定制的八孝。
Tim Berners-Lee（蒂姆·伯納斯-李）董朝，萬維網(wǎng)之父、html設(shè)計者干跛、w3c創(chuàng)始人
四.HTML結(jié)構(gòu)
1.編寫網(wǎng)頁和寫信一樣都有一套規(guī)范和要求,? 這套規(guī)范和要求中規(guī)定了寫信的固定格式
2.寫信基本結(jié)構(gòu)
敬愛的江哥:?
????????您好!? ? ?
正文正文正文正文正文正文正文正文正文正文正文正文正文正文正文正文正文正文正文正文正文正文正文正文? ? ??
????????此致
敬禮!? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? 你的朋友 伊健? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?2066年6月6日
3.網(wǎng)頁基本結(jié)構(gòu):
<html>
????????<head>
????????????????<title></title>
????????</head>
????????<body>
????????</body>
</html>
4.通過觀察我們發(fā)現(xiàn), HTML基本結(jié)構(gòu)中所有的標簽都是成對出現(xiàn)的, 這些成對出現(xiàn)的標簽中有一個帶/有一個不帶/, 那么這些不帶/的標簽我們稱之為開始標簽, 這些帶/的我們稱之為結(jié)束標簽
4.1.html標簽
作用:
用于告訴瀏覽器這是一個網(wǎng)頁, 也就是說告訴瀏覽器我是一個HTML文檔
注意點:
其它所有的標簽都必須寫在html標簽里面, 也就是寫在html開始標簽和結(jié)束標簽中間
4.2.head標簽
作用:用于給網(wǎng)站添加一些配置信息
例如:指定網(wǎng)站的標題 / 指定網(wǎng)站的小圖片
????????添加網(wǎng)站的SEO相關(guān)的信息(指定網(wǎng)站的關(guān)鍵字/指定網(wǎng)站的描述信息)
????????外掛一些外部的css/js文件
????????添加一些瀏覽器適配相關(guān)的內(nèi)容
注意點:
一般情況下, 寫在head標簽內(nèi)部的內(nèi)容都不會顯示給用戶查看, 也就是說一般情況下寫在head標簽內(nèi)部的內(nèi)容我們都看不到
4.3.title標簽
作用:專門用于指定網(wǎng)站的標題, 并且這個指定的標題將來還會作為用戶保存網(wǎng)站的默認標題
注意點:
????????title標簽必須寫在head標簽里面
4.4.body標簽
作用:專門用于定義HTML文檔中需要顯示給用戶查看的內(nèi)容(文字/圖片/音頻/視頻)
注意點:
????????雖然說有時候你可能將內(nèi)容寫到了別的地方在網(wǎng)頁中也能看到, 但是千萬不要這么干, 一定要將需要顯示的內(nèi)容寫在body中
????????一對html標簽中(一個html開始標簽和一個html結(jié)束標簽)只能有一對body標簽
4.5.meta標簽
4.5.1為什么會有亂碼現(xiàn)象?
因為我們在編寫網(wǎng)頁的時候沒有指定字符集
4.5.2.如何解決亂碼現(xiàn)象?
在head標簽中添加<meta charset="GBK" />, 指定字符集
4.5.3.什么是字符集
字符集就是字符的集合, 也就是很多字符堆在一起. 很像我們古代的"活字印刷術(shù)", 在活字印刷術(shù)中就是將很多刻有漢字的小章放到一個盒子中, 然后需要印刷文字的時候再去盒子中取這個小章出來用, 正是因為如此, 才導致了亂碼問題子姜。如字符集A第666位為字符“李”，而字符集B第666位為字符“王”楼入。
所以在網(wǎng)頁中指定字符集的意義就在于告訴瀏覽器我用的是哪個盒子, 你應(yīng)該如何去查找才能找到對應(yīng)的正確的內(nèi)容
4.5.4.GBK(GB2312)和UTF-8區(qū)別
GBK(GB2312)里面存儲的字符比較少, 僅僅存儲了漢字和一些常用外文哥捕，體積比較小
UTF-8里面存儲的世界上所有的文字，體積比較大
4.5.5.那么在企業(yè)開發(fā)中我們應(yīng)該使用GBK(GB2312)還是UTF-8呢?
如果你的網(wǎng)站僅僅包含中文, 那么推薦使用GB2312, 因為它的體積更小, 訪問速度更快
如果你的網(wǎng)站除了中文以外, 還包含了一些其它國家的語言 , 那么推薦使用UTF-8
懶人推薦: 不管三七二十一, 一律寫UTF-8即可
4.5.6.注意點:
在HTML文件中指定的字符集必須和保存這個文件的字符集一致, 否則還是會出現(xiàn)亂碼
所以僅僅指定字符集不一定能解決亂碼問題, 還需要保存文件的時候, 文件的保存格式必須和指定的字符集一致才能保證沒有亂碼問題
五嘉熊、HTML標簽
HTML標簽分類
按個數(shù)分為單標簽和雙標簽
按關(guān)系分為并列標簽和父子標簽
單標簽
只有開始標簽沒有結(jié)束標簽, 也就是由一個<>組成的
<metacharset="UTF-8"/>
雙標簽
有開始標簽和結(jié)束標簽, 也就是由一個<>和一個</>組成的
<html></html>
HTML標簽關(guān)系分類
并列關(guān)系(兄弟/平級)
<head>
</head>
<body>
</body>
嵌套關(guān)系(父子/上下級)
<head>
????????<metacharset="UTF-8"/>
????????<title>百度一下,你就知道123</title>
</head>
六.DTD文檔聲明
什么是DTD文檔聲明?
DTD文檔聲明是用來告訴瀏覽器遥赚，該網(wǎng)頁是使用哪一版本的HTML編寫的，方便瀏覽器正確渲染編譯網(wǎng)頁
DTD文檔聲明格式:
每一個不同版本的規(guī)范都有不同的DTD文檔聲明
HTML5文檔規(guī)范聲明：<!DOCTYPE html> 阐肤，該版本上下兼容
注意事項:
DTD文檔聲明必須在 HTML 文檔的第一行
DTD文檔聲明不是 HTML 標簽
DTD文檔聲明沒有結(jié)束標簽
DTD文檔聲明對大小寫不敏感
瀏覽器并不是完全依賴于這個聲明, 瀏覽器有一套自己的默認的處理機制凫佛，不寫也能運行
七.XHTML、HTML孕惜、HTML5的區(qū)別
HTML語法非常松散容錯性強
XHTML更為嚴格愧薛，它要求標簽必須小寫，必須成對衫画，屬性必須使用引號
HTML5是HTML的下一版本毫炉，相較于HTML增加了許多新的功能
八.? .htm和.html的區(qū)別
DOS操作系統(tǒng)下只支持htm
windows操作系統(tǒng)下兩者都支持
