web前端概述(參考版)
2024-08-15 22:51本頁面
【正文】 有很多使用 AJAX 的應用程序案例：新浪微博 Google地圖、開心網(wǎng)等等。通過在后臺與服務(wù)器進行少量數(shù)據(jù)交換， AJAX 可以使網(wǎng)頁實現(xiàn)異步更新 。 傳統(tǒng)的網(wǎng)頁 （不使用 AJAX）如果需要 更新內(nèi)容，必須重載整個網(wǎng)頁面 。 JavaScript實現(xiàn)是由以下 3個不同部分組成的： ?核心（ ECMAScript） ?文檔對象模型（ DOM） ?瀏覽器對象模型（ BOM） 第 1章 Web前端開發(fā)技術(shù)綜述 Page: 42 Web前端開發(fā)技術(shù) 清華大學出版社 JavaScript案例 第 1章 Web前端開發(fā)技術(shù)綜述 Page: 43 Web前端開發(fā)技術(shù) 清華大學出版社 HTML DOM ?HTML DOM是 Document Object Model文檔對象模型 ?DOM結(jié)構(gòu)：以層次結(jié)構(gòu)組織節(jié)點或信息片段（教材第 13頁的例 133的網(wǎng)頁就展示了這樣的一個目錄樹型結(jié)構(gòu)）。 第 1章 Web前端開發(fā)技術(shù)綜述 Page: 41 Web前端開發(fā)技術(shù) 清華大學出版社 JavaScript JavaScript的出現(xiàn)使得網(wǎng)頁和用戶之間實現(xiàn)了一種 實時性的、動態(tài)的、交互性 的關(guān)系，使網(wǎng)頁包含更多活躍元素和更加精彩的內(nèi)容。 //和 /* */在 html里也是常用的注釋，但只能用在js和 CSS語言 ,不對 HTML語言起作用！ 第 1章 Web前端開發(fā)技術(shù)綜述 Page: 35 Web前端開發(fā)技術(shù) 清華大學出版社 ?結(jié)構(gòu) ￣ header, footer, nav, article, main, aside等 ?媒體 ￣ figure, audio, video等 HTML 5 新標簽 第 1章 Web前端開發(fā)技術(shù)綜述 Page: 36 Web前端開發(fā)技術(shù) 清華大學出版社 ?表單類型 ￣ , range, url, date, time, datetime, number, search等 ?驗證 ￣ required, pattern ?其它 ￣ placeholder HTML 5 新增表單屬性 第 1章 Web前端開發(fā)技術(shù)綜述 Page: 37 Web前端開發(fā)技術(shù) 清華大學出版社 ?不同的瀏覽器對于 HTML標準支持程度不同 ?查看瀏覽器支持情況可以訪問如下網(wǎng)址： ? 瀏覽器兼容性 第 1章 Web前端開發(fā)技術(shù)綜述 Page: 38 Web前端開發(fā)技術(shù) 清華大學出版社 ?清楚了解每一個標簽和屬性的語義 ?HTML中只描述內(nèi)容和結(jié)構(gòu)，樣式留給 CSS ?手寫 HTML，避免使用生成工具 ?推薦 2個 HTML學習的參考網(wǎng)址： ? HTML: The Living Standard ? HTML Tutorials 如何學習 HTML？ 第 1章 Web前端開發(fā)技術(shù)綜述 Page: 39 Web前端開發(fā)技術(shù) 清華大學出版社 CSS ?層疊樣式表 CSS（ Cascading Style Sheet）級聯(lián)樣式表 可以有效地對頁面的布局、字體、顏色、背景和其它效果實現(xiàn)更加精確的控制 。 如果是 UTF8編碼 ，則在外國人的英文 IE上也能顯示中文，他們無需下載 IE的中文語言支持包。它提供的信息雖然用戶不可見，但卻是文檔的最基本的元信息。這意味著它的內(nèi)容 自動地開始一個新行 。 ?使用 p標簽定義一個段落。 第 1章 Web前端開發(fā)技術(shù)綜述 Page: 30 Web前端
環(huán)評公示相關(guān)推薦
鄂ICP備17016276號-1