HTML, CSS, Javascript, jQuery, Stylesheet, Xml之間的關係

來源:互聯網
上載者:User

1.CSS是HTML的搭檔.

在編碼過程中,它們發揮不同的作用:HTML負責網頁的具體內容(結構),而CSS則修飾網頁的表現形式(布局)。

CSS有一個優越的特性,即它可以對頁面配置進行集中管理。也就是說,你不必在每個標籤裡都使用style屬性;相反,你可以只聲明一次,瀏覽器便會按相應的頁面配置效果來顯示文本:

通過把CSS文檔獨立出來,你就可以同時對多個頁面的布局進行集中管理, 方便統一風格。這也是現在網站上的通行方式, 最佳選擇。

 

2.Javascript是用來給HTML一些操作行為.

3.jQuery是用來規範javascript, 結構與行為分離, 不要一團亂麻.

從這一點看, 類似jQuery之於原始的javascript, 原始的javascript需要在頁面元素上添加事件如<a onlick="">tt</a>, 這樣頁面一大就很亂了. jQuery把這些事件都集中到一起,保持一個整潔的html結構.

 

4.Stylesheet

 

5.Xml

XML 用來描述資料,而 HTML 則用來顯示資料。
在沒有任何有關如何顯示資料的資訊的情況下,大多數的瀏覽器都會僅僅把 XML 文檔顯示為原始碼。

 

6.XHTML 教程
Html要求松, Xml要求嚴, 因此XHtml是介於二者之間的規範, 用來給手機等限制裝置上的瀏覽器使用, 而PC上的瀏覽器ie等html, xhtml都可以相容.

XHTML的元素都必須被正確地嵌套,XHTML 必須擁有良好的結構,所有的標籤必須小寫,並且所有的 XHTML 元素必須被關閉, 都要有引號, 要有根節點, <html> 標籤內的 xmlns 屬性是必需的(<html xmlns="http://www.w3.org/1999/xhtml">), 總之, 都是類似xml的規矩.

現在vs.net中建立一個html頁面, 它都會將xmlns自動添加進來, 另外, 所有的 XHTML 文檔必須擁有 DOCTYPE 聲明,所有 XHTML 文檔必須進行檔案類型聲明(DOCTYPE declaration)。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

具體類型有Strict, Transitional 和另外一種叫什麼的忘了. vs.net裡預設是Transitional, w3csholl 是Strict, 不過它說這有點太嚴格了, 一般用Transitional就可以了.

 

XHTML 1.0 所做的工作就是將 HTML 4.0(最後的 HTML 版本)按照符合 XML 標準的要求加以改造。XHTML 1.0 並未定義任何新的元素和屬性,而是沿用了所有 HTML 4.0 的元素和屬性,因此 XHTML 1.0 與 HTML 4.0 是相容的。XHTML 2.0 對於 XHTML 1.0 做了很大的改進,很多地方甚至與 XHTML 1.0 不相容。由於目前主流的瀏覽器僅僅只能支援 XHTML 1.0,這裡的討論限制在 XHTML 1.0 的範圍內。

 

7.XSL

XSL - 不僅僅是樣式表語言, XSL 包括三部分:
1.XSLT: 一種用於轉換 XML 文檔的語言。
2.XPath: 一種用於在 XML 文檔中導航的語言。
3.XSL-FO: 一種用于格式化 XML 文檔的語言。

 

一般使用 CSS、XSL、JavaScript 以及 XML 資料島來顯示xml文檔. 使用 CSS 格式化 XML 不是常用的方法,更不能代表 XML 文檔樣式化的未來。W3C 推薦使用 XSLT。

XSLT 是首選的 XML 樣式表語言。
XSLT (eXtensible Stylesheet Language Transformations) 遠比 CSS 更加完善。
使用 XSLT 的方法之一是在瀏覽器顯示 XML 檔案之前,先把它轉換為 HTML,正如以下的這些例子示範的那樣:

<?xml version="1.0" encoding="ISO-8859-1"?>
<?xml-stylesheet type="text/xsl" href="simple.xsl"?>
<breakfast_menu>
  <food>
    <name>Belgian Waffles</name>
    <price>$5.95</price>
    <description>
       two of our famous Belgian Waffles
    </description>
    <calories>650</calories>
  </food>
</breakfast_menu>

 

8.XQuery

XQuery 也被稱為 XML Query。XQuery 被設計用來查詢 XML 資料。解釋 XQuery 的最佳方式是:XQuery 相對於 XML,等同於 SQL 相對於資料庫。

XQuery 是一種非常複雜的程式設計語言,組成了 XPath 的一個超集。XQuery能完成 XPath 所能完成的任何任務,可以被看作是一種通用語言,因而很容易克服 XPath 的諸多局限,但代價是複雜性略有增加。

XPath 比較簡潔而 XQuery 更加強大和靈活。對於很多查詢來說 XPath 非常合適。比如,從 XML 文檔中的部分記錄建立電話號碼的無序列表,使用 XPath 實現最簡單。但是如果需要表達更複雜的記錄選擇條件的運算式、轉換結果集或者進行遞迴查詢,則需要使用 XQuery。

 

簡言之,XPath 是XSLT 的核心,而XSLT是一種 XML 轉換語言,而XQuery是基於XPath上的。單獨的 XPath 位置路徑本身就是有效 XQuery, 例如“Cargo/Air Cargo” 就意味當前所有的Air Cargo。而XQuery具有類似於 SQL 的外觀和能力:

 

9.XLink 與 XPointer

一句話, 其實就是在xml中增加超連結和錨的功能.

總結: asp到asp.net也是這個思路,把一鍋粥的亂麻理清結構。

 

CSS(層疊樣式表, Cascading Style Sheets)修飾HTML

XSL(XML 樣式表語言, EXtensible Stylesheet Language)修飾XML

也就是:
CSS = HTML 樣式表
XSL = XML 樣式表

 

相關文章

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.