根元素
| 元素 | 描述 |
|---|---|
<htm> |
<html> 元素 表示一個(gè)HTML文檔的根（頂級(jí)元素），所以它也被稱為根元素。所有其他元素必須是此元素的后代 |
文檔元數(shù)據(jù)
| 元素 | 描述 |
|---|---|
<link> |
<link> 元素規(guī)定了外部資源與當(dāng)前文檔的關(guān)系。 這個(gè)元素可用來為導(dǎo)航定義一個(gè)關(guān)系框架。這個(gè)元素最常于鏈接樣式表 |
<meta> |
<meta> 元素**表示那些不能由其它HTML元相關(guān)元素base, link, script, style之一表示的任何元數(shù)據(jù)信息 |
<style> |
<style>元素包含文檔的樣式信息或者文檔的部分內(nèi)容。默認(rèn)情況下，該標(biāo)簽的樣式信息通常是[CSS](https://developer.mozilla.org/en-US/docs/Web/CSS)的格式 |
<title> |
<title> 元素 定義文檔的標(biāo)題，顯示在瀏覽器的標(biāo)題欄或標(biāo)簽頁上。它只可以包含文本，若是包含有標(biāo)簽，則包含的任何標(biāo)簽都不會(huì)被解釋 |
內(nèi)容分區(qū)
內(nèi)容分區(qū)元素允許你將文檔內(nèi)容從邏輯上進(jìn)行組織劃分。使用包括頁眉(header)、頁腳(footer)、導(dǎo)航(nav)和標(biāo)題(h1~h6)等分區(qū)元素，來為頁面內(nèi)容創(chuàng)建明確的大綱，以便區(qū)分各個(gè)章節(jié)的內(nèi)容。
| 元素 | 描述 |
|---|---|
<address> |
HTML 的<address>元素可以讓作者為它最近的article或者body祖先元素提供聯(lián)系信息。在后一種情況下，它應(yīng)用于整個(gè)文檔。 |
<artitle> |
<article>元素表示文檔、頁面、應(yīng)用或網(wǎng)站中的獨(dú)立結(jié)構(gòu)，其意在成為可獨(dú)立分配的或可復(fù)用的結(jié)構(gòu)，如在發(fā)布中，它可能是論壇帖子、雜志或新聞文章、博客、用戶提交的評(píng)論、交互式組件，或者其他獨(dú)立的內(nèi)容項(xiàng)目。 |
<aside> |
<aside> 元素表示一個(gè)和其余頁面內(nèi)容幾乎無關(guān)的部分，被認(rèn)為是獨(dú)立于該內(nèi)容的一部分并且可以被單獨(dú)的拆分出來而不會(huì)使整體受影響。其通常表現(xiàn)為側(cè)邊欄或者嵌入內(nèi)容。他們通常包含在工具條，例如來自詞匯表的定義。也可能有其他類型的信息，例如相關(guān)的廣告、筆者的傳記、web 應(yīng)用程序、個(gè)人資料信息，或在博客上的相關(guān)鏈接。 |
<footer> |
HTML <footer> 元素表示最近一個(gè)章節(jié)內(nèi)容元素的頁腳。一個(gè)頁腳通常包含該章節(jié)作者、版權(quán)數(shù)據(jù)或者與文檔相關(guān)的鏈接等信息。 |
<header> |
<header>元素表示一組引導(dǎo)性的幫助，可能包含標(biāo)題元素，也可以包含其他元素，像logo、分節(jié)頭部、搜索表單等。 |
<main> |
HTML <main>元素呈現(xiàn)了文檔<body>或應(yīng)用的主體部分。主體部分由與文檔直接相關(guān)，或者擴(kuò)展于文檔的中心主題、應(yīng)用的主要功能部分的內(nèi)容組成。這部分內(nèi)容在文檔中應(yīng)當(dāng)是獨(dú)一無二的，不包含任何在一系列文檔中重復(fù)的內(nèi)容，比如側(cè)邊欄，導(dǎo)航欄鏈接，版權(quán)信息，網(wǎng)站logo，搜索框（除非搜索框作為文檔的主要功能）。 |
nav |
HTML導(dǎo)航欄 (<nav>) 描繪一個(gè)含有多個(gè)超鏈接的區(qū)域，這個(gè)區(qū)域包含轉(zhuǎn)到其他頁面，或者頁面內(nèi)部其他部分的鏈接列表. |
<section> |
HTML Section 元素表示文檔中的一個(gè)區(qū)域（或節(jié)），比如，內(nèi)容中的一個(gè)專題組，一般來說會(huì)有包含一個(gè)標(biāo)題（heading）。一般通過是否包含一個(gè)標(biāo)題 <h1> 作為子節(jié)點(diǎn) 來 辨識(shí)每一個(gè)<section>。 |
<a>標(biāo)簽及其常用屬性
<a> 元素 (或錨元素) 可以創(chuàng)建一個(gè)到其他網(wǎng)頁、文件、同一頁面內(nèi)的位置、電子郵件地址或任何其他URL的超鏈接。
- href屬性
鏈接到外部地址：
<a > External Link </a>
鏈接到本頁的某個(gè)部分
<a href="#屬性"> Description of Same-Page Links </a>
創(chuàng)建一個(gè)可點(diǎn)擊的圖片
<a > <img src="https://mdn.mozillademos.org/files/6851/mdn_logo.png" alt="MDN logo" /> </a>
創(chuàng)建一個(gè)email鏈接
<a href="mailto:nowhere@mozilla.org">Send email to nowhere</a> - target屬性
<a target="_blank">QQ</a> //在空白頁面打開新窗口
<a target="_self">QQ</a> //在當(dāng)前頁面打開新窗口
<a target="_parent">QQ</a> //加載響應(yīng)到當(dāng)前框架的HTML5瀏覽上下文的父瀏覽上下文。如果沒有parent框架或者瀏覽上下文，此選項(xiàng)的行為方式相同_self
<a target="_top">QQ</a> //加載響應(yīng)進(jìn)入頂層瀏覽上下文（即，瀏覽上下文，它是當(dāng)前的一個(gè)的祖先，并且沒有parent）。如果沒有parent框架或者瀏覽上下文，此選項(xiàng)的行為方式相同_self
form標(biāo)簽
<!-- 一個(gè)簡單的表單，這個(gè)表單會(huì)發(fā)送一個(gè) GET 請(qǐng)求 -->
<form action="">
<label for="GET-name">Name:</label>
<input id="GET-name" type="text" name="name">
<input type="submit" value="Save">
</form>
<!-- 一個(gè)簡單的表單，發(fā)送 POST 請(qǐng)求 -->
<form action="" method="post">
<label for="POST-name">Name:</label>
<input id="POST-name" type="text" name="name">
<input type="submit" value="Save">
</form>
<!-- 使用 fieldset, legend, and label 的表單 -->
<form action="" method="post">
<fieldset>
<legend>Title</legend>
<input type="radio" name="radio" id="radio"> <label for="radio">Click me</label>
</fieldset>
</form>
table標(biāo)簽
table標(biāo)簽.png
