網頁HTML原始檔的<head>與</head>內容中，除了我們之前所介紹的<meta ...>標籤之外，最常出現的特別HTML標籤就屬於標示網頁瀏覽器端動態(Dynamic)效果的script以及定義呈現樣式的style程式碼區塊。雖然日後我們都將進一步介紹，但為了解讀HTML原始檔，茲先簡介如下：
A. <script ...> ... </script> 標籤組區塊
1. <script language="javascript">
內部javascript(程式碼)
</script> 或
2. <script language="javascript" src="外部程式碼檔案 .js"> </script>
<script…>標籤所標示的程式碼是由瀏覽器負責解讀與執行，所用的語言預定為JavaScript(一種專為瀏覽器所設計的程式語言)。網頁中如果加入了 <script…>標籤，即稱為DHTML網頁。可以讓網頁呈現與使用者互動的效果，或者取得有關瀏覽器的一些資訊，以便進行相關的處理。
之前我們在課程中所提供的一些動態的圖片或文字的呈現效果，就是透過<script…>標籤以及相關的JavaScript程式碼所提供。程式碼可直接以第1.種的方式撰寫在<script…>與</script>之間；也可以先將程式碼儲存在一個副檔名為 .js 的文字檔中，然後以前述的第2.種方式，透過<script…>起始標籤的 src 屬性加以引用。查看我們之前所提供的範例資料，將會發現它們就是這樣使用的。
至於JavaScript程式語言的撰寫技術，牽涉到較深的技術層面，並不在我們的授課範圍中。有興趣的學員應該考慮下學期的進階課程_PHP動態網頁入門，該課程中除了會針對動態網頁的技術做較深入的探討，也會進一步介紹商務網站(電子商務)的基本原理與技術。
除了<script…>程式碼之外，HTML網頁還有一項非常重要的技術_CSS(Cascading Style Sheet)連接樣式表。CSS連接樣式表是一種HTML網頁的資料呈現技術，可以規範(命令)瀏覽器呈現網頁內容時的效果。簡單說，雖然瀏覽器可以正確呈現我們的網頁資料(當然，這必須以網頁是正確的為前提)，但瀏覽器預定的呈現效果較為刻板(例如，文字預定為3號的黑色新細明體)。如果我們想改變這樣的顯示內容，相信學員多少有這樣的經驗，那就必須針對所要變更的內容加以逐一重新設定。當網站的網頁少或者網頁的內容不多時，或許這樣是可以。但一旦網頁很多或者內容相當豐富時，這樣設定不但費事，而且不容易達到不同網頁之間呈現方式的一致性。 如果想要解決這個問題，那麼CSS(Cascading Style Sheet)連接樣式表的學習就是一個相當重要的課題。
我們上網瀏覽較專業的網頁時，在該些網頁的HTML原始檔內容中，往往可以看見一些
B. <style ...> ... </style> 標籤組區塊
1. <style type="text/css">
內部CSS(定義碼)
</style> 或
2. <link rel="stylesheet" type="text/css" href="外部CSS檔案.css">
的HTML標籤；在一些常見的HTML標籤中也很可能看到 style="…" 的屬性設定。這些style所標示的就是CSS的設定內容。CSS連接樣式表的撰寫方式有一定的規則，一旦CSS寫好並加以引用之後，瀏覽器便會根據它的指示，以定義好的方式來呈現資料的內容。
請先 登入 以發表留言。