典型的三種文件--一個(gè) HTML 文件,一個(gè) Dart 文件和一個(gè) CSS 文件,一起實(shí)現(xiàn)了一個(gè) Dart 的 Web 應(yīng)用程序。每個(gè)文件都使用了不同的語(yǔ)言來(lái)編寫(xiě),每個(gè)文件都負(fù)責(zé)程序中不同方面的職責(zé):
| 語(yǔ)言 | 用途 |
|---|---|
| HTML | 描述了文檔的內(nèi)容(文檔中的頁(yè)面元素和結(jié)構(gòu)) |
| CSS | 控制頁(yè)面元素的外觀 |
| Dart | 實(shí)現(xiàn)程序的交互和動(dòng)態(tài)行為 |
HTML 是一種用于描述網(wǎng)頁(yè)頁(yè)面的語(yǔ)言。通過(guò)使用標(biāo)簽,HTML 建立了初始頁(yè)面的結(jié)構(gòu),設(shè)置頁(yè)面元素。并為頁(yè)面的交互嵌入各種腳本。HTML 設(shè)置初始文檔的結(jié)構(gòu)樹(shù)和指定元素類(lèi)型,類(lèi)和 ID ,它允許HTML , CSS 和 Dart 項(xiàng)目引用相同的元素。
CSS 表示層疊樣式表,描述了文檔中的元素的外觀,CSS 可以控制許多方面的格式:字體、字體大小、顏色、背景顏色、邊框、距離和對(duì)齊等等。
Dart 代碼作為一個(gè)腳本嵌入到 HTML 文件。一個(gè) Dart 程序可以響應(yīng)事件,如鼠標(biāo)點(diǎn)擊,操縱動(dòng)態(tài) Web 頁(yè)面上的元素,并可以保存信息。