[HTML] HTML 5 語法


<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="utf-8">
    <title>網頁標題文字</title>
</head> 
<body>
    網頁內容
</body>
</html>

# 語法 說明
1<!DOCTYPE>需要大寫。<!DOCTYPE>不是HTML標籤,其位置是在<html>標籤之前,可以告訴瀏覽器使用的HTML版本,以便瀏覽器使用正確的引擎來產生HTML網頁內容。※ HTML5開始要求所有標籤和屬性都使用小寫。
2<html>HTML網頁的根元素,它是一個容器元素,其內容就是其他HTML標籤,擁有<head>和<body>兩個子標籤。如果需要,在<html>標籤可以使用lang屬性標記網頁使用的語系
3<html lang="zh">lang屬性值常用2碼值有:zh(中文)、en(英文)、fr(法文)、de(德文)、it(義大利文)和ja(日文)等。

在lang屬性值也可以加上次2碼的國家或地區,例如:en-US是美式英文、zh-TW是台灣的繁體中文等。

中文有 3 種設定方法:
(1) 賦予 zh 值,表通用中文
(2) 賦予 zh-Hant 值,表正體中文
(3) 賦予 zh-Hant-TWzh-TW 值,表台灣所使用的正體中文

更多資訊請參考:w3schools.com | HTML Language Code Reference
4<head><head>標籤的內容是標題元素,包含<title>、<meta>、<script>和<style>標籤。<meta>標籤可以指定網頁的編碼為utf-8:<meta charset="utf-8">。※ 記得一定要加入<title>,這是網頁優化最基本的要求之一。
5<body><body>標籤是網頁文件的內容,包含文字、超連結、圖片、表格、清單和表單等網頁內容。

下載文件: 國立臺南大學課程網站

<header> 標題
<nav> 導覽列
<section> 區塊
<aside> 側邊
<footer> 頁尾

<section> 為 HTML 文件的區域元素 (element) , <section> 用來規劃網頁內容的區域,通常裡頭會放 <article> 或其他應用程式的元素。

<input type="number">

is used for input fields that should contain a numeric value.

<input type="date">

is used for input fields that should contain a date.

Source

程式語言教學誌
HTML Input Types
HTML Codes Table
jQuery check uncheck all checkboxes (checkbox 全選)

Image Source

HTML5 Structure

沒有留言:

技術提供:Blogger.