XML簡(jiǎn)介

成都創(chuàng)新互聯(lián)擁有十余年的建站服務(wù)經(jīng)驗(yàn)，在此期間，我們發(fā)現(xiàn)較多的客戶在挑選建站服務(wù)商前都非常的猶豫。主要問(wèn)題集中：在無(wú)法預(yù)知自己的網(wǎng)站呈現(xiàn)的效果是什么樣的？也無(wú)法判斷選擇的服務(wù)商設(shè)計(jì)出來(lái)的網(wǎng)頁(yè)效果自己是否會(huì)滿意？成都創(chuàng)新互聯(lián)業(yè)務(wù)涵蓋了互聯(lián)網(wǎng)平臺(tái)網(wǎng)站建設(shè)、移動(dòng)平臺(tái)網(wǎng)站制作、網(wǎng)絡(luò)推廣、按需定制開發(fā)等服務(wù)。成都創(chuàng)新互聯(lián)網(wǎng)站開發(fā)公司本著不拘一格的網(wǎng)站視覺設(shè)計(jì)和網(wǎng)站開發(fā)技術(shù)相結(jié)合，為企業(yè)做網(wǎng)站提供成熟的網(wǎng)站設(shè)計(jì)方案。

XML是由W3C于1998年2月發(fā)布的一種可擴(kuò)標(biāo)記語(yǔ)言，是一種用于標(biāo)記數(shù)據(jù)文件使其具有結(jié)構(gòu)性的標(biāo)記語(yǔ)言，它被設(shè)計(jì)用來(lái)傳輸和存儲(chǔ)數(shù)據(jù)。在電子計(jì)算機(jī)中，標(biāo)記指計(jì)算機(jī)所能理解的信息符號(hào)，通過(guò)此種標(biāo)記，計(jì)算機(jī)之間可以處理包含各種的信息比如文章等。它可以用來(lái)標(biāo)記數(shù)據(jù)、定義數(shù)據(jù)類型，是一種允許用戶對(duì)自己的標(biāo)記語(yǔ)言進(jìn)行定義的源語(yǔ)言。它非常適合互聯(lián)網(wǎng)傳輸，提供統(tǒng)一的方法來(lái)描述和交換獨(dú)立于應(yīng)用程序或供應(yīng)商的結(jié)構(gòu)化數(shù)據(jù)，使用XML也可以簡(jiǎn)化互聯(lián)網(wǎng)的文檔信息傳輸。

XML在語(yǔ)法方面和HTML是一樣的，和HTML不同的是XML是設(shè)計(jì)用來(lái)傳輸和存儲(chǔ)數(shù)據(jù)，而HTML是設(shè)計(jì)用來(lái)顯示數(shù)據(jù)，它們都是標(biāo)準(zhǔn)通用標(biāo)記語(yǔ)言的子集。XML的標(biāo)簽是沒有預(yù)先定義的，需要自己自行定義標(biāo)簽，所以才被稱為可擴(kuò)展標(biāo)記語(yǔ)言。

在XML發(fā)布后同年的8月18日，W3C發(fā)布了XSLT的草案，1999年11月16日則正式發(fā)布XSLT1.0推薦版本。XSMLT是eXtensibleStylesheetLanguageTransformation(擴(kuò)展樣式表轉(zhuǎn)換語(yǔ)言)的縮寫。

XSMLT主要是用于將XML文檔轉(zhuǎn)換成可以被瀏覽器解析的文檔，例如HTML、XHTML。轉(zhuǎn)換成瀏覽器解析的文檔之后能讓我們更加直觀地在瀏覽器頁(yè)面上查看XML文檔的數(shù)據(jù)，并且能使用CSS增加樣式效果，例如：

這樣使用XSMLT轉(zhuǎn)換后要比起直接閱讀XML文檔要更加清晰直觀，這就是XSMLT主要的作用。

但是現(xiàn)在XSMLT已經(jīng)很少使用了，幾乎淘汰了，而且XML也由于過(guò)于笨重，在一些需要輕量級(jí)的數(shù)據(jù)傳輸方面也逐漸比較少使用了，但是XML目前仍在一些數(shù)據(jù)結(jié)構(gòu)復(fù)雜的情況下使用。

文檔結(jié)構(gòu)定義DTD  and  Schema介紹：

DTD：

文檔類型定義(Document Type Definition)是一套為了進(jìn)行程序間的數(shù)據(jù)交換而建立的關(guān)于標(biāo)記符的語(yǔ)法規(guī)則。它是標(biāo)準(zhǔn)通用標(biāo)記語(yǔ)言和可擴(kuò)展標(biāo)記語(yǔ)言1.0版規(guī)格的一部分，文檔可根據(jù)某種DTD語(yǔ)法規(guī)則驗(yàn)證格式是否符合此規(guī)則。文檔類型定義也可用做保證標(biāo)準(zhǔn)通用標(biāo)記語(yǔ)言、可擴(kuò)展標(biāo)記語(yǔ)言文檔格式的合法性，可通過(guò)比較文檔和文檔類型定義文件來(lái)檢查文檔是否符合規(guī)范，元素和標(biāo)簽使用是否正確。文件實(shí)例提供應(yīng)用程序一個(gè)數(shù)據(jù)交換的格式。使用各類文檔類型定義是為了讓標(biāo)準(zhǔn)通用標(biāo)記語(yǔ)言、可擴(kuò)展標(biāo)記語(yǔ)言文件能符合規(guī)定的數(shù)據(jù)交換標(biāo)準(zhǔn)，因?yàn)檫@樣，不同的公司只需定義好標(biāo)準(zhǔn)文檔類型定義，就都能依文檔類型定義建立文檔實(shí)例，并且進(jìn)行驗(yàn)證，如此就可以輕易交換數(shù)據(jù)，防止了實(shí)例數(shù)據(jù)定義不同等原因造成的數(shù)據(jù)交換障礙，滿足了網(wǎng)絡(luò)共享和數(shù)據(jù)交互。

內(nèi)部聲明代碼示例：

外部聲明代碼示例：

HTML里面開頭的DOCTYPE就是引入了一個(gè)文檔類型定義文檔：

Schema：

Schema是基于XML的DTD代替者，Schema是更加地嚴(yán)格的文檔結(jié)構(gòu)定義。Schem是2001年5月2日成為W3C標(biāo)準(zhǔn)，Schem要更加完善功能也更加強(qiáng)大，也就是類似于DTD的一個(gè)升級(jí)版。

思維導(dǎo)圖：

CSS3樣式表

CSS3簡(jiǎn)介：

CSS3是CSS技術(shù)的升級(jí)版本，CSS3語(yǔ)言開發(fā)是朝著模塊化發(fā)展的。以前的規(guī)范作為一個(gè)模塊實(shí)在是太龐大而且比較復(fù)雜，所以，把它分解為一些小的模塊，更多新的模塊也被加入進(jìn)來(lái)。這些模塊包括： 盒子模型、列表模塊、超鏈接方式 、語(yǔ)言模塊 、背景和邊框 、文字特效 、多欄布局等。

CSS3完全向后兼容，所以沒有必要修改的設(shè)計(jì)來(lái)讓它們繼續(xù)運(yùn)作。網(wǎng)絡(luò)瀏覽器也還將繼續(xù)支持CSS2。CSS3主要的影響是將可以使用新的可用的選擇器和屬性，這些會(huì)允許實(shí)現(xiàn)新的設(shè)計(jì)效果（譬如動(dòng)態(tài)和漸變），而且可以很簡(jiǎn)單的設(shè)計(jì)出現(xiàn)在的設(shè)計(jì)效果（比如說(shuō)使用分欄）。

樣式在HTML中的書寫方式：

樣式有三種書寫方式，第一種是直接在style屬性上寫，style里有很多的樣式子屬性，不同的字屬性使用分號(hào)分開，示例：

運(yùn)行結(jié)果：

這種寫法適合用于個(gè)別標(biāo)簽需要單獨(dú)樣式的情況下，如果好幾個(gè)標(biāo)簽都需要同樣的樣式的話，使用這種寫法就會(huì)導(dǎo)致很多重復(fù)的代碼，不利于網(wǎng)頁(yè)的優(yōu)化，所以第二種寫法就是在<style>標(biāo)簽里聲明樣式屬性，之后只要是該樣式里定義的標(biāo)簽就會(huì)統(tǒng)一使用<style>里聲明的樣式，示例：

運(yùn)行結(jié)果：

第三種寫法是在css文件里聲明樣式，這種方式好處是可以共享更多的網(wǎng)頁(yè)，因?yàn)橹恍枰褂?lt;link>標(biāo)簽引用這個(gè)文件就可以使用文件里聲明的樣式了。示例：

創(chuàng)建一個(gè)后綴為.css的文件，將樣式屬性的聲明寫在文件里：

然后在HTML文件里使用<link>標(biāo)簽引用這個(gè)文件：

運(yùn)行結(jié)果：

思維導(dǎo)圖：

樣式選擇器：

并不是所有的標(biāo)簽都需要使用同一個(gè)樣式，而且不是全部標(biāo)簽都得使用樣式，那么同樣的標(biāo)簽要使用不同的樣式就需要使用到樣式選擇器了。

在這里介紹幾種較為常用的樣式選擇器：

1. element選擇器，直接寫標(biāo)簽的名稱，也就是上面使用的那種方式，示例：

運(yùn)行結(jié)果：

1. .class選擇器，要使用這個(gè)選擇器的標(biāo)簽需要使用class屬性引用這個(gè)選擇器的名稱，也叫做類樣式，示例：

運(yùn)行結(jié)果，只有使用class屬性引用了選擇器的標(biāo)簽才會(huì)使用這個(gè)選擇器里的樣式，這些選擇器都可以寫在css文件里：

1. #id選擇器，要使用這個(gè)選擇器的標(biāo)簽需要使用id屬性來(lái)引用這個(gè)選擇器的名稱，示例：

運(yùn)行結(jié)果：

在這里要說(shuō)明一下.class選擇器與#id選擇器的區(qū)別：id是唯一的是不可重復(fù)的，一個(gè)頁(yè)面只可以使用一次，class則可以多次引用，一個(gè)頁(yè)面內(nèi)可以使用多次。雖然你重復(fù)地使用#id選擇器瀏覽器也可以正常解析，有些IDE也不會(huì)報(bào)語(yǔ)法錯(cuò)誤，但是當(dāng)你需要用JavaScript通過(guò)id來(lái)控制div時(shí)就會(huì)出現(xiàn)錯(cuò)誤。

id相當(dāng)于是一個(gè)唯一的標(biāo)識(shí)，用于區(qū)分不同的結(jié)構(gòu)和內(nèi)容，就象×××或名字，如果一個(gè)屋子有2個(gè)人同名，就會(huì)出現(xiàn)混淆。class則是一個(gè)樣式，可以套在任何結(jié)構(gòu)和內(nèi)容上，就象一件衣服。

所以從概念上說(shuō)就是不一樣的：id是先找到結(jié)構(gòu)/內(nèi)容，再給它定義樣式；class是先定義好一種樣式，再套給多個(gè)結(jié)構(gòu)/內(nèi)容。

當(dāng)我們使用#id選擇器時(shí)，應(yīng)當(dāng)遵循規(guī)范的語(yǔ)法不重復(fù)地去使用，要明白這兩個(gè)選擇器的區(qū)別。

錯(cuò)誤寫法示例：

運(yùn)行結(jié)果：

1. *選擇器，這個(gè)選擇器表示給所有的標(biāo)簽都加上這個(gè)選擇器里的樣式：

運(yùn)行結(jié)果：

1. element,element選擇器，使用逗號(hào)隔開可以給多個(gè)標(biāo)簽定義樣式，示例：

運(yùn)行結(jié)果：

1. element element選擇器，例如div p，選擇給div內(nèi)部所有的p標(biāo)簽定義樣式，示例：

運(yùn)行結(jié)果：

1. element+element選擇器，例如div+p，選擇緊接著在div標(biāo)簽后的那個(gè)p標(biāo)簽（僅第一個(gè)有效），示例：

運(yùn)行結(jié)果：

1. [attribute]選擇器，[]里寫屬性名稱，例如[title]，只要寫有括號(hào)里定義的屬性名稱就會(huì)使用此選擇器的樣式，示例：

運(yùn)行結(jié)果：

這個(gè)選擇器也可以自己定義屬性的名稱，不一定要使用html里的屬性名稱，只要標(biāo)簽里的屬性名稱和選擇器上定義的屬性名稱相同就可以了，示例：

運(yùn)行結(jié)果：

1. [attribute=value]選擇器，只要標(biāo)簽里屬性的名稱與值和選擇器里定義的屬性名稱和值相同，就會(huì)使用這個(gè)選擇器里的樣式，示例：

運(yùn)行結(jié)果：

思維導(dǎo)圖：

CSS3選擇器參考：

新聞名稱：ML簡(jiǎn)介與CSS3樣式表
本文地址：http://aaarwkj.com/article34/gjgppe.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供營(yíng)銷型網(wǎng)站建設(shè)、云服務(wù)器、微信公眾號(hào)、品牌網(wǎng)站設(shè)計(jì)、搜索引擎優(yōu)化、網(wǎng)站策劃

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)