1.W3C 簡介
萬維網(wǎng)聯(lián)盟(World Wide Web Consortium,W3C),又稱W3C理事會
W3C由Sir?Timothy John Berners-Lee 創(chuàng)建宽档,
為解決網(wǎng)絡(luò)應(yīng)用中不同平臺论矾、技術(shù)和開發(fā)者帶來的不兼容問題,保障網(wǎng)絡(luò)信息的順利和完整流通,萬維網(wǎng)聯(lián)盟制定了一系列標(biāo)準(zhǔn)并督促網(wǎng)絡(luò)應(yīng)用開發(fā)者和內(nèi)容提供者遵循這些標(biāo)準(zhǔn)众旗。標(biāo)準(zhǔn)的內(nèi)容包括使用語言的規(guī)范,開發(fā)中使用的導(dǎo)則和解釋引擎的行為等等趟畏。W3C也制定了包括XML和CSS等的眾多影響深遠(yuǎn)的標(biāo)準(zhǔn)規(guī)范贡歧。
2.MDN 簡介
MDN(Mozilla Developer Network)是一個匯集眾多Mozilla基金會產(chǎn)品和網(wǎng)絡(luò)技術(shù)開發(fā)文檔的免費(fèi)網(wǎng)站。
3.HTML5所有標(biāo)簽列表
根元素:
<html>代表 HTML 或 XHTML 文檔的根拱镐。其他所有元素必須是這個元素的子節(jié)點(diǎn)艘款。
文檔元素:
<head>代表關(guān)于文檔元數(shù)據(jù)的一個集合,包括腳本或樣式表的鏈接或內(nèi)容沃琅。
<title>定義文檔的標(biāo)題哗咆,將顯示在瀏覽器的標(biāo)題欄或標(biāo)簽頁上。該元素只能包含文本益眉,包含的標(biāo)簽不會被解釋晌柬。
<base>定義頁面上相對 URL 的基準(zhǔn) URL。
<link>用于鏈接外部的 CSS 到該文檔郭脂。
<meta>定義其他 HTML 元素?zé)o法描述的元數(shù)據(jù)年碘。
<style>用于內(nèi)聯(lián) CSS。
腳本:
<script>定義一個內(nèi)聯(lián)腳本或鏈接到外部腳本展鸡。腳本語言是 JavaScript屿衅。
<noscript>定義當(dāng)瀏覽器不支持腳本時顯示的替代文字。
<template>通過 JavaScript 在運(yùn)行時實(shí)例化內(nèi)容的容器莹弊。
章節(jié):
<body>代表 HTML 文檔的內(nèi)容涤久。在文檔中只能有一個?<body>?元素。
<section>?定義文檔中的一個章節(jié)忍弛。
<nav>?定義只包含導(dǎo)航鏈接的章節(jié)响迂。
<article>?定義可以獨(dú)立于內(nèi)容其余部分的完整獨(dú)立內(nèi)容塊。
<aside>?定義和頁面內(nèi)容關(guān)聯(lián)度較低的內(nèi)容——如果被刪除细疚,剩下的內(nèi)容仍然很合理蔗彤。
<h1>,<h2>,<h3>,<h4>,<h5>,<h6>標(biāo)題元素實(shí)現(xiàn)了六層文檔標(biāo)題,<h1>?是最大的標(biāo)題疯兼,<h6>?是最小的標(biāo)題然遏。標(biāo)題元素簡要地描述章節(jié)的主題。
<header>?定義頁面或章節(jié)的頭部镇防。它經(jīng)常包含 logo啦鸣、頁面標(biāo)題和導(dǎo)航性的目錄。
<footer>?定義頁面或章節(jié)的尾部来氧。它經(jīng)常包含版權(quán)信息诫给、法律信息鏈接和反饋建議用的地址香拉。
<address>定義包含聯(lián)系信息的一個章節(jié)。
<main>定義文檔中主要或重要的內(nèi)容中狂。
組織內(nèi)容
<p>定義一個段落凫碌。
<hr>代表章節(jié)、文章或其他長內(nèi)容中段落之間的分隔符胃榕。
<pre>代表其內(nèi)容已經(jīng)預(yù)先排版過盛险,格式應(yīng)當(dāng)保留 。
<blockquote>代表引用自其他來源的內(nèi)容勋又。
<ol>定義一個有序列表苦掘。
<ul>定義一個無序列表。
<li>定義列表中的一個列表項(xiàng)楔壤。
<dl>定義一個定義列表(一系列術(shù)語和其定義)鹤啡。
<dt>代表一個由下一個?<dd>?定義的術(shù)語。
<dd>代表出現(xiàn)在它之前術(shù)語的定義蹲嚣。
<figure>?代表一個和文檔有關(guān)的圖例递瑰。
<figcaption>?代表一個圖例的說明。
<div>代表一個通用的容器隙畜,沒有特殊含義抖部。
文字形式:
<a>代表一個鏈接到其他資源的超鏈接?。
<em>代表強(qiáng)調(diào)?文字议惰。
<strong>代表特別重要?文字慎颗。
<small>代表注釋?,如免責(zé)聲明言询、版權(quán)聲明等哗总,對理解文檔不重要。
<s>代表不準(zhǔn)確或不相關(guān)?的內(nèi)容倍试。
<cite>代表作品標(biāo)題?。
<q>代表內(nèi)聯(lián)的引用?蛋哭。
<dfn>代表一個術(shù)語包含在其最近祖先內(nèi)容中的定義?县习。
<abbr>代表省略?或縮寫?,其完整內(nèi)容在?title?屬性中谆趾。
<data>?關(guān)聯(lián)一個內(nèi)容的機(jī)器可讀的等價形式?(該元素只在 WHATWG 版本的 HTML 標(biāo)準(zhǔn)中躁愿,不在 W3C 版本的 HTML5 標(biāo)準(zhǔn)中)。
<time>?代表日期?和時間?值沪蓬;機(jī)器可讀的等價形式通過?datetime?屬性指定彤钟。
<code>代表計(jì)算機(jī)代碼?。
<var>代表代碼中的變量?跷叉。
<samp>代表程序或電腦的輸出?逸雹。
<kbd>代表用戶輸入?营搅,一般從鍵盤輸出,但也可以代表其他輸入梆砸,如語音輸入转质。
<sub>,<sup>分別代表下標(biāo)?和上標(biāo)?。
<i>代表一段不同性質(zhì)?的文字帖世,如技術(shù)術(shù)語休蟹、外文短語等。
<b>代表一段需要被關(guān)注?的文字日矫。
<u>代表一段需要下劃線呈現(xiàn)的文本注釋赂弓,如標(biāo)記出拼寫錯誤的文字等。
<mark>?代表一段需要被高亮的引用?文字哪轿。
<ruby>?代表被ruby 注釋?標(biāo)記的文本盈魁,如中文漢字和它的拼音。
<rt>?代表ruby 注釋?缔逛,如中文拼音备埃。
<rp>?代表 ruby 注釋兩邊的額外插入文本?,用于在不支持 ruby 注釋顯示的瀏覽器中提供友好的注釋顯示褐奴。
<bdi>?代表需要脫離?父元素文本方向的一段文本按脚。它允許嵌入一段不同或未知文本方向格式的文本。
<bdo>指定子元素的文本方向?敦冬,顯式地覆蓋默認(rèn)的文本方向辅搬。
<span>代表一段沒有特殊含義的文本,當(dāng)其他語義元素都不適合文本時候可以使用該元素脖旱。
<br>代表換行?堪遂。
<wbr>?代表建議換行 (Word Break Opportunity)?,當(dāng)文本太長需要換行時將會在此處添加換行符萌庆。
編輯:
<ins>定義增加?到文檔的內(nèi)容溶褪。
<del>定義從文檔移除?的內(nèi)容。
嵌入內(nèi)容:
<img>代表一張圖片?践险。
<iframe>代表一個內(nèi)聯(lián)的框架?猿妈。
<embed>?代表一個嵌入?的外部資源,如應(yīng)用程序或交互內(nèi)容巍虫。
<object>代表一個外部資源?彭则,如圖片、HTML 子文檔占遥、插件等俯抖。
<param>代表?<object>?元素所指定的插件的參數(shù)?。
<video>?代表一段視頻?及其視頻文件和字幕瓦胎,并提供了播放視頻的用戶界面芬萍。
<audio>?代表一段聲音?尤揣,或音頻流?。
<source>?為?<video>?或?<audio>?這類媒體元素指定媒體源?担忧。
<track>?為?<video>?或?<audio>?這類媒體元素指定文本軌道(字幕)?芹缔。
<canvas>?代表位圖區(qū)域?,可以通過腳本在它上面實(shí)時呈現(xiàn)圖形瓶盛,如圖表最欠、游戲繪圖等。
<map>與?<area>?元素共同定義圖像映射?區(qū)域惩猫。
<area>與?<map>?元素共同定義圖像映射?區(qū)域芝硬。
<svg>?定義一個嵌入式矢量圖?。
<math>?定義一段數(shù)學(xué)公式?轧房。
表格:
<table>定義多維數(shù)據(jù)?拌阴。
<caption>代表表格的標(biāo)題?。
<colgroup>代表表格中一組單列或多列?奶镶。
<col>代表表格中的列?迟赃。
<tbody>代表表格中一塊具體數(shù)據(jù)?(表格主體)。
<thead>代表表格中一塊列標(biāo)簽?(表頭)厂镇。
<tfoot>代表表格中一塊列摘要?(表尾)纤壁。
<tr>代表表格中的行?。
<td>代表表格中的單元格?捺信。
<th>代表表格中的頭部單元格?酌媒。
表單:
<form>代表一個表單?,由控件組成迄靠。
<fieldset>代表控件組?秒咨。
<legend>代表?<fieldset>?控件組的標(biāo)題?。
<label>代表表單控件的標(biāo)題?掌挚。
<input>代表允許用戶編輯數(shù)據(jù)的數(shù)據(jù)區(qū)?(文本框雨席、單選框、復(fù)選框等)吠式。
<button>代表按鈕?舅世。
<select>代表下拉框?。
<datalist>?代表提供給其他控件的一組預(yù)定義選項(xiàng)?奇徒。
<optgroup>代表一個選項(xiàng)分組?。
<option>代表一個?<select>?元素或?<datalist>?元素中的一個選項(xiàng)
<textarea>代表多行文本框?缨硝。
<keygen>?代表一個密鑰對生成器?控件摩钙。
<output>?代表計(jì)算值?。
<progress>?代表進(jìn)度條?查辩。
<meter>?代表滑動條?胖笛。
交互元素:
<details>?代表一個用戶可以(點(diǎn)擊)獲取額外信息或控件的小部件?网持。
<summary>?代表?<details>?元素的綜述?或標(biāo)題?。
<menuitem>?代表一個用戶可以點(diǎn)擊的菜單項(xiàng)长踊。
<menu>?代表菜單功舀。
4.什么是空標(biāo)簽
沒有閉合的標(biāo)簽稱為空標(biāo)簽,常見如下:
<area> <base> <br><col><colgroup>(when the span is present)<command><embed><hr>
<img><input><keygen><link><meta><param><source><track><wbr>
5.什么是可替換標(biāo)簽
CSS 里身弊,可替換元素(replaced element)的展現(xiàn)不是由CSS來控制的辟汰。這些元素是一類 外觀渲染獨(dú)立于CSS的 外部對象。 典型的可替換元素有<img>阱佛、<object>帖汞、 <video>和 表單元素,如<textarea>凑术、 <input> 翩蘸。 某些元素只在一些特殊情況下表現(xiàn)為可替換元素,例如<audio> 和<canvas>淮逊。 通過 CSS?content?屬性來插入的對象 被稱作匿名可替換元素(anonymous replaced elements)催首。
CSS在某些情況下會對可替換元素做特殊處理,比如計(jì)算外邊距和一些auto值郎任。
需要注意的是,一部分(并非全部)可替換元素命满,本身具有尺寸和基線(baseline)涝滴,會被像vertical-align之類的一些 CSS 屬性用到。