1.3 網站前端簡介

網站前端簡介

網站前端開發，核心技術為 HTML、CSS、JavaScript，從這三個前端技術開始紮根，未來可應用至其他領域(例：網頁動畫、元件、資料視覺化等)。故 HTML、CSS、JavaScript 是網站開發中一切的基礎。

這三者分別代表的意義(以 Yahoo! 為例)：

HTML = HyperText Markup Language

HTML 負責「結構」、「語意」。

「結構」做的好，對「排版」有幫助。

「語意」做的好，對「SEO」有幫助。

CSS = Cascading Style Sheets

CSS 負責網頁的「外觀」，包含了視覺風格、排版。

測試：移除 link 標籤的 js 程式：

document.querySelectorAll("link").forEach((item) => item.remove());

JS = JavaScript

JavaScript 負責「行為」，包含了使用者與網頁之間的互動操作。

註：JavaScript 與 Java 是完全不同的程式，所以請勿將 JavaScript 說成 Java。請說 JS 或 JavaScript。