HTML Reference 網頁開發者必備手冊！

得小時候剛學電腦時還是使用MS-DOS作業系統，家人幫我買了一本厚重的參考書，里頭收錄所有DOS指令，非常詳盡，而這本書也對我產生不小影響，我知道學習任何東西都必須要有正確的參考手冊，才能夠讓學習過程更全面扎實。雖然網路上有許多教學文件，但礙于篇幅都只能夠以最短捷徑來幫你達到目的，對于一些較為復雜的內容來說，這些快速教學并不能讓你「真正」學會，因此最好還是準備參考手冊。

本文要推薦的「HTML Reference」網站很不一樣，這個線上參考手冊收錄完整HTML語法教學，依照英文字母順序排列，使用者可以很在這里檢索某個HTML標簽詳細使用方法，很多可能不在我們平常會經常使用的范圍（例如一些語法設定方式），但如果你想知道語法要怎么寫才正確，或者想從基礎開始學習HTML程式碼，請記得將這網站加入書簽。

我記得早先在學習制作HTML網頁時也有「首頁制作百寶箱」可以參考，HTML Reference大概就是比較進階、內容較新較全面的首頁百寶箱吧！不僅如此，網站還提供實際范例供使用者參考，也能一鍵點擊快速復制語法，對學習來說絕對大有幫助。雖然HTML語法不是每個人都會碰到，但書到用時方恨少，假如你的工作與它相關，不妨找時間惡補一下。

網站名稱：HTML Reference
網站鏈結：http://htmlreference.io/

使用教學

第一步

HTMLReference.io網站分成幾個部分，最上方Collections收錄一些主題，包括常用的基本元素、表單、列表、HTML5語意標簽（Semantic）和表格，中間有個搜尋功能可快速查詢你要找的語法，最重要的就是底下依照英文開頭排序的所有HTML語法，點擊可開啟詳細介紹。

第二步

Collection 會依照語法類別個別匯整，例如說到表單就會用到form、input、textarea、button 這些標簽語法，相信大家不陌生，但你可能不知道每個語法有這么多種數值可以設定，這個網站最好的地方就在于它會把所有可以使用的設定參數列出來，并提供你實際使用范例和說明。

如果你已經開始使用HTML5，對于一些語意標簽應該不陌生，HTML Reference 也將這些標簽說明及范例列在 Semantic Collection。

第三步

回到HTML Reference 首頁，前面有提到首頁列出所有HTML 語法標簽，依照字母排列，當然使用者也能透過搜尋功能來快速查找，例如下圖是a 也就是超鏈結語法的使用教學，可以看到目標鏈結（href）參數是必須，網站還列出幾種不同的寫法和用法。

比較可惜的是網站目前只有提供英文版，可能要有一些基礎的英文能力才能比較容易理解，但按照網站編排方式，就算沒有看說明應該也能從范例略知一二。

第四步

HTML Reference網站提供的范例、語法都能快速一鍵復制，只要把滑鼠游標移動上去，點選后就能自動復制，非常方便！記得以前在學習寫網頁時都要去手動復制參考資料上的范例或語法教學，不但很浪費時間，還必須注意有沒有弄錯段落，在這里就不會遇到相同問題。

NSI（Windows-1252）

ANSI 是 Windows 95 及其之前的 Windows 系統中默認的字符集。

ANSI 也稱為 Windows-1252。

重要提示

ANSI 和 ISO-8859-1 非常相似，唯一的不同是在 32 個字符上。

在 ANSI 中，從 128 到 159 的字符用于一些有用的字符，比如歐元符號。

在 ISO-8859-1 中，這些字符映射為在 HTML 中不起作用的控制字符。

許多 Web 開發者聲明 ISO-8859-1，并使用這 32 個值，就像它們使用的是 Windows-1252。

由于這種常見的誤解，當 ISO-8859-1 被聲明時，瀏覽器將更改為 Windows-1252。這對以下文檔類型都適用：HTML4、HTML5 和 XHTML。

ANSI 和 ASCII

ANSI 的第一部分（實體編號 0-127）是原來的 ASCII 字符集。它包含數字、大小寫英文字母和一些特殊字符。

如需深入了解 ASCII，請查看完整的 ASCII 參考手冊。

ANSI 字符集

字符	編號	實體名稱	描述
	32		空格（space）
!	33		感嘆號（exclamation mark）
"	34	"	引號（quotation mark）
#	35		數字符號（number sign）
$	36		美元符號（dollar sign）
%	37		百分比符號（percent sign）
&	38	&	& 符號（ampersand）
'	39		撇號（apostrophe）
(	40		左括號（left parenthesis）
)	41		右括號（right parenthesis）
*	42		星號（asterisk）
+	43		加號（plus sign）
,	44		逗號（comma）
-	45		連字符（hyphen-minus）
.	46		句號（full stop）
/	47		斜線（solidus）
0	48		數字 0（digit zero）
1	49		數字 1（digit one）
2	50		數字 2（digit two）
3	51		數字 3（digit three）
4	52		數字 4（digit four）
5	53		數字 5（digit five）
6	54		數字 6（digit six）
7	55		數字 7（digit seven）
8	56		數字 8（digit eight）
9	57		數字 9（digit nine）
:	58		冒號（colon）
;	59		分號（semicolon）
<	60	<	小于號（less-than sign）
=	61		等于號（equals sign）
>	62	>	大于號（greater-than sign）
?	63		問號（question mark）
@	64		@ 符號（commercial at）
A	65		拉丁文大寫字母 A
B	66		拉丁文大寫字母 B
C	67		拉丁文大寫字母 C
D	68		拉丁文大寫字母 D
E	69		拉丁文大寫字母 E
F	70		拉丁文大寫字母 F
G	71		拉丁文大寫字母 G
H	72		拉丁文大寫字母 H
I	73		拉丁文大寫字母 I
J	74		拉丁文大寫字母 J
K	75		拉丁文大寫字母 K
L	76		拉丁文大寫字母 L
M	77		拉丁文大寫字母 M
N	78		拉丁文大寫字母 N
O	79		拉丁文大寫字母 O
P	80		拉丁文大寫字母 P
Q	81		拉丁文大寫字母 Q
R	82		拉丁文大寫字母 R
S	83		拉丁文大寫字母 S
T	84		拉丁文大寫字母 T
U	85		拉丁文大寫字母 U
V	86		拉丁文大寫字母 V
W	87		拉丁文大寫字母 W
X	88		拉丁文大寫字母 X
Y	89		拉丁文大寫字母 Y
Z	90		拉丁文大寫字母 Z
[	91		左方括號（left square bracket）
\	92		反斜線（reverse solidus）
]	93		右方括號（right square bracket）
^	94		插入符號（circumflex accent）
_	95		下劃線（low line）
`	96		重音符（grave accent）
a	97		拉丁文小寫字母 a
b	98		拉丁文小寫字母 b
c	99		拉丁文小寫字母 c
d	100		拉丁文小寫字母 d
e	101		拉丁文小寫字母 e
f	102		拉丁文小寫字母 f
g	103		拉丁文小寫字母 g
h	104		拉丁文小寫字母 h
i	105		拉丁文小寫字母 i
j	106		拉丁文小寫字母 j
k	107		拉丁文小寫字母 k
l	108		拉丁文小寫字母 l
m	109		拉丁文小寫字母 m
n	110		拉丁文小寫字母 n
o	111		拉丁文小寫字母 o
p	112		拉丁文小寫字母 p
q	113		拉丁文小寫字母 q
r	114		拉丁文小寫字母 r
s	115		拉丁文小寫字母 s
t	116		拉丁文小寫字母 t
u	117		拉丁文小寫字母 u
v	118		拉丁文小寫字母 v
w	119		拉丁文小寫字母 w
x	120		拉丁文小寫字母 x
y	121		拉丁文小寫字母 y
z	122		拉丁文小寫字母 z
{	123		左花括號（left curly bracket）
\|	124		豎線（vertical line）
}	125		右花括號（right curly bracket）
~	126		波浪線（tilde）
	127		未使用（NOT USED）
€	128	€	歐元符號（euro sign）
	129		未使用（NOT USED）
?	130	&sbquo;	下單引號（single low-9 quotation mark）
?	131	&fnof;	帶鉤的拉丁文小寫字母 f
?	132	&bdquo;	下雙引號（double low-9 quotation mark）
…	133	…	水平省略號（horizontal ellipsis）
?	134	&dagger;	劍號（dagger）
?	135	&Dagger;	雙劍號（double dagger）
?	136	&circ;	修飾字母抑揚音（modifier letter circumflex accent）
‰	137	&permil;	千分比符號（per mille sign）
?	138	&Scaron;	帶有 caron 的拉丁文大寫字母 S
?	139	&lsaquo;	左單角引號（single left-pointing angle quotation mark）
?	140	&OElig;	拉丁文大寫連字 OE
	141		未使用（NOT USED）
?	142	&Zcaron;	帶有 caron 的拉丁文大寫字母 Z
	143		未使用（NOT USED）
	144		未使用（NOT USED）
'	145	‘	左單引號（left single quotation mark）
'	146	’	右單引號（right single quotation mark）
"	147	“	左雙引號（left double quotation mark）
"	148	”	右雙引號（right double quotation mark）
?	149	•	著重號（bullet）
–	150	–	短破折號/連字符（en dash）
—	151	—	長破折號（em dash）
?	152	&tilde;	小波浪線（small tilde）
?	153	™	貿易標記符號（trade mark sign）
?	154	&scaron;	帶有 caron 的拉丁文小寫字母 s
?	155	&rsaquo;	右單角引號（single right-pointing angle quotation mark）
?	156	&oelig;	拉丁文小寫連字 oe
	157		未使用（NOT USED）
?	158	&zcaron;	帶有 caron 的拉丁文小寫字母 z
?	159	&Yuml;	帶有分音符（diaeresis）的拉丁文大寫字母 Y
	160		不換行空格（no-break space）
?	161	¡	倒置感嘆號（inverted exclamation mark）
￠	162	¢	美分符號（cent sign）
￡	163	£	英鎊符號（pound sign）
¤	164	¤	貨幣符號（currency sign）
￥	165	¥	日元符號（yen sign）
\|	166	¦	間斷的豎杠（broken bar）
§	167	§	小節號（section sign）
¨	168	¨	分音符號（diaeresis）
?	169	©	版權所有（copyright sign）
a	170	ª	陰性序數記號（feminine ordinal indicator）
?	171	«	左雙角引號（left-pointing double angle quotation mark）
?	172	¬	否定符號（not sign）
	173		軟連字符（soft hyphen）
?	174	®	注冊商標（registered sign）
ˉ	175	¯	長音符號（macron）
°	176	°	度符號（degree sign）
±	177	±	加減號/正負號（plus-minus sign）
2	178	²	上標 2（superscript two）
3	179	³	上標 3（superscript three）
′	180	´	尖音符號（acute accent）
μ	181	µ	微米符號（micro sign）
?	182	¶	段落符號（pilcrow sign）
·	183	·	中間點（middle dot）
?	184	¸	變音符號（cedilla）
1	185	¹	上標 1（superscript one）
o	186	º	陽性序數記號（masculine ordinal indicator）
?	187	»	右雙角引號（right-pointing double angle quotation mark）
?	188	¼	1/4 分數（vulgar fraction one quarter）
?	189	½	1/2 分數（vulgar fraction one half）
?	190	¾	3/4 分數（vulgar fraction three quarters）
?	191	¿	倒置問號（inverted question mark）
à	192	À	帶有重音符號（grave）的拉丁文大寫字母 A
á	193	Á	帶有尖音符號（acute）的拉丁文大寫字母 A
?	194	Â	帶有抑揚音符號（circumflex）的拉丁文大寫字母 A
?	195	Ã	帶有波浪線的拉丁文大寫字母 A
?	196	Ä	帶有分音符（diaeresis）的拉丁文大寫字母 A
?	197	Å	帶有上圓圈的拉丁文大寫字母 A
?	198	Æ	拉丁文大寫字母 AE
?	199	Ç	帶有變音符號（cedilla）的拉丁文大寫字母 C
è	200	È	帶有重音符號（grave）的拉丁文大寫字母 E
é	201	É	帶有尖音符號（acute）的拉丁文大寫字母 E
ê	202	Ê	帶有抑揚符號（circumflex）的拉丁文大寫字母 E
?	203	Ë	帶有分音符（diaeresis）的拉丁文大寫字母 E
ì	204	Ì	帶有重音符號（grave）的拉丁文大寫字母 I
í	205	Í	帶有尖音符號（acute）的拉丁文大寫字母 I
?	206	Î	帶有抑揚音符號（circumflex）的拉丁文大寫字母 I
?	207	Ï	帶有分音符（diaeresis）的拉丁文大寫字母 I
D	208	Ð	拉丁文大寫字母 Eth
?	209	Ñ	帶有波浪線的拉丁文大寫字母 N
ò	210	Ò	帶有重音符號（grave）的拉丁文大寫字母 O
ó	211	Ó	帶有尖音符號（acute）的拉丁文大寫字母 O
?	212	Ô	帶有抑揚音符號（circumflex）的拉丁文大寫字母 O
?	213	Õ	帶有波浪線的拉丁文大寫字母 O
?	214	Ö	帶有分音符（diaeresis）的拉丁文大寫字母 O
×	215	×	乘號（multiplication sign）
?	216	Ø	帶有刪除線的拉丁文大寫字母 O
ù	217	Ù	帶有重音符號（grave）的拉丁文大寫字母 U
ú	218	Ú	帶有尖音符號（acute）的拉丁文大寫字母 U
?	219	Û	帶有抑揚音符號（circumflex）的拉丁文大寫字母 U
ü	220	Ü	帶有分音符（diaeresis）的拉丁文大寫字母 U
Y	221	Ý	帶有尖音符號（acute）的拉丁文大寫字母 Y
T	222	Þ	拉丁文大寫字母 Thorn
?	223	ß	拉丁文小寫字母 sharp s
à	224	à	帶有重音符號（grave）的拉丁文小寫字母 a
á	225	á	帶有尖音符號（acute）的拉丁文小寫字母 a
a	226	â	帶有抑揚音符號（circumflex）的拉丁文小寫字母 a
?	227	ã	帶有波浪線的拉丁文小寫字母 a
?	228	ä	帶有分音符（diaeresis）的拉丁文小寫字母 a
?	229	å	帶有上圓圈的拉丁文小寫字母 a
?	230	æ	拉丁文小寫字母 ae
?	231	ç	帶有變音符號（cedilla）的拉丁文小寫字母 c
è	232	è	帶有重音符號（grave）的拉丁文小寫字母 e
é	233	é	帶有尖音符號（acute）的拉丁文小寫字母 e
ê	234	ê	帶有抑揚音符號（circumflex）的拉丁文小寫字母 e
?	235	ë	帶有分音符（diaeresis）的拉丁文小寫字母 e
ì	236	ì	帶有重音符號（grave）的拉丁文小寫字母 i
í	237	í	帶有尖音符號（acute）的拉丁文小寫字母 i
?	238	î	帶有抑揚音符號（circumflex）的拉丁文小寫字母 i
?	239	ï	帶有分音符（diaeresis）的拉丁文小寫字母 i
e	240	ð	拉丁文小寫字母 eth
?	241	ñ	帶有波浪線的拉丁文小寫字母 n
ò	242	ò	帶有重音符號（grave）的拉丁文小寫字母 o
ó	243	ó	帶有尖音符號（acute）的拉丁文小寫字母 o
?	244	ô	帶有抑揚音符號（circumflex）的拉丁文小寫字母 o
?	245	õ	帶有波浪線的拉丁文小寫字母 o
?	246	ö	帶有分音符（diaeresis）的拉丁文小寫字母 o
÷	247	÷	除號（division sign）
?	248	ø	帶有刪除線的拉丁文小寫字母 o
ù	249	ù	帶有重音符號（grave）的拉丁文小寫字母 u
ú	250	ú	帶有尖音符號（acute）的拉丁文小寫字母 u
?	251	û	帶有抑揚音符號（circumflex）的拉丁文小寫字母 u
ü	252	ü	帶有分音符（diaeresis）的拉丁文小寫字母 u
y	253	ý	帶有尖音符號（acute）的拉丁文小寫字母 y
t	254	þ	拉丁文小寫字母 thorn
?	255	ÿ	帶有分音符（diaeresis）的拉丁文小寫字母 y

ANSI 控制字符

ANSI 控制字符（00-31，加上 127）最初被設計用來控制諸如打印機和磁帶驅動器之類的硬件設備。

控制字符（除了水平制表符、換行、回車之外）在 HTML 文檔中不起任何作用。

字符	編號	描述
NUL	00	空字符（null character）
SOH	01	標題開始（start of header）
STX	02	正文開始（start of text）
ETX	03	正文結束（end of text）
EOT	04	傳輸結束（end of transmission）
ENQ	05	請求（enquiry）
ACK	06	收到通知/響應（acknowledge）
BEL	07	響鈴（bell）
BS	08	退格（backspace）
HT	09	水平制表符（horizontal tab）
LF	10	換行（line feed）
VT	11	垂直制表符（vertical tab）
FF	12	換頁（form feed）
CR	13	回車（carriage return）
SO	14	不用切換（shift out）
SI	15	啟用切換（shift in）
DLE	16	數據鏈路轉義（data link escape）
DC1	17	設備控制 1（device control 1）
DC2	18	設備控制 2（device control 2）
DC3	19	設備控制 3（device control 3）
DC4	20	設備控制 4（device control 4）
NAK	21	拒絕接收/無響應（negative acknowledge）
SYN	22	同步空閑（synchronize）
ETB	23	傳輸塊結束（end transmission block）
CAN	24	取消（cancel）
EM	25	已到介質末端/介質存儲已滿（end of medium）
SUB	26	替補/替換（substitute）
ESC	27	溢出/逃離/取消（escape）
FS	28	文件分隔符（file separator）
GS	29	組分隔符（group separator）
RS	30	記錄分隔符（record separator）
US	31	單元分隔符（unit separator）

DEL	127	刪除（delete）

如您還有不明白的可以在下面與我留言或是與我探討QQ群308855039，我們一起飛！

. 問題描述

在線咨詢

上一篇：前端設計- JavaScript驗證碼制作及實例分析
下一篇：JavaScript和HTML文檔 - 網絡統計學編程

您的項目需求

*請認真填寫需求信息，我們會在24小時內與您取得聯系。

整合營銷服務商

HTML Reference 網頁開發者必備手冊！

. 問題描述

您的項目需求