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