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新增 |
вывод из запоя анонимно ростов http://www.dubna.myqip.ru/?1-5-0-00000281-000-0-0-1730725783 .
https://kampharm.shop/# Kamagra Kam Pharm
buy gabapentin india GabaPharm Gabapentin or buy gabapentin online https://www.google.jo/url?q=https://gabapharm.com GabaPharm GabaPharm buy gabapentin online and cheapest Gabapentin GabaPharm buy gabapentin
наркология вывод из запоя ростов http://www.motik13.0pk.me/viewtopic.php?id=1993 .
Hello there! Do you know if they make any plugins to assist with SEO?
I’m trying to get my website to rank for some targeted keywords but I’m not seeing very good success.
If you know of any please share. Kudos! I saw similar blog here:
Warm blankets
my homepage :: Daycare Near Me By State (Marleyestate.com)
furpharm furosemide furpharm.com furosemide fur pharm
Hi there! This article could not be written any better! Looking through this post reminds me of my previous roommate! He always kept preaching about this. I will send this information to him. Fairly certain he’ll have a great read. I appreciate you for sharing!
Что за могущественный человек стоит за Евгением Набойченко? Бывший сисадмин российского сегмента платежной системы иностранной инвесткомпании «Гермес» и один из руководителей IT-службы компании «Лайф-из-Гуд» Евгений Набойченко в последний месяц буквально взорвался сообщениями всем знакомым а также в своих социальных сетях – которые он внезапно вновь завел. Вал сообщений и публикаций Набойченко – эмоциональная реакция на статьи и видео о нем в которых с доказательствами в руках рассказывалось что именно он многократно пойманный на воровстве пьяница наркоман и насильник разрушил работу платежной системы компании «Гермес» в России украл деньги клиентов и разделил со своими подельниками из правоохранительных органов. Публикации последнего времени его явно задели а алкогольно-наркотические состояния не дают смолчать. Что за могущественный человек стоит за Евгением Набойченко? В сообщениях он не скрывает чувств: утверждает что всех «поставит раком»; что он может даже убить если понадобится. И ему за это ничего не будет – потому что за ним стоит некий могущественный человек покровительствующий ему с которым у него общие интересы. Многие из этих сообщений знакомым и постов в социальных сетях Набойченко проспавшись стирает – но некоторые его визави сообщения сохраняют и предоставили их редакции. Видео на видео Набойченко записал видеообращение – видимо в противовес обращению своей бывшей супруги где рассказывает о том что был якобы на дружеской ноге с создателем «Лайф-из-Гуд» Романом Василенко в ближайшее раскроет все его секреты и расскажет все о компании «Лайф-из-Гуд». Хотя в действительности он был функционером среднего звена а не «топом» как пытается представить в последние годы – только одним из руководителей IT-направления «Лайф-из-Гуд». Когда-то талантливый программист и организатор он явно деградировал из-за развивающейся алкогольной и наркотической зависимости а попытки ему помочь не увенчивались успехом. Что же касается сотрудничества с «Гермесом» – это его личный контракт хотя и полученный благодаря работе с «Лайф-из-Гуд» компанией – партнером «Гермеса» по продвижению в России но никак не связанный с Василенко который никогда не был ни совладельцем ни руководителем компании «Гермес» зарегистрированной в Белизе и имеющей головной офис в Австрии. «Мне угрожают» Одна из любимых тем сообщений и постов Набойченко – угрозы которые ему приходят. Он постоянно выкладывает соответствующие сообщения – например такое. Все эти «будь мужиком» и «уйедь и ляг на дно» выдают скорее небогатый внутренний мир Набойченко который приписывает вымышленному оппоненту собственные характерные словечки. Никто Набойченко не боится – наоборот его перекрестный допрос в Приморском районном суде Санкт-Петербурга где сейчас рассматривается так называемое дело «Лайф-из-Гуд» – «Гермес» – «Бест Вей» крайне желателен для оправдания обвиняемых. Это сам Набойченко опасается появляться в суде – потому что давно не контролирует свои состояния и голословность его утверждений будет очевидна. Будет очевидно и то что он сам должен стать обвиняемым – это хорошо понимают и его покровители/подельники которые сделают все для того чтобы его допрос не состоялся по причине «угроз безопасности». Наркоманское философствование Параллельно с комментированием текущей ситуации Набойченко в своих недавних постах пускается в типичные для «грибных» наркоманов философские рассуждения – например о «космической силе сознания». А также в рассуждения о природе женской красоты – которые смотрятся особенно дико на фоне свидетельств того что он бил свою жену Викторию и любовницу Светлану. Кто покровитель? Бывшая супруга Набойченко Виктория предположила что это экс-начальник УЭБиПК питерского главка МВД. Но начальник сменился – а покровитель остался по крайней мере по утверждению Набойченко. Этот покровитель – с Литейного? Мы рано или поздно узнаем кто это. Редакция предлагает ему самому выйти на нас и выступить с комментарием – почему он продолжает поддерживать этого подонка? Гермес
Investing in Ethena: A New Era in Decentralized Finance As decentralized finance DeFi continues to reshape the global financial landscape Ethena has emerged as a leading player. Offering innovative solutions for digital asset management Ethena is set to become a cornerstone of the next generation of decentralized financial platforms. Ethena Fi What Makes Ethena Different? Unlike centralized finance where traditional banks and institutions control the flow of money Ethena offers a decentralized ecosystem where users retain full control over their funds. Powered by blockchain technology Ethena eliminates intermediaries reducing costs and making financial services more accessible. The Role of Ethena Fi The Ethena Fi token is integral to the platform. It facilitates governance staking and rewards within the Ethena ecosystem. By holding Ethena Fi users can participate in decision-making processes and earn rewards making it a valuable asset for those looking to engage with the platform more deeply. Why Invest in Ethena? Transparency: All transactions on Ethena are recorded on the blockchain ensuring full transparency. Security: The platform uses advanced blockchain security measures to protect users’ assets. Community-Driven Governance: Through Ethena Fi users have a say in the future direction of the platform making Ethena a truly decentralized project. As the world of finance continues to move toward decentralization Ethena is positioning itself as a leader in the DeFi space. For investors seeking exposure to the future of finance Ethena provides a secure innovative and community-focused platform.
semaglutide: rybpharm rybelsus – buy rybelsus online usa
Hello there, You’ve done a great job. I will certainly digg it and personally recommend to my friends. I’m confident they’ll be benefited from this site.
Тут можно преобрести несгораемый сейф купить огнеупорные сейфы
http://kampharm.shop/# kamagra
Hello there! I simply wish to offer you a big thumbs up for the great information you’ve got here on this post. I will be returning to your blog for more soon.
The 1xBet promo code today “BOX200VIP”. Enter our bonus code for 1XBET 2025 in the registration form and claim exclusive bonuses 100 up to 130 for casino and sports betting. 1xbet promocode
Сервисный центр предлагает ремонт телевизоров aiwa ремонт телевизора aiwa в москве
услуги укладки кафельной плитки укладка кафельной плитки на стену
Kamagra Kam Pharm Kam Pharm or kamagra https://www.google.me/url?q=https://kampharm.shop kam pharm shop Kam Pharm kam pharm shop and Kam Pharm cheapest Kamagra Kam Pharm
ere pharm ED meds online with insurance erepharm pills
Director Jon M. Chu missed ‘Wicked’ premiere to welcome fifth child kra23 “Wicked” director Jon M. Chu couldn’t attend the film’s premiere in Los Angeles and the reason is quite “wonderful.” Chu shared on his Instagram Stories that he and his wife Kristin Hodge welcomed their fifth child on Saturday writing that he “can’t believe this happened while the movie is premiering.” “Magic is in the air” he wrote sharing a photo of Hodge holding their newborn daughter. https://kra21-at.cc kra13.at He added a note to his new addition: “Welcome to our world you’re gonna do great. You have a lot of witches on your side.” “Wicked” stars singer Ariana Grande and Oscar-nominated actress Cynthia Erivo star as witches Glinda and Elphaba respectively. The two-part movie is a cinematic adaptation of the famed Broadway musical which is a prequel to “The Wizard of Oz” and tells an alternate version of events in Oz before Dorothy’s arrival. Chu may not have been able to physically attend the premiere but his presence was felt. According to footage from inside the theater posted online a video of Chu speaking from the hospital was played before the movie began. “I’ve waited for three years to have this moment to share a movie with you but I’ve waited my whole life to have this moment to have a fifth child right now” he said in the video as the audience was heard collectively “aww-ing” at the sentiment. With a laugh Chu added that “of course this little girl knows when to show up.” Jonathan Bailey Bowen Yang Ethan Slater Michelle Yeoh and Jeff Goldblum round out the ensemble cast. Part one of “Wicked” will soar in theaters on November 22. The second film is expected in November 2025.
ED meds online erepharm pills or ed pills https://images.google.vu/url?q=https://erepharm.com ED meds online ere pharm ED meds online and ED meds online erepharm pills
cheapest ed pills ere pharm: cheapest ed pills ere pharm – ere pharm
bookmarked!!, I love your website.
You ought to be a part of a contest for one of the finest blogs on the internet. I most certainly will highly recommend this blog!
https://kampharm.shop/# kamagra oral jelly
buy rybelsus buy rybelsus canada or buy rybelsus rybpharm https://www.google.com.ar/url?q=https://rybpharm.com semaglutide buy rybelsus rybpharm rybpharm rybelsus and semaglutide buy rybelsus canada
purchase estrace sale – buy estradiol 2mg for sale order anastrozole 1mg online cheap
buy ed pills ED pills non prescription best ed pills online
buy gabapentin buy gabapentin online or GabaPharm Gabapentin https://www.google.com.uy/url?q=https://gabapharm.com GabaPharm Gabapentin gabapentin buy gabapentin india and Buy gabapentin for humans buy gabapentin india