1.編寫網(wǎng)頁和寫信一樣都有一套規(guī)范和要求,? 這套規(guī)范和要求中規(guī)定了寫信的固定格式
2.寫信基本結(jié)構(gòu)
敬愛的明哥:
????????您好!
????????正文正文正文正文正文正文正文正文正文正文正文正文 ? 正文正文正文正文正文正文正文正文正文正文正文正文正文正文正文正文正文正文正文正文正文正文正文正文 ? 正文正文正文正文正文正文正文正文正文正文正文正文
????????此致
敬禮!
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ????????????????????????????????????????????????????你的朋友 web
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ????????????????????????????????????????????????????2018年3月20日
3.編寫網(wǎng)頁的步驟:
3.1.新建一個文本文檔
3.2.利用記事本打開
3.3.編寫HTML代碼
3.4.保存并且修改純文本文檔的擴展名為.html
3.5.利用瀏覽器打開編寫好的文件
4.網(wǎng)頁基本結(jié)構(gòu):
5.通過觀察我們發(fā)現(xiàn), HTML基本結(jié)構(gòu)中所有的標簽都是成對出現(xiàn)的, 這些成對出現(xiàn)的標簽中有一個帶/有一個不帶/, 那么這些不帶/的標簽我們稱之為開始標簽, 這些帶/的我們稱之為結(jié)束標簽
html標簽
作用:
用于告訴瀏覽器這是一個網(wǎng)頁, 也就是說告訴瀏覽器我是一個HTML文檔
注意點:
其它所有的標簽都必須寫在html標簽里面, 也就是寫在html開始標簽和結(jié)束標簽中間
head標簽
作用:
用于給網(wǎng)站添加一些配置信息
例如:
指定網(wǎng)站的標題 / 指定網(wǎng)站的小圖片
添加網(wǎng)站的SEO相關的信息(指定網(wǎng)站的關鍵字/指定網(wǎng)站的描述信息)
外掛一些外部的css/js文件
添加一些瀏覽器適配相關的內(nèi)容
注意點:
一般情況下, 寫在head標簽內(nèi)部的內(nèi)容都不會顯示給用戶查看, 也就是說一般情況下寫在head標簽內(nèi)部的內(nèi)容我們都看不到
title標簽
作用:
專門用于指定網(wǎng)站的標題, 并且這個指定的標題將來還會作為用戶保存網(wǎng)站的默認標題
注意點:
title標簽必須寫在head標簽里面
body標簽
作用:
專門用于定義HTML文檔中需要顯示給用戶查看的內(nèi)容(文字/圖片/音頻/視頻)
注意點:
雖然說有時候你可能將內(nèi)容寫到了別的地方在網(wǎng)頁中也能看到, 但是千萬不要這么干, 一定要將需要顯示的內(nèi)容寫在body中
一對html標簽中(一個html開始標簽和一個html結(jié)束標簽)只能有一對body標簽
head內(nèi)部標簽
meta標簽
1.為什么會有亂碼現(xiàn)象?
因為我們在編寫網(wǎng)頁的時候沒有指定字符集
2.如何解決亂碼現(xiàn)象?
在head標簽中添加, 指定字符集
3.什么是字符集
字符集就是字符的集合, 也就是很多字符堆在一起. 其實字符集很像我們古代的"活字印刷術", 在活字印刷術中就是將很多刻有漢字的小章放到一個盒子中, 然后需要印刷文字的時候再去盒子中取這個小章出來用, 正是因為如此, 所以導致了亂碼問題
假設北方人和南方人都擁有裝滿小章的盒子, 但是南方人和北方人在盒子中存儲小章的順序不太一樣, 那么這個時候如果北方人和南方人都需要去取"李"字, 在南方人記憶中李字在第6個盒子的第6行的第6列中(666), 在北方人的記憶中李字在第8個盒子的第8行的第8列中(888). 那么此時如果讓一個南方人去北方人的盒子中取"李"字的小章, 必然找不到,, 所以就導致了亂碼問題
這個地方北方人的存儲小章的盒子和南方人存儲小章的盒子就對應網(wǎng)頁中指定的字符集, 在網(wǎng)頁中我們常見的字符集有兩個GBK/UTF-8, GBK就對應北方人存儲的盒子, UTF-8就對應南方人存儲的盒子
所以在網(wǎng)頁中指定字符集的意義就在于告訴瀏覽器我用的是哪個盒子, 你應該如何去查找才能找到對應的正確的內(nèi)容
4.GBK(GB2312)和UTF-8區(qū)別
GBK(GB2312)里面存儲的字符比較少, 僅僅存儲了漢字和一些常用外文
體積比較小
UTF-8里面存儲的世界上所有的文字
提交比較大
5.那么在企業(yè)開發(fā)中我們應該使用GBK(GB2312)還是UTF-8呢?
如果你的網(wǎng)站僅僅包含中文, 那么推薦使用GB2312, 因為它的體積更小, 訪問速度更快
如果你的網(wǎng)站除了中文以外, 還包含了一些其它國家的語言 , 那么推薦使用UTF-8
懶人推薦: 不管三七二十一, 一律寫UTF-8即可
6.注意點:
在HTML文件中指定的字符集必須和保存這個文件的字符集一致, 否則還是會出現(xiàn)亂碼
所以僅僅指定字符集不一定能解決亂碼問題, 還需要保存文件的時候, 文件的保存格式必須和指定的字符集一致才能保證沒有亂碼問題
HTML標簽
HTML標簽分類
單標簽
只有開始標簽沒有結(jié)束標簽, 也就是由一個<>組成的
雙標簽
有開始標簽和結(jié)束標簽, 也就是由一個<>和一個組成的
HTML標簽關系分類
并列關系(兄弟/平級)
嵌套關系(父子/上下級)
百度一下,你就知道123
DTD文檔聲明
什么是DTD文檔聲明?
由于HTML有很多個版本的規(guī)范, 每個版本的規(guī)范之間又有一定的差異. 所以為了讓瀏覽器能夠正確的編譯/解析/渲染我們的網(wǎng)頁, 我們需要在HTML文件的第一行告訴瀏覽器, 我們當前這個網(wǎng)頁是用哪一個版本的HTML規(guī)范來編寫的. 瀏覽器只要知道了我們是用哪一個版本的規(guī)范來編寫之后, 它就能夠正確的編譯/解析/渲染我們的網(wǎng)頁
DTD文檔聲明格式:
注意事項:
聲明必須是 HTML 文檔的第一行艘蹋，位于 標簽之前
聲明不是 HTML 標簽
聲明沒有結(jié)束標簽
聲明對大小寫不敏感
這個聲明瀏覽器會看, 但是并不是完全依賴于這個聲明, 瀏覽器有一套自己的默認的處理機制
不寫也能運行
H5網(wǎng)頁里面用H4也能運行
作者：極客江南
鏈接：http://www.reibang.com/p/03308d04cf77
來源：簡書
著作權(quán)歸作者所有会油。商業(yè)轉(zhuǎn)載請聯(lián)系作者獲得授權(quán)，非商業(yè)轉(zhuǎn)載請注明出處穷缤。
