[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-TW 或 zh-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 全選)
沒有留言: