HTML:HyperText Markup Language,是一個用來建構網頁結構的一種標籤語法,以下是各版本的發佈年份。
年份 | 版本 |
---|---|
1993 | HTML |
1995 | HTML 2.0 |
1997 | HTML 3.2 |
1997 | HTML 4 |
1999 | HTML 4.01 |
2000 | XHTML |
2014 | HTML 5 |
撰寫HTML文件時,第一行可以宣告本文件所採用的版本,例如:
HTML 5
<!DOCTYPE html>
XHTML
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
HTML 4.01
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
其中XHTML強制每個標籤都要有結束,如果沒有外部封閉標籤的,需使用內部封閉的方式,例如:
外部封閉:<p>內容1</p><p>內容2</p>
內部封閉:內容1<br />內容2
目前大部分的瀏覽器都支援HTML5,但若要IE8以前的瀏覽器支援,請加入下面的語法:
<!--[if lt IE 9]> <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script> <![endif]-->
想要測試自己的瀏覽器是不是完全支援所有的HTML5標籤,可以到這個網站來測試看看,以下是為大家整理的HTML標籤:
標籤 | 說明 | 備註 |
---|---|---|
<html></html> | 建構整份網頁文件 | |
<head></head> | 網頁描述資料 | |
<body></body> | 網頁內容 |
標籤 | 說明 | 備註 |
---|---|---|
<title></title> | 網頁標題 | |
<base> | 連結參考 | 針對相對路徑的參考位置 |
<meta> | 頁面描述資料 | 關鍵字、描述…等 |
<style></style> | CSS樣式 | 直接在網頁文件中撰寫CSS樣式 |
<script></script> | Javascript語法 | 直接在網頁文件中撰寫Javascript樣式 |
<noscript></noscript> | 不支援語法時顯示訊息 | |
<link> | 連結外部檔案 | 例如:CSS樣式表、網頁圖示檔…等 |
標籤 | 說明 | 備註 |
---|---|---|
<h1></h1>~<h6></h6> | 標題 | 數字越小權重越高 |
<p></p> | 段落 | |
<br> | 跳行 | |
<wbr> | 文字過長則斷行 | HTML 5新增 |
<hr> | 水平線 | |
<table></table> | 表格 | |
<th></th> | 標題欄位 | |
<tr></tr> | 列 | |
<td></td> | 欄 | |
<caption></caption> | 表格標題 | |
<colgroup></colgroup> | 欄群組 | |
<col> | 欄群組屬性設定 | |
<thead></thead> | 表格標題群組 | |
<tbody></tbody> | 表格內容群組 | |
<tfoot></tfoot> | 表格頁尾群組 | |
<ul></ul> | 定義無順序清單 | |
<ol></ol> | 定義有順序清單 | |
<li></li> | 清單項目 | |
<dl></dl> | 定義描述清單 | |
<dt></dt> | 描述項目 | |
<dd></dd> | 項目說明 | |
<div></div> | 定義區塊型的區域 | |
<span></span> | 定義單行型的區域 | |
<header></header> | 定義網頁標題區域 | HTML 5新增 |
<nav></nav> | 定義網頁導覽區域 | HTML 5新增 |
<main></main> | 定義網頁主內容區塊 | HTML 5新增 |
<section></section> | 定義網頁章節區域 | HTML 5新增 |
<article></article> | 定義網頁內容區域 | HTML 5新增 |
<aside></aside> | 定義網頁邊欄區域 | HTML 5新增 |
<footer></footer> | 定義網頁頁尾區域 | HTML 5新增 |
<details></details> | 定義詳細訊息 | HTML 5新增 |
<summary></summary> | 定義詳細訊息總結 | HTML 5新增 |
<iframe></iframe> | 內嵌頁框 | |
<menuitem></menuitem> | 彈出式選單內容 | HTML 5新增(僅Firefox支援) |
標籤 | 說明 | 備註 |
---|---|---|
<b></b> | 粗體字 | |
<strong></strong> | 粗體字 | 除了文字樣式上變粗之外,語意上也有加強的意思 |
<i></i> | 斜體字 | |
<em></em> | 斜體字 | 除了文字樣式上變斜之外,語意上也有強調的意思 |
<small></small> | 較小的字 | |
<mark></mark> | 突顯的字 | HTML 5新增 |
<del></del> | 刪除的字 | |
<ins></ins> | 加入的字 | |
<sub></sub> | 下標字 | |
<sup></sup> | 上標字 | |
<q></q> | 引用 | 用於較短的文字引用 |
<blockquote></blockquote> | 引用 | 用於較長的文字引用,利用cite屬性說明出處 |
<abbr></abbr> | 縮寫字說明 | 利用title屬性說明縮寫字 |
<address></address> | 聯絡資訊 | |
<cite></cite> | 作品標題 | |
<bdo></bdo> | 文字方向 | 利用dir屬性決定方向(ltr:由左向右、rtl:由右向左) |
<dfn></dfn> | 術語 | |
<kbd></kbd> | 鍵盤輸入 | 表達需要使用者用鍵盤按下某按鍵 |
<samp></samp> | 電腦回饋內容 | |
<code></code> | 程式碼 | |
<pre></pre> | 預先格式化 | 內容會按照在HTML中的排版來顯示 |
<var></var> | 變數 | |
<ruby></ruby> | 文字音標 | HTML 5新增 |
<rt></rt> | 文字音標內容 | HTML 5新增 |
<rp></rp> | 不支援文字音標時顯示 | HTML 5新增 |
<time></time> | 定義日期時間 | HTML 5新增 |
<bdo></bdo> | 反向文字 | HTML 5新增 |
<bdo></bdo> | 對話框 | HTML 5新增 |
<figure></figure> | 圖片說明 | HTML 5新增 |
<figcaption></figcaption> | 圖片說明內容 | HTML 5新增 |
標籤 | 說明 | 備註 |
---|---|---|
<a></a> | 超連結 |
標籤 | 說明 | 備註 |
---|---|---|
<img> | 圖片 | |
<map></map> | 影像連結地圖 | |
<area></area> | 影像連結區域 | |
<svg></svg> | 網頁向量圖檔 | HTML 5新增 |
標籤 | 說明 | 備註 |
---|---|---|
<form></form> | 表單範圍 | |
<input> | 表單輸入項目 | |
<fieldset></fieldset> | 表單欄位群組 | |
<legend></legend> | 表單欄位群組名稱 | |
<select></select> | 表單選單 | |
<optgroup></optgroup> | 表單選單選項群組 | |
<option></option> | 表單選單選項 | |
<textarea></textarea> | 表單文字區域 | |
<button></button> | 表單按鈕 | |
<datalist></datalist> | 表單資料清單 | |
<keygen> | 表單金鑰產生欄位 | HTML 5新增 |
<output></output> | 表單計算結果欄位 | |
<meter></meter> | 量度圖形 | HTML 5新增 |
<progress></progress> | 進度圖形 | HTML 5新增 |
標籤 | 說明 | 備註 |
---|---|---|
<canvas></canvas> | 畫布區域 | HTML 5新增 |
<audio></audio> | 聲音內容 | HTML 5新增 |
<video></video> | 視訊內容 | HTML 5新增 |
<source> | 內容來源 | HTML 5新增 |
<track> | 內容字幕指定 | HTML 5新增 |
<embed> | 外部程式內容嵌入 | HTML 5新增 |
<object></object> | 外部程式內容嵌入 | HTML 5新增 |
This is a topic which is near to my heart… Take care! Exactly where are your contact details though?
buy cytotec pills online cheap purchase cytotec or buy cytotec in usa https://www.google.je/url?sa=t&url=https://cytotec.pro Cytotec 200mcg price Cytotec 200mcg price Cytotec 200mcg price and order cytotec online buy cytotec in usa
Добрый день Быстрая схема покупки диплома старого образца: что важно знать? moto64.net/2016/06/honda-kawasaki-CRF250R-14-KX250F-16
I believe the government and the Fed remain ready to do whatever it takes to stimulate further should the economy lapse back into recession.
Having great intrinsic value, people prefer investing in gold owing to its high value and timeless allure.
I have witnessed that expenses for internet degree gurus tend to be a terrific value. For example a full Bachelor’s Degree in Communication in the University of Phoenix Online consists of 60 credits from $515/credit or $30,900. Also American Intercontinental University Online provides a Bachelors of Business Administration with a entire school requirement of 180 units and a tuition fee of $30,560. Online learning has made having your education been so detailed more than before because you might earn your degree in the comfort in your home and when you finish from office. Thanks for all your other tips I have certainly learned through your site.
https://lipitor.guru/# lipitor 40mg
tamoxifen premenopausal: buy tamoxifen online – nolvadex estrogen blocker https://lisinopril.guru/# prinivil 5 mg tablets lisinopril generic drug Buy Lisinopril 20 mg online cheapest lisinopril 10 mg
Excellent article. I’m dealing with a few of these issues as well..
Как избежать дубликатов номеров в документах что делать? Как избежать проблем с одинаковыми номерами дайте совет. Проверка на одинаковые номера в документе дайте рекомендации. Как избавиться от одинаковых номеров в базе данных расскажите. Проверка Excel на повторы номеров расскажите. Советы по предотвращению повторений номеров в документации подскажите. Как исправить ситуацию с одинаковыми номерами подскажите. Эффективные способы предотвратить дублирование номеров подскажите. Как быстро найти и устранить дубликаты номеров в базе данных дайте рекомендации. Как избежать повторений номеров при написании документов дайте совет. изготовление гос номеров http://www.avtonomera77.su/ .
Как избежать дубликатов номеров в документах как поступить? Чем опасны дубликаты номеров в базе данных расскажите. Проверка на одинаковые номера в документе подскажите. Принципы удаления дубликатов номеров из базы данных дайте совет. Эффективные способы избежать одинаковых номеров в таблице подскажите. Как сделать так чтобы номера не повторялись расскажите. Эффективные шаги по устранению повторяющихся номеров в системе дайте рекомендации. Профилактика дублирования номеров в документах дайте совет. Эффективные методы поиска и удаления повторений номеров в системе расскажите. Советы по предотвращению дублирования номеров подскажите. дубликаты гос номера https://www.avtonomera77.su/ .
Советы по предотвращению дублирования номеров как поступить? Как избежать проблем с одинаковыми номерами дайте совет. Как проверить документ на наличие дубликатов номеров расскажите. Принципы удаления дубликатов номеров из базы данных дайте совет. Как обнаружить дубликаты номеров в таблице Excel расскажите. Как сделать так чтобы номера не повторялись дайте совет. Эффективные шаги по устранению повторяющихся номеров в системе дайте рекомендации. Профилактика дублирования номеров в документах расскажите. Эффективные методы поиска и удаления повторений номеров в системе подскажите. Поделись способами предотвращения дубликатов номеров в тексте дайте совет. изготовление номера на автомобиль avtonomera77.su .
https://furosemide.win/# lasix generic
The Manchester Derby is more than right-minded a football replica; it represents the clash of two distinguishable footballing philosophies. Manchester Shared has traditionally relied on developing callow aptitude and playing dilatable football, while Manchester Municipality has utilized latest tactics and expressive monetary support to erect a star-studded team http://www.manchestercityvsmanchesterunited.ru/.
Hi there, simply become alert to your blog thru Google, and found that it’s really informative. I?m gonna be careful for brussels. I will appreciate if you happen to continue this in future. Many other folks will likely be benefited from your writing. Cheers!
http://tamoxifen.bid/# nolvadex only pct
lasix 40 mg buy furosemide online or lasix 100 mg tablet https://maps.google.co.ke/url?q=https://furosemide.win lasix tablet lasix furosemide 40 mg lasix pills and lasix lasix furosemide
Look into my site; Online Poker tournaments
My blog post … highstakesweeps
Take a look at my page :: PokerTube – Watch Free Poker Videos & TV Shows
lisinopril 40 mg tablets how much is 30 lisinopril or lisinopril 30 mg tablet http://images.google.co.uz/url?q=https://lisinopril.guru cost of lisinopril in canada lisinopril 10 mg tablet price 20 mg lisinopril without a prescription and order lisinopril online zestril online
Feel free to visit my web site; PokerTube
cytotec online https://tamoxifen.bid/# hysterectomy after breast cancer tamoxifen
lasix 100 mg tablet
Как избежать дубликатов номеров на документах эффективные методы для одинаковых значений номеров преимущества избегать повторение номеров на документации лучшие способы по избежанию на документах как избежать по предотвращению дубликатов номеров на бумагах лучшие практики предотвращения повторения номеров на документах избежание дубликатов номеров: практические рекомендации лучшие стратегии по избежанию дубликатов номеров на документах лучшие практики по предотвращению на важных документах. дубликаты номерных знаков https://www.avtonomera77.su .
lisinopril 5 mg daily price of lisinopril 20 mg or lisinopril 20mg for sale https://images.google.dk/url?sa=t&url=https://lisinopril.guru lisinopril brand name in usa cost for generic lisinopril lisinopril 20 pills and order lisinopril 20mg medication lisinopril 5 mg
Jagdeep Dhankhar was born on May 18, 1951, in Kithana, Rajasthan, India. He pursued his advanced education in Rajasthan and went on to bone up on law at the University of Rajasthan. Dhankhar’s early career was patent before his involvement in different community and administrative activities, which laid the foundation in regard to his time to come in Indian politics.
He served as the Governor of West Bengal in front of being elected as the Infirmity President of India. His occupancy has been famed for his commitment to upholding classless values and friendly with numerous socio-political issues in India https://www.jagdeepdhankhar.ru/.
lipitor 80 mg daily buy atorvastatin online cheapest generic lipitor
Also visit my web site Efren
This blog post is a goldmine of information! I’ve bookmarked it so I can refer back to it whenever I need a refresher on the topic.
Pretty section of content. I just stumbled upon your web site and in accession capital to assert that I get actually enjoyed account your blog posts. Any way I?ll be subscribing to your augment and even I achievement you access consistently fast.