web app和html5給前端帶來的變化 - 我們的html5游戲平臺之旅

在w3school，你可以找到你所需要的所有的網站建設教程。 從基礎的HTML到XHTML，乃至進階的XML、SQL、數據庫、多媒體和WAP。完整的網站技術參考手冊 我們的參考手冊涵蓋了網站技術的方方面面。 其中包括W3C的標準技術：HTML、XHTML、CSS、XML 。以及其他的技術，諸如JavaScript、PHP、ASP、SQL等等。

2011年，twitter的“一小撮”工程師為了提高他們內部的分析和管理能力，用業余時間為他們的產品構建了一套易用、優雅、靈活、可擴展的前端工具集--BootStrap。Bootstrap由MARK OTTO和Jacob Thornton所設計和建立，在github上開源之后，迅速成為該站上最多人watch&fork的項目。大量工程師踴躍為該項目貢獻代碼，社區驚人地活躍，代碼版本進化非常快速，官方文檔質量極其高(可以說是優雅)，同時涌現了許多基于Bootstrap建設的網站：界面清新、簡潔;要素排版利落大方。 基于手腳架(Scaffolding)之上，Bootstrap的基礎CSS(Base CSS)提供了一系列的基礎Html頁面要素，旨在為用戶提供新鮮、一致的頁面外觀和感覺。本文將主要深入講解排版(Typography),表格(Table),表單(Forms),按鈕(Buttons)這四個方面的內容。

本手冊針對的是已有一定網頁設計制作經驗的讀者。其目的是提供最新的樣式表內容的快速索引及注釋。所以對于樣式表的基礎知識，在此僅簡單介紹，恕不贅述。 <br> 本手冊的升級信息與版權聲明請參閱關于本手冊頁面。 <br> 什么是層疊樣式表： CSS是Cascading Style Sheet（層疊樣式表）的縮寫。是用于（增強）控制網頁樣式并允許將樣式信息與網頁內容分離的一種標記性語言。 CSS不需要編譯,可以直接由瀏覽器執行(屬于瀏覽器解釋型語言)。 CSS2.1是目前被使用最廣泛的版本，而目前還在開發中的CSS3具有更吸引人的特性。 本手冊除了CSS2.1外，還涵蓋了大部分的CSS3內容。但由于CSS3尚未定稿，不可避免會出現一些變動。

FF和IE7已經直接支持透明的png圖了,下面這個主要是解決IE6下透明PNG圖片有灰底的

隨著互聯網的發展，HTML （HyperText Mark-up Language，超文本標記語言或超文本鏈接標示語言 ）標準也在不斷變化，HTML標準已經走過第4代了，自從W3C （World Wide Web Consortium ，W3C理事會或萬維網聯盟 ）公布HTML5標準草案以來，HTML5越發的受開發者及各大公司的歡迎，因為它能用簡單的標簽元素，屬性能實現之前需要用很多復雜JavaScript代碼才能有實現的功能，本論文著重以瀏覽器支持較好且容易實現的部分HTML5功能作為探索對像。<br> 由于基于網頁的探索性實驗項目，在設計上并不是很復雜，因此在過程分析設計，詳細設計分析方面做的比較少，著重內容展示。文章從以下幾個方面論述： 首先，展示HTML5對表單的強大支持功能，以前許多驗證需要用復雜的正則表達式來達到驗證的目的，但是HTML5自建表單驗證功能。比如電子郵件，日期等。

Web技術的發展速度太快了，如果你不與時俱進，就會被淘汰。因此，為了應對即將到來的HTML5，本文總結了22個HTML5的初級技巧，希望能對你進一步學習好HTML5會有所幫助。

HTML 特殊符號對照表

A vocabulary and associated APIs for HTML and XHTML 。This specification defines the 5th major revision of the core language of the World Wide Web: the Hypertext Markup Language (HTML). In this version, new features are introduced to help Web application authors, new elements are introduced based on research into prevailing authoring practices, and special attention has been given to defining clear conformance criteria for user agents in an effort to improve interoperability.

SEO是Search Engine Optimization的縮寫，即“搜索引擎優化”。而從事這方面工作的就是Search Engine Optimizer，即“搜索引擎優化師”。通俗來講，SEO就是在Google、百度、Yahoo等等各大搜索引擎中獲得比較靠前的自然排名的技巧和策略。

CSS語法CSS規則由兩個主要的部分構成：選擇器，以及一條或多條聲明。

Frameset、frame、iframe的用法和區別1．框架概念所謂框架便是網頁畫面分成幾個框窗，同時取得多個URL。只需要 FRAMESET FRAME 即可，而所有框架標記需要放在一個總起的html檔，這個檔案只記錄了該框架如何劃分，不會顯示任何資料，所以不必放入 BODY>標記，框架在body標記中不會顯示。瀏覽這框架必須讀取這檔案而不是其它框窗的檔案。

網頁常用代碼收藏

第5章XML DOM編程模型目標理解DOM模型解析XML文檔，生成文檔對象操縱DOM模型的對象、接口、屬性、方法5.1文檔對象模型概述DOM(Document ObjectModel)定義了文檔的邏輯結構和訪問、操縱文檔的方法。它為XML、HTML提供了應用程序接口API。DOM中的對象允許開發者從文檔中讀取、搜索、修改、增加和刪除數據－它們為文檔導航提供了標準的功能定義，并且操縱XML文檔的內容和結構。

第5章XLink和XPointerLink—鏈接如果在這個世界上每部電腦中的每個資料塊都能夠被識別、定址及鏈接，那將是十分令人振奮的事。Link就是說明如何在網絡上做到這點的規格文件。鏈接的定義1.一個鏈接可以有一個、二個甚至是很多個ends，而每一個end都可以是指標，事實上鏈接本身可以很明確地指定是外部（externally）鏈接，因而連接到每一個end。2.一個鏈接并不一定要有方向，但它也可以有很多或是沒有方向，除此之外，鏈接的方向不要一定得從“context”到“part”才行。

第4章XML的顯示4.1CSS4.2Xpath簡介4.3XSLT介紹呈現XML文件原始的XML文件可以用IE6.0(或者更高的版本)或者Netscape6來察看,但是如果希望讓XML文檔象Web頁那樣顯示就必須添加一些額外的顯示信息。樣式表簡介為什么需要樣式表XML數據本身并不包含數據顯示的信息什么是樣式表描述結構文檔表現方式的文檔使用樣式表的意義數據或內容與表示層分開W3C推薦的樣式表標準：CSS級聯樣式表XSL可擴展樣式表樣式表定義：包含一個或多個XML文檔的格式化規則的文檔。包含指示WEB瀏覽器如何將原文檔的結構翻譯為一個能夠顯示的結構的代碼。

第3章XML數據的底層結構—DTD和XMLSchema3.1XML類型定義語言DTD3.1.1XML類型定義語言DTD3.1.2XML文檔和DTD的匹配3.2XML模式Schema3.2.1Schema與DTD的區別和優勢3.2.2局部和全局定義3.2.3Schema的基本結構3.2.4簡單類型3.2.5復雜類型3.1DTDDTD(DocumentTypeDefinition)，文檔類型定義XML標準中，描述了如何創建DTD，以及如何將它與根據它的規則所編寫的XML文檔相關聯，并且定義了XML處理器應該如何對DTD進行處理。

XML的全稱是Extensible Markup Language，意思是可擴展的標記語言，它是標準通用標記語言(Standard Generalized Markup Language,SGML)的一個子集。 在80年代早期，IBM提出在各文檔之間共享一些相似的屬性，例如字體大小和版面。IBM設計了一種文檔系統，通過在文檔中添加標記，來標識文檔中的各種元素，IBM把這種標記語言稱作通用標記語言(Generalized Markup Language），即GML。經過若干年的發展，1984年國際標準化組織（ISO)開始對此提案進行討論，并與1986年正式發布了為生成標準化文檔而定義的標記語言標準（ISO 9979)，稱為新的語言SGML，即標準通用標記語言。 SGML功能非常強大，是可以定義標記語言的元語言。

10步搞定div布局

今天我們的目標：分享幾套一勞永逸、通用的前端性能優化方案；講述探索這些方案的開發思路及所嘗試的途徑；服務器動態壓縮、合并靜態文件圖片懶加載BigPipe1服務器動態壓縮、合并靜態文件1s1s1s1s存在的問題？靜態文件在開發狀態與發布狀態的最佳形式存在差異：開發狀態：代碼的清晰、易讀、易維護；發布狀態：請求數少、體積小；貨物開發環境發布環境文件系統或緩存服務器Minify，服務器壓縮、合并、緩存設置Filter處理還原常規請求自動實現開發、發布的最佳狀態舊方案JSTL+配置XML新方案緩存處理域名管理統一規劃…預先壓縮緩存、版本控制memcache這樣做就夠了嗎？還能做些什么？？兩種存在的場景：壓縮、合并后的文件>100k；響應頁面由多個頁面組成：include、import等；得出結論：一個響應頁面存在多個js，這個事實無法避免；阻塞加載并行加載、預加載：HTTP1.1>1個主機2個主機速度提高一倍各個瀏覽器的并行下載數2個主機是比較合適的使用一個子域名處理靜態文件，實現并行下載，提高加載速度。