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新增 |
https://telegra.ph/12-Kazino-onlajn-2024–Rejting-SpArk-top-100–luchshih-sajtov-v-Rossii-04-05
1win kg скачать https://www.1win6052.ru .
Купить диплом о высшем образовании Мы изготавливаем дипломы любых профессий по выгодным тарифам. Вы покупаете документ через надежную и проверенную компанию. : babygirls006.copiny.com/question/details/id/1072969
Диплом любого ВУЗа РФ Без наличия диплома очень трудно было продвигаться вверх по карьерной лестнице. Именно из-за этого решение о заказе диплома следует считать выгодным и рациональным. Заказать диплом любого института jobbit.in/employer/gosznac-diplom-24
1 win официальный 1win6051.ru .
Профессиональный сервисный центр по ремонту бытовой техники с выездом на дом. Мы предлагаем:сервисные центры в москве Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом
Viagra
Добрый день Мы изготавливаем дипломы психологов юристов экономистов и других профессий по невысоким тарифам. Стоимость будет зависеть от той или иной специальности года получения и образовательного учреждения: diploman-russian.com/
аренда шатров москва недорого аренда шатров москва недорого .
Добрый день Без наличия диплома очень непросто было продвинуться вверх по карьере. Сегодня же документ не дает никаких гарантий что удастся получить привлекательную работу. Намного более важны практические навыки и знания специалиста и его опыт работы. Именно из-за этого решение о покупке диплома можно считать целесообразным. Приобрести диплом о высшем образовании igenplan.ru/forum/user/98133
Good blog you have got here.. It’s difficult to find excellent writing like yours nowadays. I seriously appreciate people like you! Take care!!
Scam
1 вин вход в личный кабинет 1 вин вход в личный кабинет .
Здравствуйте Для некоторых людей заказать диплом университета – это острая необходимость удачный шанс получить отличную работу. Впрочем для кого-то – это желание не терять огромное количество времени на учебу в институте. С какой бы целью вам это не потребовалось наша фирма готова помочь вам. Максимально быстро профессионально и недорого изготовим диплом любого года выпуска на государственных бланках со всеми печатями. Основная причина почему многие прибегают к покупке документа – желание занять определенную работу. Например знания дают возможность человеку устроиться на работу а подтверждения квалификации не имеется. При условии что для работодателя важно присутствие корочки риск потерять место работы довольно высокий. Заказать документ института можно в нашей компании в столице. Мы предлагаем документы об окончании любых университетов РФ. Вы сможете получить диплом по любой специальности включая документы старого образца. Гарантируем что в случае проверки документа работодателями никаких подозрений не появится. Ситуаций которые вынуждают купить диплом о среднем образовании достаточно. Кому-то срочно потребовалась работа а значит нужно произвести впечатление на начальство в процессе собеседования. Другие мечтают устроиться в престижную компанию чтобы повысить свой статус и в последующем начать собственное дело. Чтобы не тратить впустую годы жизни а сразу начинать эффективную карьеру применяя имеющиеся навыки можно заказать диплом в интернете. Вы сможете стать полезным в социуме обретете финансовую стабильность максимально быстро и легко- купить диплом о высшем образовании
Приобрести диплом любого ВУЗа Мы готовы предложить документы учебных заведений которые находятся на территории всей России. Документы выпускаются на правильной бумаге высшего качества: forum.rivnefish.com/viewtopic.phpt=743663
Заказать диплом ВУЗа Приобрести диплом университета по выгодной цене можно обратившись к надежной специализированной фирме. Приобрести диплом о высшем образовании: diplomg-cheboksary.ru/kupit-originalnij-diplom-s-zaneseniem-v-reestr-17
1win бк – 1win xyz 1win top
After I originally commented I seem to have clicked on the -Notify me when new comments are added- checkbox and from now on each time a comment is added I receive four emails with the exact same comment. Is there a means you can remove me from that service? Cheers.
шатры и тенты в аренду http://www.shatry-dlya-meropriyatiy.ru .
купить диплом о высшем образовании с занесением в реестр в ижевске
промо 1вин – 1win рабочее зеркало 1вин приложение скачать
Где заказать диплом по нужной специальности? Мы изготавливаем дипломы любой профессии по выгодным тарифам. Мы готовы предложить документы техникумов расположенных в любом регионе РФ. Вы сможете купить диплом за любой год в том числе документы старого образца СССР. Дипломы и аттестаты делаются на бумаге высшего качества. Это дает возможности делать настоящие дипломы которые невозможно отличить от оригинала. Они заверяются необходимыми печатями и штампами. Стараемся поддерживать для заказчиков адекватную политику тарифов. Важно чтобы дипломы были доступны для большого количества наших граждан. kupite-diplom0024.ru/kupit-diplom-v-novorossijske-2-4
In 2013, for example, income up to $8,925 was taxed at 10 percent.
Sex
1вин кг 1вин кг .
Buy Drugs
В сети активно обсуждают фото и видео того что было в фургоне и автобусе Кракен на Арбате. Чтобы лично разобраться в ситуации и посмотреть подробности зайдите на официальный сайт проекта: фото кракен автобус Арбат
Фургон и автобус Кракен снова в центре внимания на Арбате. Узнайте что внутри и почему все об этом говорят — подробности тут:
Фургон Кракен замечен на Арбате в Москве — тысячи обсуждают что было внутри. Смотри фото и подробности здесь: кракен фургон арбат
Где заказать диплом специалиста? Мы изготавливаем дипломы любых профессий по приятным ценам. Мы можем предложить документы техникумов расположенных в любом регионе РФ. Вы можете приобрести качественный диплом от любого учебного заведения за любой год включая сюда документы старого образца СССР. Дипломы и аттестаты выпускаются на правильной бумаге самого высокого качества. Это позволяет делать настоящие дипломы которые невозможно отличить от оригинала. Документы заверяются необходимыми печатями и подписями. Стараемся поддерживать для заказчиков адекватную политику тарифов. Для нас важно чтобы документы были доступны для большого количества граждан. magazin-diplomov.ru/kupit-diplom-mastera-manikyura-i-pedikyura-2