HTML5
元素分類
內(nèi)容類型
HTML5 中引入了很多的標記元素未巫，根據(jù)內(nèi)容類型的不同栅贴，這些元素被分成了7大類：
流內(nèi)容（Flow）：
包含在文檔正常流中的大多數(shù)HTML5元素。元數(shù)據(jù)（Metadata）：
通常出現(xiàn)在頁面的head中，設(shè)置頁面其他部分的表現(xiàn)和行為 席舍。
元素：<base>，<link>，<meta>球凰，<noscript>，<script>腿宰，<style>呕诉，<title>。內(nèi)聯(lián)（Embedded）：
在文檔中添加其他類型的內(nèi)容吃度。
元素：<audio>甩挫，<video>，<canvas>椿每，<iframe>伊者，<img>，<math>间护，<object>亦渗，<svg>。交互（Interactive）：
與用戶交互的內(nèi)容汁尺。
元素：<a> , <audio> , <video> , <button> , <details> , <embed> , <iframe> , <img> , <input> , <label> , <object> , <select> , <textarea>央碟。標題（Heading）：
定義段落標題。
元素：<h1>均函，<h2>亿虽，<h3>，<h4>苞也，<h5>洛勉，<h6>，<hgroup>如迟。短語（Phrasing）：
文本和文本標記元素收毫。
元素：<img>，<span>殷勘，<strong>此再，<label>，<br />玲销，<small>输拇，<sub>等。區(qū)段內(nèi)容（Sectioning) ：
定義標題贤斜，內(nèi)容策吠，導航和頁腳的范圍逛裤。
元素：<article>，<aside>猴抹，<nav>带族，<section>
相同的元素可以屬于多個內(nèi)容模型。
各種內(nèi)容類型在某些區(qū)域重疊蟀给，具體取決于它們的使用方式蝙砌。
元素等級
HTML5 的元素按優(yōu)先等級定義為結(jié)構(gòu)性元素、級塊性元素跋理、行內(nèi)語義性元素和交互性元素四大類拍霜。
結(jié)構(gòu)性元素
結(jié)構(gòu)性元素主要負責 Web 的上下文結(jié)構(gòu)的定義，確保 HTML 文檔的完整性薪介，這類元素包括以下幾個：
- section
- header
- footer
- nav
- article
等等
級塊性元素
級塊性元素主要完成 Web 頁面區(qū)域的劃分，確保內(nèi)容的有效分隔越驻，這類元素包括以下幾個：
行內(nèi)語義性元素
行內(nèi)語義性元素主要完成 Web 頁面具體內(nèi)容的引用和表述汁政，是豐富內(nèi)容展示的基礎(chǔ)，這類元素包括以下幾個：
交互性元素
交互性元素主要用于功能性的內(nèi)容表達缀旁，會有一定的內(nèi)容和數(shù)據(jù)的關(guān)聯(lián)记劈，是各種事件的基礎(chǔ)，這類元素包括以下幾個：
頁面結(jié)構(gòu)
常用H5頁面結(jié)構(gòu)布局
<!doctype html>
<html lang="ja">
<head>
<meta charset="utf-8">
<meta name="format-detection" content="telephone=no">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="description" content="">
<meta name="keywords" content="">
<title></title>
<link rel="stylesheet" type="text/css" href="css/common/layout.css">
<link rel="stylesheet" type="text/css" href="css/common/general.css">
<link rel="stylesheet" type="text/css" href="css/index.css">
<script src="js/head.js"></script>
</head>
<body>
<div id="container">
<header id="gHeader">
<h1></h1>
<nav></nav>
</header>
<div id="main">
<article id="conts">
<section class="company">
<h2></h2>
</section>
<section class="about">
<h2></h2>
</section>
</article>
<aside id="sideBar"></aside>
</div>
<footer id="gFooter"> </footer>
</div>
<script src="js/jquery.js"></script>
<script src="js/common.js"></script>
</body>
</html>
- <!doctype html> 聲明HTML文檔類型并巍，最好小寫目木。
- <html lang="ja"> lang:網(wǎng)頁的語言，如en/ja等懊渡，非必選項目
頁面頭部
<head>
<head>標簽定義文檔的頭部刽射，包含了所有的頭部標簽元素。
在 <head> 標簽中你可以插入腳本（scripts）, 樣式文件（CSS）剃执，及各種meta信息誓禁。
可以在頭部區(qū)域的添加 <title>,<meta>,<link>,<style>,<script>等。
<meta>
<meta>標簽描述了一些基本的元數(shù)據(jù)肾档，比如針對搜索引擎和更新頻度的描述和關(guān)鍵詞摹恰。
- <meta>標簽提供了元數(shù)據(jù).元數(shù)據(jù)也不顯示在頁面上，但會被瀏覽器解析怒见。
- <meta>元素通常用于指定網(wǎng)頁的描述俗慈，關(guān)鍵詞，文件的最后修改時間遣耍，作者闺阱，和其他元數(shù)據(jù)。
元數(shù)據(jù)可以使用于瀏覽器（如何顯示內(nèi)容或重新加載頁面）舵变，搜索引擎（關(guān)鍵詞）馏颂，或其他Web服務(wù)示血。 - <meta> 一般放置于<head>區(qū)域
為搜索引擎定義關(guān)鍵詞：
<meta name="keywords" content="HTML, CSS, JavaScript">
為網(wǎng)頁定義描述內(nèi)容：
<meta name="description" content="一個神奇的網(wǎng)站">
定義字符編碼：
<meta charset="utf-8">
定義網(wǎng)頁作者：
<meta name="author" content="VicSong">
在 iPhone 上默認會自動把一串數(shù)字加鏈接樣式、并且點擊這個數(shù)字還會自動撥號救拉，為了不讓手機自動將網(wǎng)頁中的電話號碼顯示為撥號的超鏈接难审，設(shè)置如下:
<meta name="format-detection" content="telephone=no"><!--默認開啟 -->
<meta name="format-detection" content="email=no"><!-- 告訴設(shè)備不識別郵箱，點擊之后不自動發(fā)送亿絮，默認開啟 -->
<meta name="format-detection" content="adress=no"><!--禁止跳轉(zhuǎn)至地圖 -->
通知IE 以最高級別的可用模式顯示內(nèi)容：
<meta http-equiv="X-UA-Compatible" content="IE=edge">
在iPhone的瀏覽器中頁面將以原始大小顯示告喊，不允許縮放:
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
<!-- content屬性值 :
width:可視區(qū)域的寬度，值可為數(shù)字或關(guān)鍵詞device-width
height:同width
intial-scale:頁面首次被顯示是可視區(qū)域的縮放級別派昧，取值1.0則頁面按實際尺寸顯示黔姜，無任何縮放
maximum-scale=1.0,允許用戶縮放到的最大比例,1.0將禁止
minimum-scale=1.0;允許用戶縮放到的最小比例，1.0將禁止
user-scalable:用戶是否可以手動對頁面進行縮放蒂萎，no 禁止縮放 -->
<title>
<title>標簽定義網(wǎng)頁標題秆吵，在所有 HTML 文檔中是必需的。
- 定義瀏覽器工具欄中的標題
- 提供頁面被添加到收藏夾時的標題
- 顯示在搜索引擎結(jié)果中的頁面標題
<style>
<style> 標簽定義了HTML文檔的樣式文件引用地址.
在<style> 元素中也可以直接添加樣式來渲染HTML文檔五慈。
<head>
<style type="text/css">
body {
background-color:yellow;
}
p {
color:blue;
}
</style>
</head>
<link>
<link> 標簽定義網(wǎng)頁與外部資源之間的關(guān)系纳寂，常用于鏈接到 CSS 樣式表。
<link rel="stylesheet" type="text/css" href="css/common/layout.css">
<link>也可以設(shè)置網(wǎng)頁的圖標
<link rel="shortcut icon" href="圖片url">
標簽的語義化
什么是HTML語義化
根據(jù)網(wǎng)頁內(nèi)容的結(jié)構(gòu)（內(nèi)容語義化）泻拦，選擇合適的html標簽（代碼語義化）便于開發(fā)者瀏覽,代碼更具可讀性毙芜，同時最重要的是對搜索引擎友好，讓爬蟲和瀏覽器很好地解析争拐。為什么要標簽語義化
- 頁面結(jié)構(gòu)清晰：技術(shù)上網(wǎng)頁內(nèi)容全部用p標簽也能表示大部分內(nèi)容腋粥，但選擇合適的語義標簽更容易讓開發(fā)者看懂,頁面也能呈現(xiàn)出清晰的內(nèi)容結(jié)構(gòu)和代碼結(jié)構(gòu)，比如：h1表示標題架曹、p標簽表示內(nèi)容隘冲、強調(diào)內(nèi)容使用em標簽。
- 便于團隊開發(fā)和維護：語義化使得代碼更具有可讀性绑雄，讓其他開發(fā)人員更加理解你的html結(jié)構(gòu)对嚼，減少差異化。
- 利于SEO優(yōu)化：和搜索引擎建立良好溝通绳慎，有助于爬蟲抓取更多的有效信息：爬蟲依賴于標簽來確定上下文和各個關(guān)鍵字的權(quán)重纵竖；
常用的語義化的頁面結(jié)構(gòu)標簽
- <header>~</header> 頭部
- <h1>~<h6>標題
- <nav>~</nav>導航欄
- <section>~</section>區(qū)塊（有語義化的div）
- <main>~</main>主要區(qū)域
- <artical>~</artical>主要內(nèi)容
- <aside>~</aside>側(cè)邊欄
- <footer>~</footer>底部
頁面標題
標題（Heading）是通過 <h1> ~ <h6> 等標簽進行定義的。
標題很重要
搜索引擎使用標題為網(wǎng)頁的結(jié)構(gòu)和內(nèi)容編制索引杏愤。
用戶可以通過標題來快速瀏覽您的網(wǎng)頁靡砌，所以用標題來呈現(xiàn)文檔結(jié)構(gòu)是很重要的。
規(guī)范：
- <h1> 標題
- 頁面里面必須要有且只有一個<h1>珊楼。
- <h1> 標題的位置通殃，在頁眉，通常網(wǎng)站的LOGO作為<h1>標題
- H標題不能跳級，比如頁面里面有h3画舌，必須有h1和h2標題
頁眉頁腳
<header>
<header> 標簽定義頁面的頁眉堕担，通常網(wǎng)頁的頭部作為頁眉。
<footer>
<footer> 標簽定義頁面的頁腳曲聂，通常網(wǎng)頁的底部作為頁腳霹购。
頁面導航
<nav>
<nav> 標簽定義頁面導航鏈接集合。
<nav id="gNavi">
<ul>
<li><a href="#">text</a></li>
<li><a href="#">text</a></li>
<li><a href="#">text</a></li>
</nav>
主要區(qū)域
<main>
<main> 標簽定義頁面的主要內(nèi)容朋腋。
==注意==：<main> 元素不能是以下元素的后代：<article>齐疙、<aside>、<footer>旭咽、<header> 或 <nav>贞奋。
對于IE瀏覽器11版本和低于11的版本，推薦向 <main> 元素添加 "main" 這一 ARIA 角色穷绵，以保證其可訪問性轿塔。(屏幕閱讀器，如 JAWS仲墨，當與較舊版本的 Internet Explorer 一起使用時勾缭，需包括此 role 屬性<main role="main">才能理解 <main> 元素的語義含義）
內(nèi)容區(qū)域
<article>
<article> 標簽定義獨立的自包含內(nèi)容，像之前的conts部分宗收。
附加區(qū)域
<aside>
<aside> 標簽定義頁面主內(nèi)容（article/conts）之外的某些內(nèi)容（比如側(cè)欄的廣告等）。
區(qū)塊定義
<section>
<section> 標簽定義文檔中的區(qū)塊亚兄。
容器DIV
<div>
- <div> 元素是塊級元素混稽，它可用于組合其他 HTML 元素的容器。
- <div> 元素沒有特定的含義审胚。有些布局有語義的容器不好表達時可以采用div容器匈勋，比如圖文混排。
文本相關(guān)
基本標簽
<p>
定義文本段落
<span>
- <span> 元素是內(nèi)聯(lián)元素膳叨，可用作文本的容器洽洁。
- <span> 標簽與 div 標簽都是沒有語義的，span 常用于對某些文本特殊控制菲嘴，但該文本又沒有適合的語義標簽饿自。
<br>
定義文本換行
描述文本
<time>
<time> 標簽定義時間（或日期。
<big>
<big> 標簽定義大號字體效果龄坪。
<small>
<small> 標簽定義小號字體效果昭雌。
<sup>
<sup> 標簽定義上標文本。
<sub>
<sub> 標簽定義下標文本健田。
<del>
<del> 標簽定義已被刪除的文本烛卧。
- <s> 標簽也定義加刪除線文本，已==不贊成使用==妓局。
- <del>請與 <ins> 標簽配合使用总放，來描述文檔中的更新和修正呈宇。
原價 <del>200元</del> 現(xiàn)價 <ins>100元</ins>
<ins>
<ins> 標簽定義被插入頁面中的文本，與 <del> 一同使用局雄，來描述文檔中的更新和修正甥啄。
- <u> 標簽也定義下劃線文本，已==不贊成使用==哎榴。
<code>
<code>標簽用于顯示代碼塊內(nèi)容型豁，一般需要代碼格式化插件完成。
<progress>
<progress> 標簽定義運行中的任務(wù)進度（進程）尚蝌。當游覽器不支持時顯示內(nèi)容迎变。
<progress> 標簽的屬性有：
- max：規(guī)定需要完成的值。
- value：規(guī)定進程的當前值飘言。
實例：正在進行中的下載衣形，下載進度的當前值為 60。
<progress value="60" max="100">完成60%</progress>
強調(diào)文本
<strong>
<strong> 定義==語氣更強==的強調(diào)的內(nèi)容姿鸿。
<b>
<b> 定義粗體文本谆吴。
<em>
<em> 定義強調(diào)的內(nèi)容。
<i>
<i> 定義斜體字苛预。
| 標簽 | 說明 |
|---|---|
| <strong>與<b> | 如果僅定義文本加粗句狼，推薦使用<strong>更具有語義化，對SEO友好热某。 |
| <em>與<i> | 如果僅定義文本傾斜腻菇，推薦使用<i>更具有語義化，對SEO友好昔馋。 |
<mark>
<mark> 標簽定義帶有記號的文本筹吐。
引用標簽
<cite>
<cite> 標簽通常表示它所包含的文本對某個參考文獻的引用，比如書籍或者雜志的標題秘遏。
<blockquote>
<blockquote> 標簽定義塊引用丘薛。
<blockquote> 與 </blockquote> 之間的所有文本都會從常規(guī)文本中分離出來，經(jīng)常會在左邦危、右兩邊進行縮進（增加外邊距）洋侨，而且有時會使用斜體。也就是說倦蚪，塊引用擁有它們自己的空間凰兑。
<q>
<q> 標簽定義短的引用。
用于表示行內(nèi)引用文本审丘，在大部分瀏覽器中會加上引號吏够。
聯(lián)系信息
<address>
用于設(shè)置聯(lián)系地址等信息，一般將address 放在footer 標簽中，例如：copyright锅知。
鏈接與圖片
鏈接
頁面超鏈接
<a target="_blank" title="W3School">Visit W3School</a>
- href ----- 跳轉(zhuǎn)地址
- target ----- _blank 新窗口打開, _self 當前窗口打開
- title ------ 鏈接提示文本 沒有指定播急，實際項目不用加
錨點鏈接
錨點可以設(shè)置跳轉(zhuǎn)到頁面中的某個部分。
- 為元素添加id 屬性來設(shè)置錨點
- 設(shè)置 a 標簽的 href 屬性
<a href="#h2Ttl">跳轉(zhuǎn)標題2</a>
<h2 id="h2Ttl">這是標題2</h2>
也可以跳轉(zhuǎn)到其他頁面的錨點
<a href="company.html#h2Ttl">跳轉(zhuǎn)company頁面的標題2</a>
郵箱鏈接
<a href="mailto:郵箱地址">郵箱地址</a>
==郵箱地址通常要加密==
加密網(wǎng)址：
[http://www.luft.co.jp/cgi/coding.php]
電話鏈接
<a href="tel:12345678">12345678</a>
圖像
<img> 標簽
<img src="coding.png" alt="coding"/>
<img> 標簽有兩個必需的屬性：src 屬性 和 alt 屬性售睹。
- src 屬性顯示圖像的 URL桩警。
- alt 屬性圖像的替代文本。
列表與多媒體
列表
有序列表
<ol> 標簽定義有序列表昌妹，列表排序以數(shù)字來顯示捶枢。使用 <li> 標簽來定義列表選項。
<ol>
<li>apple</li>
<li>banana</li>
<li>orange</li>
</ol>
無序列表
<ul> 標簽定義無序列表飞崖，列表項目以黑色圓點標記烂叔，使用 <li> 標簽定義列表項目，
固歪。
<ul>
<li>apple</li>
<li>banana</li>
<li>orange</li>
</ul>
定義列表
自定義列表以 <dl> 標簽開始蒜鸡。每個自定義列表項以 <dt> 開始。每個自定義列表項的描述以 <dd> 開始牢裳。
<dl>
<dt>2020-01-02</dt>
<dd>news text</dd>
<dt>2020-01-01</dt>
<dd>news text</dd>
</dl>
多媒體
聲音
<audio> 標簽定義聲音逢防，比如音樂或其他音頻流。
目前蒲讯，<audio> 元素支持的 3 種文件格式：MP3忘朝、Wav、Ogg判帮。
<audio> 常見屬性：
| 屬性 | 描述 |
|---|---|
| autoplay | 如果出現(xiàn)該屬性局嘁，則視頻在就緒后馬上播放。 |
| preload | 如果出現(xiàn)該屬性脊另，則視頻在頁面加載時進行加載导狡，并預(yù)備播放。 如果使用 "autoplay"，則忽略該屬性桐筏。 如果視頻觀看度低可以設(shè)置為 preload="none" 不加載視頻數(shù)據(jù)減少帶寬继谚。 如果設(shè)置為 preload="metadata"值將加載視頻尺寸或關(guān)鍵針數(shù)據(jù)，目的也是減少帶寬占用佛猛。 設(shè)置為preload="auto" 時表示將自動加載視頻數(shù)據(jù) |
| controls | 如果出現(xiàn)該屬性，則向用戶顯示控件，比如播放按鈕谓谦。 |
| loop | 如果出現(xiàn)該屬性，則當媒介文件完成播放后再次開始播放贪婉。 |
| muted | 規(guī)定視頻的音頻輸出應(yīng)該被靜音反粥。 |
| src | 要播放的視頻的 URL。 |
<audio controls autoplay loop preload="auto">
<source src="/statics/demosource/horse.ogg" type="audio/ogg">
<source src="/statics/demosource/horse.mp3" type="audio/mpeg">
您的瀏覽器不支持 audio 元素。
</audio>
- <source> 標簽用來定義多種媒體資源才顿。
- <audio> 元素允許使用多個 <source> 元素莫湘。<source> 元素可以鏈接不同的音頻文件，瀏覽器將使用第一個支持的音頻文件郑气。
- 可以在 <audio> 和 </audio> 之間放置文本內(nèi)容幅垮，這些文本信息將會被顯示在那些不支持 <audio> 標簽的瀏覽器中。
視頻
<video> 標簽定義視頻尾组，比如電影片段或其他視頻流忙芒。
目前，<video> 元素支持三種視頻格式：MP4讳侨、WebM呵萨、Ogg。
<video> 常見屬性：
| 屬性 | 描述 |
|---|---|
| autoplay | 如果出現(xiàn)該屬性爷耀，則視頻在就緒后馬上播放（需要指定類型如 type="video/mp4")甘桑。 |
| preload | 如果出現(xiàn)該屬性，則視頻在頁面加載時進行加載歹叮，并預(yù)備播放跑杭。 如果使用 "autoplay"，則忽略該屬性咆耿。 如果視頻觀看度低可以設(shè)置為 preload="none" 不加載視頻數(shù)據(jù)減少帶寬德谅。 如果設(shè)置為 preload="metadata"值將加載視頻尺寸或關(guān)鍵針數(shù)據(jù)，目的也是減少帶寬占用萨螺。 設(shè)置為preload="auto" 時表示將自動加載視頻數(shù)據(jù) |
| controls | 如果出現(xiàn)該屬性窄做，則向用戶顯示控件，比如播放按鈕慰技。 |
| height | 設(shè)置視頻播放器的高度椭盏。 |
| width | 設(shè)置視頻播放器的寬度。 |
| poster | 規(guī)定視頻下載時顯示的圖像吻商，或者在用戶點擊播放按鈕前顯示的圖像掏颊。 |
| loop | 如果出現(xiàn)該屬性，則當媒介文件完成播放后再次開始播放艾帐。 |
| muted | 規(guī)定視頻的音頻輸出應(yīng)該被靜音乌叶。 |
| src | 要播放的視頻的 URL。 |
<video src="movie.mp4" autoplay="autoplay" loop muted controls width="800" height="200">
<source src="movie.mp4" type="video/mp4">
<source src="movie.ogg" type="video/ogg">
您的瀏覽器不支持 video 標簽柒爸。
</video>
- <video> 元素與 <audio> 元素一樣准浴，支持多個 <source> 元素，<source> 元素可以鏈接不同的視頻文件捎稚，瀏覽器將使用第一個可識別的格式乐横。
- <video> 元素也可以在 <video> 標簽之間放置文本內(nèi)容求橄，這樣不支持 <video> 元素的瀏覽器就可以顯示出該標簽的信息。
表格與表單
表格
HTML 表格由 <table> 標簽來定義葡公。
<table>
<caption>表格標題</caption>
<col width="20%">
<col width="30%">
<col width="50%">
<thead>
<tr>
<th>表頭1</th>
<th>表頭2</th>
<th>表頭3</th>
</tr>
</thead>
<tbody>
<tr>
<td colspan="2">合并列單元格</td>
<td>表格單元3</td>
</tr>
<tr>
<td rowspan="2">合并行單元格</td>
<td>表格單元2</td>
<td>表格單元3</td>
</tr>
<tr>
<td>表格單元2</td>
<td>表格單元3</td>
</tr>
<tr>
<td>表格單元1</td>
<td>表格單元2</td>
<td>表格單元3</td>
</tr>
</tbody>
</table>
顯示如下：
[圖片上傳失敗...(image-99c8ec-1623318404810)]
| 屬性 | 說明 |
|---|---|
| <caption> | 表格的標題 |
| <colgroup> | 定義表格列的組 |
| <col> | 定義表格列的屬性 |
| <thead> | 表格的頁眉 |
| <tbody> | 表格的主體 |
| <tfoot> | 表格的頁腳 |
| <tr> | 行 |
| <th> | 表格的表頭 |
| <td> | 表格的單元格 |
| <td colspan="2"> | 合并列單元格 |
| <td rowspan="2"> | 合并行單元格 |
表單
表單是服務(wù)器收集用戶數(shù)據(jù)的方式谈撒。
<form> 標簽用于創(chuàng)建供用戶輸入的 HTML 表單。
<form action="" method="post" class="mailForm">
<table>
<tbody>
<tr>
<th>お名前<span>＊</span></th>
<td><input type="text" value="" name="name"></td>
</tr>
<tr>
<th>性別<span>＊</span></th>
<td><label>
<input type="radio" value="男" name="sex">
男</label>
<label>
<input type="radio" value="女" name="sex">
女</label></td>
</tr>
<tr>
<th>電話番號<span>＊</span></th>
<td><input type="tel" value="" name="input_main_tp" maxlength="13"></td>
</tr>
<tr>
<th>メールアドレス<span>＊</span></th>
<td><input type="email" value="" name="input_main_em"></td>
</tr>
<tr>
<th>郵便番號<span>＊</span></th>
<td><input type="text" name="zip" value="" placeholder="例）451-0045（半角）" maxlength="8">
<input type="button" value="番號検索" name="search"></td>
</tr>
<tr>
<th>住所<span>＊</span></th>
<td>都道府県：
<select name="area">
<option value="">選択してください</option>
<option value="北海道">北海道</option>
<option value="青森県">青森県</option>
</select>
市區(qū)町村：
<input type="text" value="" name="address"></td>
</tr>
<tr>
<th>ご希望方法<span>＊</span></th>
<td><label>
<input type="checkbox" name="method1" value="電話">
電話</label>
<label>
<input type="checkbox" name="method2" value="メールアドレス">
メールアドレス</label></td>
</tr>
<tr>
<th>お問い合わせ內(nèi)容<span>＊</span></th>
<td><textarea name="content" rows="5" cols="10"></textarea></td>
</tr>
</tbody>
</table>
<ul class="submit">
<li>
<input type="submit" value="入力內(nèi)容を確認する" name="__submit__">
</li>
<li>
<input type="reset" value="リセット" name="__reset__">
</li>
</ul>
</form>
其他
HTML實體符號
下面是常見的 HTML 實體列表：
| 顯示結(jié)果 | 描述 | 實體名稱 | 實體編號 |
|---|---|---|---|
| 空格 | |   | |
| < | 小于號 | < | < |
| > | 大于號 | > | > |
| & | 和號 | & | & |
| " | 引號 | " | " |
| ' | 撇號 | ' (IE不支持) | ' |
| ￠ | 分 | ¢ | ¢ |
| ￡ | 鎊 | £ | £ |
| ￥ | 人民幣/日元 | ¥ | ¥ |
| € | 歐元 | € | € |
| § | 小節(jié) | § | § |
| ? | 版權(quán) | © | © |
| ? | 注冊商標 | ® | ® |
| ? | 商標 | ™ | ™ |
| × | 乘號 | × | × |
| ÷ | 除號 | ÷ | ÷ |
提示：雖然 HTML 不區(qū)分大小寫匾南，但實體名稱對大小寫敏感啃匿。
HTML 顏色
HTML 顏色由一個十六進制符號來定義，這個符號由紅色蛆楞、綠色和藍色的值組成（RGB）溯乒。
每種顏色的最小值是 0（十六進制：#00），最大值是 255（十六進制：#FF）豹爹。
HTML 三種顏色 紅裆悄，綠，藍的組合從 0 到 255臂聋，一共有1600萬種不同顏色(256 x 256 x 256)光稼。
RGB 模型如下圖所示：
[圖片上傳失敗...(image-db8fb7-1623318404810)]
