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://mexicopharmacy.win/# mexican mail order pharmacies
Elon Musk’s X just sued a nonprofit advertising group out of existence авто адвокат A major ad industry group is shutting down days after Elon Musk-owned X filed a lawsuit that claimed the group illegally conspired to boycott advertising on his platform. “GARM is a small not-for-profit initiative and recent allegations that unfortunately misconstrue its purpose and activities have caused a distraction and significantly drained its resources and finances” the group said in a statement Friday. “GARM therefore is making the difficult decision to discontinue its activities.” The group Global Alliance for Responsible Media also known as GARM is a voluntary ad-industry initiative run by the World Federation of Advertisers that aims to help brands avoid having their advertisements appear alongside illegal or harmful content. GARM confirmed it is still planning to defend itself in court. The end of GARM marks a temporary victory for Musk and X CEO Linda Yaccarino even though a judge hasn’t made a ruling yet. “No small group should be able to monopolize what gets monetized. This is an important acknowledgement and a necessary step in the right direction. I am hopeful that it means ecosystem-wide reform is coming” Yaccarino posted on X Thursday. However the lawsuit could drive away even more advertisers from X Nandini Jammi and Claire Atkin founders of watchdog group Check My Ads Institute wrote in an op-ed Thursday. “Everyone can see that advertising on X is a treacherous business relationship for advertisers” they said.
pharmacies in mexico that ship to usa: Purple pharmacy online ordering – mexican border pharmacies shipping to usa
Как формировался рейтинг организаций представляющих юридические услуги в Москве консультация жилищного юриста Непросто найти хорошего специалиста когда появляются проблемы правового характера. Особенно если нужна экстренная помощь а среди знакомых никто не может порекомендовать квалифицированного адвоката. Для тех кому срочно требуются юридические услуги мы сформировали рейтинг организаций Москвы которые успешно работают долгие годы. Адвокаты представленных фирм помогли тысячам своих доверителей отстоять права в досудебном и судебном порядке. Имеющиеся обширные знания в области юриспруденции и наработанный опыт позволяют им занимать лидирующие позиции на рынке. Зайдя на наш сайт юридических услуг вы можете познакомиться с ними поближе и выбрать подходящих правозащитников. При формировании рейтинга учитывались следующие показатели: Опыт работы в сфере юриспруденции; Приемлемая оплата услуг юриста; Квалификация сотрудников успешность судебной практики; Наличие бесплатных консультаций оперативность работы. Чтобы заказать юридические услуги в проверенной и надежной организации воспользуйтесь данными нашего рейтинга. Обратившись в фирмы из представленного списка вы сможете успешно разрешить возникшую проблему в свою пользу.
https://edpillpharmacy.store/# online ed medications
cheap erectile dysfunction pills: online ed medicine – ed online pharmacy http://mexicopharmacy.win/# mexican border pharmacies shipping to usa discount ed meds cheap ed pills online where to buy ed pills
india pharmacy mail order: Top mail order pharmacies – india online pharmacy
https://mexicopharmacy.win/# buying prescription drugs in mexico
homosexual porn
ed medicines online how to get ed pills or ed pills cheap https://www.google.lt/url?q=https://edpillpharmacy.store where to get ed pills cheap ed medication cheapest ed pills and п»їed pills online ed rx online
where to buy erectile dysfunction pills cheapest erectile dysfunction pills or buy ed pills online https://maps.google.lk/url?q=https://edpillpharmacy.store erectile dysfunction medicine online erectile dysfunction pills for sale what is the cheapest ed medication and ed online prescription online erectile dysfunction prescription
Very good post. I will be going through some of these issues as well..
When I touch his hand, he grasps my finger and glances up at my face, his eyes full of the kind of curiosity any one-year-old shares.
amounts with discountsExperience health benefits when you buy 40 mg prednisone for 5 days side effects at fantastic prices so that you can reduce symptoms and get
This can cause the cells around the blockage to die, and the neurons in this portion of the brain to stop working, which can cause damage throughout the body.
mexican drugstore online: buying prescription drugs in mexico – medicine in mexico pharmacies
mexican border pharmacies shipping to usa: Medicines Mexico – purple pharmacy mexico price list
Inside a heat chamber kraken tor Kreycik had almost everything on his side when he went running on that hot day: he was extremely fit relatively young and was an experienced runner. While some people are more vulnerable to heat than others including the very old and young no one is immune — not even the world’s top athletes. Many are expressing anxiety as temperatures are forecast to soar past 95 degrees this week in Paris as the Olympic Games get underway. https://kraken18s.com kraken магазин Scientists are still trying to unravel the many ways heat attacks the body. One way they do this is with environmental chambers: rooms where they can test human response to a huge range of temperature and humidity. CNN visited one such chamber at the University of South Wales in the UK to experience how heat kills but in a safe and controlled environment. “We’ll warm you up and things will slowly start to unravel” warned Damian Bailey a physiology and biochemistry professor at the university. Bailey uses a plethora of instruments to track vital signs — heart rate brain blood flow and skin temperature — while subjects are at rest or doing light exercise on a bike. The room starts at a comfortable 73 degrees Fahrenheit but ramps up to 104. Then scientists hit their subjects with extreme humidity shooting from a dry 20 to an oppressive 85. “That’s the killer” Bailey said “it’s the humidity you cannot acclimatize to.” And that’s when things get tough.
online slot
https://indiapharmacy.shop/# п»їlegitimate online pharmacies india
The IRS limits how much an individual can invest annually in a 401(k) before taxes.
http://mexicopharmacy.win/# п»їbest mexican online pharmacies
In the mouse tail suspension experiment, the tail of the mouse was fixed on the paper clip and placed in the hanging tail tester box, making it upside down.
http://mexicopharmacy.win/# purple pharmacy mexico price list
online erectile dysfunction prescription cheapest ed pills or discount ed meds https://maps.google.com.vc/url?sa=t&url=https://edpillpharmacy.store erectile dysfunction pills online ed treatments online what is the cheapest ed medication and buy ed medication ed medications cost
To keep things on the positive note, you might also consider instituting a system to track and report these metrics.
purple pharmacy mexico price list: Medicines Mexico – mexico pharmacies prescription drugs http://edpillpharmacy.store/# online ed meds online shopping pharmacy india buy medicines online in india top 10 pharmacies in india
Мой Источник Права специализируется на предоставлении всего комплекса юридических услуг от консультаций до ведения сложнейших дел в судах различных инстанций. лицензия на нарезное оружие Несмотря на молодость компании специалисты неоднократно доказывали свою компетенцию в решении сложных юридических задач. Помимо консультирования граждан и юридической поддержки компаний адвокаты осуществляют успешную правовую защиту наших клиентов в суде. Основные направления деятельности компании: оказание юридических услуг организациям; правовая поддержка физических лиц; регистрационные действия и ликвидация. Каждый специалист имеет специализацию в области права и большой практический опыт. Средний стаж юридической практики наших адвокатов – 20 лет. Гарантией победы в решении сложнейших дел клиентов является грамотный подход богатый профессиональный и жизненный опыт наших адвокатов. Мы с гордостью отмечаем высокие компетенции специалистов что подтверждается положительными отзывами наших клиентов и доверительными отношениями с ними. Более половины клиентов МИП в дальнейшем регулярно обращаются к нам за юридической консультацией. Наши судебные защитники и партнеры находятся в курсе последних изменений в законодательстве принимают активное участие в жизни юридического сообщества регулярно выступают на форумах и семинарах перед представителями делового сообщества большой судебный опыт дает нам возможность исключить ошибочные действия при защите клиентов и предусматривать заранее возникновение любых рисков. Мы уверены что выбор адвоката строится на основании доверия к нему поэтому стремимся не допускать расхождения слов с делом.
cheap ed pills: Cheapest online ED treatment – online prescription for ed https://edpillpharmacy.store/# online ed drugs cheapest ed treatment Best ED meds online buy erectile dysfunction pills
buy ed pills: Cheap ED pills online – online ed treatments
At the end of the day don’t we all want to be happy? Here are 5 ways to get there банковский юрист Americans are really into pursuing happiness. What happiness means is different for each individual and may shift over a lifetime: joy love purpose money health freedom gratitude friendship romance fulfilling work? All of the above? Something else entirely? Many have even suggested that while we may think we know what will make us happy we are often wrong. One man may have cracked the code for what makes a happy and healthier life — and he has the data to back him up. Dr. Robert Waldinger is the director of the Harvard Study of Adult Development — possibly the longest-running longitudinal study on human happiness which started back in 1938. The original study followed two groups of males Harvard College students and adolescents in Boston’s inner city. It was expanded in recent decades to include women and people of more diverse backgrounds. Plenty of components are at play in the quest for a happier life but the key comes down to one main factor: quality relationships. “What we found was that the important thing was to stay actively connected to at least a few people because we all need a sense of connection to somebody as we go through life” Waldinger told CNN Chief Medical Correspondent Dr. Sanjay Gupta recently on his podcast Chasing Life. “And the people who were connected to other people lived longer and stayed physically healthier than the people who were more isolated” he said. “That was the surprise in our study: not that people were happier but that they lived longer.”
This will be a great blog, might you be involved in doing an interview about just how you designed it? If so e-mail me!