跳去內容

網頁

出自維基百科，自由嘅百科全書
維基同享英文版頭版網頁

網頁（粵拼：mong5 jip6 ）係網站最主要類型嘅文件，通常係用HTML格式寫，可以用網頁瀏覽器去睇。每個網頁都有一個特有嘅 URL，用戶可以經互聯網打開佢。好多網頁都會有圖像、影片、超連結、同埋互動功能，當中加互動功能成日會用到 JavaScript ，有時仲會同伺服器互動，提供即時更新等嘅功能。

HTML

[編輯]
HTML5（2008 年首次出）個撈稿
内文：HTML

網頁嘅核心部份，通常係一份用 HTML 寫成嘅文件。

HTML（取自英文全名 HyperText Markup Language）係廿一世紀初最多人知嘅標記語言。網頁瀏覽器會用 HTML 嚟操作網頁嘅文字、影像同其他內容。一個網頁嘅數據會用 HTML 嘜maak1好，指定某段字嘅意思或者用途等等嘅資訊，又或者某程度上左右字或者圖嘅大細等等，噉部機就會識得將啲數據按設計者嘅意思顯示出嚟。

具體例子，一段用 HTML 碼記住嘅網頁會有一行行類似以下噉嘅碼[1][2]：

<strong>香港嘅粵語發音</strong>

當中 <strong> </strong> 係教部電腦：

<strong> 同 </strong> 呢兩嚿嘢標籤住嘅內容，係要用主動嘅方法強調顯示（通常係指粗體字）。

部電腦讀到以上呢行噉嘅碼，就會識顯示

香港嘅粵語發音

嘅字樣。好似意大利體等嘅設定，都可以用同樣方式想像。除咗呢啲顯示性質嘅資訊之外，HTML 仲可以攞嚟標籤中繼資料（即係用嚟描述資料嘅資料），能夠話畀電腦知「呢件呢件資訊係啲乜」，好似以下噉：

<title>呢行字係呔圖</title>

上面段碼係話畀部機知：「<title> 同 </title> 呢兩嚿嘢夾住嗰段字，係個網頁嘅標題」；有咗呢樣資訊，部電腦就可以（唔使靠進階嘅 NLP 技術）識得分邊段字係個網頁嘅標題，能夠自動噉（例如）顯示搜尋器嘅搜尋結果嗰陣，顯示每個搵到嘅網頁嘅標題。

以下係用 HTML 寫嘅哈佬世界型網頁[註 1][註 2]：

<!DOCTYPE html>
<html>
  <head>
    <title>呢行字係呔圖</title>
  </head>
  <body>
    <div>
        <p>哈佬呀世界！</p>
    </div>
  </body>
</html>

編寫

[編輯]
睇埋：網頁開發

用 HTML 製作網頁，就要編寫 HTML 文件，一份 HTML 文件大致會有以下嘅部份[3]：

  • HTML 文件開頭，要有 <!DOCTYPE html> 噉嘅字眼，話俾瀏覽器知係用緊 HTML。
  • 用 <html> 同 </html> 噉嘅標籤，括住晒所有內容。呢兩個標籤之間要有：
    • 有 <head> 同 </head> 呢對標籤，括住啲中繼資料，包括係用 <title> 嚟嘜maak1清楚網頁嘅標題呀噉。呢啲資料，方便（例如）網頁刮料等嘅工作。此外，仲要喺度界定埋 CSS 風格紙，如果唔靠風格紙，喺 HTML 文件內部制定[註 3]風格特色[註 4]。
    • <body> 同 </body> 括住終端用家會睇得到嘅內容，入便會標示一個個 heading 同埋段落。當中 heading 嘅設定對於搜尋器最佳化嚟講好重要。
    • <form> 同 </form> 括住俾用家提供輸入嘅元件。
  • 每個 tag 都可以掕住一啲參數，稱為特性[註 5]，用嚟調節其行為。特性包含嘅資訊，可以包括該網頁所需嘅資源要去邊度搵，當中資源可以係圖像同埋視像等嘅多媒體快勞。
  • HTML 等嘅語言都有功能，畀用家以列表同表格等嘅方式表達資訊。
  • 可以加語義性質嘅標籤，例如係用 <article> 標住邊段係內文，或者係用 <nav> 標住邊度係一拃對外連結呀噉[4]。有關呢方面嘅考量，亦可以睇下語義網嘅概念。

寫好之後，製作者仲要 checkcek1 下唔同標籤之間邊個包住邊個，確保標籤之間嘅包裹關係 (暫譯) [註 6]係正確嘅。

睇埋

[編輯]

註釋

[編輯]
  1. ↑ 以下嘅碼係一個簡化嘅例子。實際專業應用上整網頁，一個網頁閒閒哋可以有成幾千行噉樣嘅碼。
  2. ↑ 要睇一個網頁嘅 HTML 碼好容易。視乎用緊咩瀏覽器，用家可以（例如）撳踎士右掣出選單，揀「睇 HTML 源」嘅選項睇個網頁嘅 HTML 碼。
  3. ↑ 英文：internal；會喺 head 之中以 <style> 表示。有別於 inline 嘅制定法：後者呢種做法係指直頭喺元素嗰行制定風格特性。
  4. ↑ 將 HTML 文件同 CSS 風格紙分開，喺大型嘅 project 中會冇咁撈絞。可以睇睇可返用度同埋模塊化編程嘅概念。
  5. ↑ 英文：attribute
  6. ↑ 英文：nesting

引述

[編輯]
  1. ↑ Berners-Lee, Tim; Connolly, Daniel (June 1993). "Hypertext Markup Language (HTML): A Representation of Textual Information and MetaInformation for Retrieval and Interchange". w3.
  2. ↑ Raggett, D. (2005). Getting started with HTML. World Wide Web Consortion.
  3. ↑
  4. ↑ <nav>: The Navigation Section element，佢哋呢度講咗，<nav> 係用嚟提供對外連結嘅列表嘅。
由「https://zh-yue.wikipedia.org/w/index.php?title=網頁&oldid=2359359」收