html學習筆記

來源:互聯網
上載者:User

標籤:快速選擇   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學習筆記

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.