標籤:快速選擇 dia tps 靈活 注釋 indent 檔案 content www
第一部分
html發展曆史
1995年11月24日
HTML 2.0作為IETF RFC 1866發布
1997年1月14日
HTML 3.2作為W3C推薦標準發布。這是首個完全由W3C開發並標準化的版本,因IETF於1996年9月12日關閉了它的HTML工作群組。
1997年12月18日
HTML 4.0作為W3C推薦標準發布
2000年5月
ISO/IEC 15445:2000("ISO HTML",基於HTML 4.01嚴格版)作為ISO/IEC國際標準發布。
2014年10月28日
HTML 5作為W3C推薦標準發布
XHTML版本
XHTML是使用XML 1.0改寫自HTML 4.01的獨立語言
XHTML 1.0, 2000年1月26日作為W3C推薦標準發布
XHTML和HTML的區別
XHTML相對於HTML來說文法更加嚴格,最主要的特點包括:
- 所有標籤必須閉合
- 所有標籤必須小寫
- 所有屬性必須用引號
XHTML和HTML5的區別
簡單來說xhtml的標準要求非常嚴格偏學術,對文法要求很多,html5就更注重功能性和便捷性更靈活更注重實用,被開發人員廣泛接納。
DTD即doctype聲明的意義
DOCTYPE 聲明不是HTML 標籤;它是指示網頁瀏覽器關於頁面使用哪個HTML 版本進行編寫的指令。 在HTML 4.01 中,<! DOCTYPE> 聲明引用DTD,因為HTML4.01 基於SGML。 DTD 規定了標記語言的規則,這樣瀏覽器才能正確地呈現內容。
XHTML1.0:
strict模式:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
過渡(transitional)模式:
<!
DOCTYPE
html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">框架組(frameset):
<!
DOCTYPE
html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">主要用第二個 Html5中doctype聲明方式:
<!
DOCTYPE
html> 第二部分:建立網頁需要確定<head>部分和檔案儲存體的編碼要一直才不會出現亂碼,windows下的ANSI指的是GBK編碼,head部分是告訴瀏覽器該網頁採用的編碼方式
第三部分:
sublime一些好用的快速鍵快速刪除一行 Ctrl+Shift +K快速注釋一行 Ctrl +/快速選擇一行 Ctrl+L快速格式化 alt+shift+f 這個要在Preferences裡面的Key Bindings的user下面設定,這裡包括兩個快速鍵設定,設定f1快速開啟瀏覽器,art+shift+f快速格式化
{ "keys": ["f1"], "command": "open_in_browser" },
{"keys": ["alt+shift+f"], "command": "reindent"},
快速產生html文檔需要下載Emmet外掛程式,下載完成後直接按!+Tab就可以產生html5文檔
!+Tab或者html:5產生html5類型文檔
按 html:4s產生strict類型html文檔
html:4t產生loose類型html文檔
html:xt產生transitional類型html文檔
CSS下一些好看的顏色英文單詞對照
參考該網站http://www.147colors.com/
aliceblue 愛麗絲藍(這翻譯也是醉醉的...)
antiquewhite (antique古董)
像red,green,blue這些顏色太深了,可以選擇前面加light顏色就會淺很多
盒子模型總結:
box長度和寬度不變,padding是border內部box外部,margin是border外部
這種是w3c標準,該標準是內容不變,往外擴充;ie模式是分配的長度和寬度固定,加的padding和border寬度是在box裡面重新劃分,不重新分配長度
最新文檔中屬性box-sizing:border-box就表示ie的這種模式,content-box表示w3c模式
html學習筆記