HTML(超文本標記語言)之【動態網頁】

時間 2019-11-11

原文原文鏈接

HTML前面已經介紹，因此CSS和JavaScript就是咱們今天的主要內容。html

CSS全稱是級聯樣式表（Cascading Style Sheets）。解決內容與表現分離的問題瀏覽器

    樣式解決了一個廣泛的問題
    HTML 標籤本來被設計爲用於定義文檔內容。經過使用 <h1>、<p>、<table> 這樣的標籤，HTML 的初衷是表達「這是標題」、「這是段落」、「這是表格」之類的信息。同時文檔佈局由瀏覽器來完成，而不使用任何的格式化標籤。
    因爲兩種主要的瀏覽器（Netscape 和 Internet Explorer）不斷地將新的 HTML 標籤和屬性（好比字體標籤和顏色屬性）添加到 HTML 規範中，建立文檔內容清晰地獨立於文檔表現層的站點變得愈來愈困難。
    爲了解決這個問題，萬維網聯盟（W3C），這個非營利的標準化聯盟，肩負起了 HTML 標準化的使命，並在 HTML 4.0 以外創造出樣式（Style）。全部的主流瀏覽器均支持層疊樣式表。
    層疊次序
    當同一個 HTML 元素被不止一個樣式定義時，會使用哪一個樣式呢？
    通常而言，全部的樣式會根據下面的規則層疊於一個新的虛擬樣式表中，其中數字 4 擁有最高的優先權。
安全

瀏覽器缺省設置框架
外部樣式表佈局
內部樣式表（位於 <head> 標籤內部）學習
內聯樣式（在 HTML 元素內部）字體

所以，內聯樣式（在 HTML 元素內部）擁有最高的優先權，這意味着它將優先於如下的樣式聲明：<head> 標籤中的樣式聲明，外部樣式表中的樣式聲明，或者瀏覽器中的樣式聲明（缺省值）。網站

另一個關於CSS的重要內容就是它的盒模型。能夠參考：http://www.chinaz.com/design/2010/1229/151993.shtmlspa

JavaScript是瀏覽器支持的腳本語言的一種，其餘還有VBScript。也是一種基於對象和事件驅動並具備相對安全性的客戶端腳本語言，是一種動態、弱類型、基於原型的語言，內置支持類。一個完整的 JavaScript 實現是由如下 3 個不一樣部分組成的：核心（ECMAScript）、文檔對象模型（Document Object Model，簡稱DOM）、瀏覽器對象模型（Browser Object Model，簡稱BOM）。所以，它能夠操做DOM和BOM，提供人性化的交互頁面功能。設計

JavaScript能夠放置在html中的<head>、<body>標籤之中，執行順序，放到瀏覽器一節中去介紹。

單純的HTML要想變得美觀除非都是圖片呈現，不然很難達到很好的效果，可是有CSS就能夠創造出不少讓人驚豔的特效！而JavaScript則使得交互更加人性化，極大的豐富了網頁的呈現形式，具體的學習請參考《JavaScript權威指南》、《JavaScript語言精粹》、《CSS權威指南》、《CSS禪意花園》等

CSS和JavaScript基本每一個內容均可以寫很厚很厚的一本書，可是，值得注意的是，瀏覽器的兼容性問題，而致使這一問題出現的主要緣由是，瀏覽器對W3C標準的支持度不一致！

關於兼容性的問題，基本的解決方法一般是查閱資料，最好使用各個瀏覽器都支持的CSS標準和JavaScript標準，或者採用比較流行的一些框架，框架的介紹能夠問下度娘，基本均可以問出不少不少，因此此處再也不詳述。

最後的問題就是關於網頁特效的問題，不過這個問題主要歸功於設計師，是因爲他們的設計才使得交互的人性化，學習研究HTML、CSS和JavaScript僅僅是爲了以簡便高效的方式去實現設計師的需求，設計的問題，我也不是很懂，所以仍是去問度娘吧，不少以此爲主題的網站、論壇等資料。