与html相关的知识点整理
梳理html時(shí)發(fā)現(xiàn)的一些問題。總結(jié)一下，答案大都從網(wǎng)上找來。
一.html 與 htm 的區(qū)別
沒有本質(zhì)的區(qū)別。.htm是在win32時(shí)代，系統(tǒng)只能識(shí)別3位擴(kuò)展名時(shí)使用的。現(xiàn)在一般都使用.html。
?
二.href 與 src 的區(qū)別
src是source的縮寫，指向外部資源的位置，指向的內(nèi)容將會(huì)嵌入到文檔中當(dāng)前標(biāo)簽所在位置；在請(qǐng)求src資源時(shí)會(huì)將其指向的資源下載并應(yīng)用到文檔內(nèi)，例如js腳本，img圖片和frame等元素。
?
<script src ="js.js"></script>?
當(dāng)瀏覽器解析到該元素時(shí)，會(huì)暫停其他資源的下載和處理，直到將該資源加載、編譯、執(zhí)行完畢，圖片和框架等元素也如此，類似于將所指向資源嵌入當(dāng)前標(biāo)簽內(nèi)。這也是為什么將js腳本放在底部而不是頭部。
?
href是Hypertext Reference的縮寫，指向網(wǎng)絡(luò)資源所在位置，建立和當(dāng)前元素（錨點(diǎn)）或當(dāng)前文檔（鏈接）之間的鏈接，如果我們?cè)谖臋n中添加
?
<link href="common.css" rel="stylesheet"/>?
那么瀏覽器會(huì)識(shí)別該文檔為css文件，就會(huì)并行下載資源并且不會(huì)停止對(duì)當(dāng)前文檔的處理。
?
三. 引入層疊樣式表時(shí) 使用link 和 使用@import 的區(qū)別
1.老祖宗的差別。link屬于XHTML標(biāo)簽，而@import完全是CSS提供的一種方式。
link標(biāo)簽除了可以加載CSS外，還可以做很多其它的事情，比如定義RSS，定義rel連接屬性等，@import就只能加載CSS了。
2.加載順序的差別。當(dāng)一個(gè)頁面被加載的時(shí)候（就是被瀏覽者瀏覽的時(shí)候），link引用的CSS會(huì)同時(shí) 被加載，而@import引用的CSS 會(huì)等到頁面全部被下載完再被加載。所以有時(shí)候?yàn)g覽@import加載CSS的頁面時(shí)開始會(huì)沒有樣式（就是閃爍），網(wǎng)速慢的時(shí)候還挺明顯（夢(mèng)之都加載CSS 的方式就是使用@import，我一邊下載一邊瀏覽夢(mèng)之都網(wǎng)頁時(shí)，就會(huì)出現(xiàn)上述問題）。
3.兼容性的差別。由于@import是CSS2.1提出的所以老的瀏覽器不支持，@import只有在IE5以上的才能識(shí)別，而link標(biāo)簽無此問題。
4.使用dom控制樣式時(shí)的差別。當(dāng)使用javascript控制dom去改變樣式的時(shí)候，只能使用link標(biāo)簽，因?yàn)?span style="color:#ff0000;">@import不是dom可以控制的。
?
四.i/em 與 b/strong 的區(qū)別
在HTML4.01中：< b > < i > 是視覺要素（presentationl elements），分別表示無意義的加粗，無意義的斜體，表現(xiàn)樣式為 { font-weight: bolder }，僅僅表示「這里應(yīng)該用粗體顯示」或者「這里應(yīng)該用斜體顯示」，此兩個(gè)標(biāo)簽在HTML4.01中并不被推薦使用；< em > 和 < strong > 是表達(dá)要素(phrase elements)。 < em > （emphasized text）表示一般的強(qiáng)調(diào)文本，而 < strong > （strong emphasized text）表示比 < em > 語義更強(qiáng)的的強(qiáng)調(diào)文本。
而在新的 HTML5 工作草案 中：< em > 和 < strong > 仍舊是表達(dá)要素(phrase elements)。但這時(shí)的 < strong > 表示html頁面上的強(qiáng)調(diào)（emphasized text）， < em > 表示句子中的強(qiáng)調(diào)（即強(qiáng)調(diào)語義） 五.域名 與 網(wǎng)站名 的區(qū)別
域名之與網(wǎng)站名相當(dāng)于土地之與土地上的建筑，在這塊土地上你可以建造任意數(shù)量的建筑。
baidu.com??? //域名
http://news.baidu.com/????? //網(wǎng)站名 由服務(wù)器名+域名組成；http為傳輸協(xié)議
http://map.baidu.com/????????? 百度地圖
?
六. meta 標(biāo)簽的作用
<meta> 元素可提供有關(guān)頁面的元信息（meta-information），比如針對(duì)搜索引擎和更新頻度的描述和關(guān)鍵詞。
<meta> 標(biāo)簽位于文檔的頭部，不包含任何內(nèi)容。<meta> 標(biāo)簽的屬性定義了與文檔相關(guān)聯(lián)的名稱/值對(duì)。
詳細(xì)：http://www.w3school.com.cn/tags/tag_meta.asp
?
七.link 中 media 屬性的作用
<head> <link rel="stylesheet" type="text/css" href="theme.css" /> <link rel="stylesheet" type="text/css" href="print.css" media="print"/> </head>media 屬性規(guī)定被鏈接文檔將顯示在什么設(shè)備上。
media 屬性用于為不同的媒介類型規(guī)定不同的樣式。
詳細(xì)：http://www.w3school.com.cn/tags/att_link_media.asp
?
八.URI,URL,URN的區(qū)別
URL和URN都是URI的子集。
詳細(xì)：web.jobbole.com/83452/
?
轉(zhuǎn)載于:https://www.cnblogs.com/HiuYanChong/p/5269594.html
總結(jié)
以上是生活随笔為你收集整理的与html相关的知识点整理的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 卡拉OK效果的实现-iOS音乐播放器
- 下一篇： 多个流，简短的读和写