✨
HTML 網頁設計
  • HTML 簡介
  • 1.網站三兄弟
    • 環境設定
    • HTML 基本結構
      • 文件架構
      • 元素
      • 文章-使用的元素
      • 超連結
      • Form表單
      • 嵌入第三方服務
    • Css 基本使用
      • 使用方式 Background
        • before、after
      • Box-sizing 介紹
      • Reset Css
      • CSS - 排版
        • CSS - 定位器
        • 導覽列篇
        • 置中篇 - 範例
        • 三欄式 - 範例
        • 兩欄式
      • css命名規則
    • JS 基本使用
      • 基本語法
      • 參數/arguments
      • param() 方法
      • 定時器(timer)
  • 2.css 進階使用
    • Display
    • Position
      • z-index and stacking context
      • Table
    • CSS選擇器
  • 3.其他JS工具
    • jQuery 簡介
      • $.cookie()
      • .animate
      • scrollTop
      • 使用效果
    • BootStrap
    • NODE.JS
      • 安裝 Node.js
        • SVG - 可縮放向量圖形
      • webpack
    • React
      • React Native
  • 4.曲線圖
    • Chart 前端操作
      • Datasets Style
      • Line 設定
  • 4.DataTable
    • Bootstrap Table
  • 99.其他內容
    • Webpack
    • IIS - 網際網路資訊服務
      • 環境設定
      • WEB IIS架站
Powered by GitBook
On this page
  • <!DOCTYPE html>
  • <html></html>
  • <head></head>
  • 文件編碼
  • 網頁關鍵字
  • 網頁簡介
  • 重新整理目前頁面
  • 控制搜尋引擎機器人
  • 瀏覽器標題
  • 網站圖標
  • 外部樣式表 /外部腳本
  • 內部樣式表/內部腳本
  • <body></body>
  • 標題

Was this helpful?

  1. 1.網站三兄弟
  2. HTML 基本結構

文件架構

<!DOCTYPE html>

文件類型(doctype)。是告訴瀏覽器這個網頁是什麼版本,不同文件會造成部分功能有差異性。

<html></html>

<html lang="zh-Hant-TW">

文件格式,也就是檔案的開頭與結尾。

<html></html> — <html> 元素,又被視為根元素(root element),包含了所有顯示在這個頁面上的內容。

<head></head>

<head></head> — <head> 元素,裡面放的是你想涵括的重要資訊,但不會顯示於網頁瀏覽者眼前的。例如,顯示於搜尋結果的關鍵字、頁面說明、CSS、字元實體集...等。

文件編碼

<meta charset="UTF-8">

網頁關鍵字

<meta name="keywords" content="dfuns">

網頁簡介

<meta name="description" content="content">

重新整理目前頁面

<meta http-equiv="refresh" content="0; url=http://example.com">
<!-- content =0 此為秒數 --->

控制搜尋引擎機器人

<meta name="robots" content="index,follow">

瀏覽器標題

<title>簡介</title>

網站圖標

<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">

外部樣式表 /外部腳本

<link rel="stylesheet" href="css/all.css">
<script src="js/all.js"></script>

內部樣式表/內部腳本

<style></style>
<script></script>

<body></body>

<body></body> — <body> 元素,包含了所有會顯示於網頁瀏覽者眼前的內容。 無論是文字、圖片、影面、互動遊戲...等。

標題

全名為Heading ,建立文章內的標題文章,有助於SEO(Search Engine Optimization)

PreviousHTML 基本結構Next元素

Last updated 4 years ago

Was this helpful?