因為學(xué)爬蟲學(xué)了學(xué)了些HTML和CSS同眯,以下是自己總結(jié)的一些易錯點
?
一姚垃、文本
1.規(guī)則
- html中的空格鍵和回車鍵均視為一個空格歇父,且不可疊加函筋,讓文本顯示出換行和多個空格可加入
<br />
和&nsp
- 每個
<p>
之間有個段間距沙合,而非簡單換行 - 快捷注釋:先選取內(nèi)容,然后
command+跌帐?
即可首懈,表明代碼做什么、怎么做 - meta:HTML <meta> 標(biāo)簽
-
Strong/b/em
的區(qū)別:strong強調(diào)重要性谨敛,em強調(diào)意思改變了究履,b無語義作用 - 預(yù)格式文本,可以控制空格和回車使其有效W3School在線測試工具 V2
- 計算機輸出標(biāo)簽W3School在線測試工具 V2
- 縮寫詞和超鏈接中的
<title>
屬性都讓鼠標(biāo)懸停顯示title內(nèi)容脸狸,但是兩者聲明不同最仑,會影響瀏覽器和css對他們的識別,因此盡量符合規(guī)范 - 文字方向HTML <bdo> 標(biāo)簽炊甲,用于覆蓋默認的文字方向
- 引用鏈接前必須要加
http://
泥彤,不然無法識別 -
<a>
中的內(nèi)容是一個錨,屬性設(shè)置為href
或者name/id
卿啡,點擊內(nèi)容即可向其跳轉(zhuǎn)吟吝,具體見HTML 鏈接
12.target
屬性的使用HTML <a> 標(biāo)簽的 target 屬性,利用framename這個u語法很重要颈娜,target
的值與name
的值對應(yīng)剑逃,網(wǎng)頁內(nèi)容就會顯示在相應(yīng)name值下的框架中浙宜。
2.字體
- 襯線字體(SERIF):字母主要筆畫的末端有裝飾
無襯線字體(SANS-SERIF):字母線條筆直
等寬字體(MONOSPACE):每個字母寬度相同
草書字體(CURSIVE):草書特點
虛幻字體(FANTASY):裝飾字特點 - 顯示已經(jīng)插入或刪除的文本,<del><ins>炕贵,其表現(xiàn)就是刪除線和下滑心啊梆奈,但是具有語義意義,要和css中的font-decoration區(qū)別称开。
二亩钟、結(jié)構(gòu)
-
<!DOCTYPE>
聲明位于文檔中的最前面的位置,處于<html>
標(biāo)簽之前鳖轰。此標(biāo)簽可告知瀏覽器文檔使用哪種 HTML 或 XHTML 規(guī)范清酥。該標(biāo)簽可聲明三種 DTD 類型,分別表示嚴(yán)格版本蕴侣、過渡版本以及基于框架的 HTML 文檔焰轻。
以下面這個<!DOCTYPE>
標(biāo)簽為例:
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Strict//EN” “TR/xhtml1/DTD/xhtml1-strict.dtd”>
在上面的聲明中,聲明了文檔的根元素是 html昆雀,它在公共標(biāo)識符被定義為 “-//W3C//DTD XHTML 1.0 Strict//EN” 的 DTD 中進行了定義辱志。瀏覽器將明白如何尋找匹配此公共標(biāo)識符的 DTD。如果找不到狞膘,瀏覽器將使用公共標(biāo)識符后面的 URL 作為尋找 DTD 的位置揩懒。
三、框架
- 在同一個瀏覽器顯示不止一個頁面HTML 框架
- 框架中可嵌套框架
- 內(nèi)聯(lián)框架iframe比一般框架更靈活挽封,可以調(diào)整長寬
四已球、表格
-
cellpadding
和celispacing
,控制單元格的內(nèi)邊距和外邊距
五辅愿、列表
- 除了有序和無序列表還有一種定義列表智亮,
<dt>
和<dd>
六、表單
-
<form>
定義表單点待,利用type來定義阔蛉,HTML 表單