整合营销服务商

电脑端+手机端+微信端=数据同步管理

免费咨询热线:

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)
048数字 0(digit zero)
149数字 1(digit one)
250数字 2(digit two)
351数字 3(digit three)
452数字 4(digit four)
553数字 5(digit five)
654数字 6(digit six)
755数字 7(digit seven)
856数字 8(digit eight)
957数字 9(digit nine)
:58冒号(colon)
;59分号(semicolon)
<60&lt;小于号(less-than sign)
=61等于号(equals sign)
>62&gt;大于号(greater-than sign)
?63问号(question mark)
@64@ 符号(commercial at)
A65拉丁文大写字母 A
B66拉丁文大写字母 B
C67拉丁文大写字母 C
D68拉丁文大写字母 D
E69拉丁文大写字母 E
F70拉丁文大写字母 F
G71拉丁文大写字母 G
H72拉丁文大写字母 H
I73拉丁文大写字母 I
J74拉丁文大写字母 J
K75拉丁文大写字母 K
L76拉丁文大写字母 L
M77拉丁文大写字母 M
N78拉丁文大写字母 N
O79拉丁文大写字母 O
P80拉丁文大写字母 P
Q81拉丁文大写字母 Q
R82拉丁文大写字母 R
S83拉丁文大写字母 S
T84拉丁文大写字母 T
U85拉丁文大写字母 U
V86拉丁文大写字母 V
W87拉丁文大写字母 W
X88拉丁文大写字母 X
Y89拉丁文大写字母 Y
Z90拉丁文大写字母 Z
[91左方括号(left square bracket)
\92反斜线(reverse solidus)
]93右方括号(right square bracket)
^94插入符号(circumflex accent)
_95下划线(low line)
`96重音符(grave accent)
a97拉丁文小写字母 a
b98拉丁文小写字母 b
c99拉丁文小写字母 c
d100拉丁文小写字母 d
e101拉丁文小写字母 e
f102拉丁文小写字母 f
g103拉丁文小写字母 g
h104拉丁文小写字母 h
i105拉丁文小写字母 i
j106拉丁文小写字母 j
k107拉丁文小写字母 k
l108拉丁文小写字母 l
m109拉丁文小写字母 m
n110拉丁文小写字母 n
o111拉丁文小写字母 o
p112拉丁文小写字母 p
q113拉丁文小写字母 q
r114拉丁文小写字母 r
s115拉丁文小写字母 s
t116拉丁文小写字母 t
u117拉丁文小写字母 u
v118拉丁文小写字母 v
w119拉丁文小写字母 w
x120拉丁文小写字母 x
y121拉丁文小写字母 y
z122拉丁文小写字母 z
{123左花括号(left curly bracket)
|124竖线(vertical line)
}125右花括号(right curly bracket)
~126波浪线(tilde)
127未使用(NOT USED)
128&euro;欧元符号(euro sign)
129未使用(NOT USED)
130&sbquo;下单引号(single low-9 quotation mark)
ƒ131&fnof;带钩的拉丁文小写字母 f
132&bdquo;下双引号(double low-9 quotation mark)
133&hellip;水平省略号(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&lsquo;左单引号(left single quotation mark)
'146&rsquo;右单引号(right single quotation mark)
"147&ldquo;左双引号(left double quotation mark)
"148&rdquo;右双引号(right double quotation mark)
149&bull;着重号(bullet)
150&ndash;短破折号/连字符(en dash)
151&mdash;长破折号(em dash)
˜152&tilde;小波浪线(small tilde)
153&trade;贸易标记符号(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&nbsp;不换行空格(no-break space)
¡161&iexcl;倒置感叹号(inverted exclamation mark)
¢162&cent;美分符号(cent sign)
£163&pound;英镑符号(pound sign)
¤164&curren;货币符号(currency sign)
¥165&yen;日元符号(yen sign)
¦166&brvbar;间断的竖杠(broken bar)
§167&sect;小节号(section sign)
¨168&uml;分音符号(diaeresis)
©169&copy;版权所有(copyright sign)
ª170&ordf;阴性序数记号(feminine ordinal indicator)
«171&laquo;左双角引号(left-pointing double angle quotation mark)
¬172&not;否定符号(not sign)
173&shy;软连字符(soft hyphen)
®174&reg;注册商标(registered sign)
¯175&macr;长音符号(macron)
°176&deg;度符号(degree sign)
±177&plusmn;加减号/正负号(plus-minus sign)
²178&sup2;上标 2(superscript two)
³179&sup3;上标 3(superscript three)
´180&acute;尖音符号(acute accent)
µ181&micro;微米符号(micro sign)
182&para;段落符号(pilcrow sign)
·183&middot;中间点(middle dot)
¸184&cedil;变音符号(cedilla)
¹185&sup1;上标 1(superscript one)
º186&ordm;阳性序数记号(masculine ordinal indicator)
»187&raquo;右双角引号(right-pointing double angle quotation mark)
¼188&frac14;1/4 分数(vulgar fraction one quarter)
½189&frac12;1/2 分数(vulgar fraction one half)
¾190&frac34;3/4 分数(vulgar fraction three quarters)
¿191&iquest;倒置问号(inverted question mark)
À192&Agrave;带有重音符号(grave)的拉丁文大写字母 A
Á193&Aacute;带有尖音符号(acute)的拉丁文大写字母 A
Â194&Acirc;带有抑扬音符号(circumflex)的拉丁文大写字母 A
Ã195&Atilde;带有波浪线的拉丁文大写字母 A
Ä196&Auml;带有分音符(diaeresis)的拉丁文大写字母 A
Å197&Aring;带有上圆圈的拉丁文大写字母 A
Æ198&AElig;拉丁文大写字母 AE
Ç199&Ccedil;带有变音符号(cedilla)的拉丁文大写字母 C
È200&Egrave;带有重音符号(grave)的拉丁文大写字母 E
É201&Eacute;带有尖音符号(acute)的拉丁文大写字母 E
Ê202&Ecirc;带有抑扬符号(circumflex)的拉丁文大写字母 E
Ë203&Euml;带有分音符(diaeresis)的拉丁文大写字母 E
Ì204&Igrave;带有重音符号(grave)的拉丁文大写字母 I
Í205&Iacute;带有尖音符号(acute)的拉丁文大写字母 I
Î206&Icirc;带有抑扬音符号(circumflex)的拉丁文大写字母 I
Ï207&Iuml;带有分音符(diaeresis)的拉丁文大写字母 I
Ð208&ETH;拉丁文大写字母 Eth
Ñ209&Ntilde;带有波浪线的拉丁文大写字母 N
Ò210&Ograve;带有重音符号(grave)的拉丁文大写字母 O
Ó211&Oacute;带有尖音符号(acute)的拉丁文大写字母 O
Ô212&Ocirc;带有抑扬音符号(circumflex)的拉丁文大写字母 O
Õ213&Otilde;带有波浪线的拉丁文大写字母 O
Ö214&Ouml;带有分音符(diaeresis)的拉丁文大写字母 O
×215&times;乘号(multiplication sign)
Ø216&Oslash;带有删除线的拉丁文大写字母 O
Ù217&Ugrave;带有重音符号(grave)的拉丁文大写字母 U
Ú218&Uacute;带有尖音符号(acute)的拉丁文大写字母 U
Û219&Ucirc;带有抑扬音符号(circumflex)的拉丁文大写字母 U
Ü220&Uuml;带有分音符(diaeresis)的拉丁文大写字母 U
Ý221&Yacute;带有尖音符号(acute)的拉丁文大写字母 Y
Þ222&THORN;拉丁文大写字母 Thorn
ß223&szlig;拉丁文小写字母 sharp s
à224&agrave;带有重音符号(grave)的拉丁文小写字母 a
á225&aacute;带有尖音符号(acute)的拉丁文小写字母 a
â226&acirc;带有抑扬音符号(circumflex)的拉丁文小写字母 a
ã227&atilde;带有波浪线的拉丁文小写字母 a
ä228&auml;带有分音符(diaeresis)的拉丁文小写字母 a
å229&aring;带有上圆圈的拉丁文小写字母 a
æ230&aelig;拉丁文小写字母 ae
ç231&ccedil;带有变音符号(cedilla)的拉丁文小写字母 c
è232&egrave;带有重音符号(grave)的拉丁文小写字母 e
é233&eacute;带有尖音符号(acute)的拉丁文小写字母 e
ê234&ecirc;带有抑扬音符号(circumflex)的拉丁文小写字母 e
ë235&euml;带有分音符(diaeresis)的拉丁文小写字母 e
ì236&igrave;带有重音符号(grave)的拉丁文小写字母 i
í237&iacute;带有尖音符号(acute)的拉丁文小写字母 i
î238&icirc;带有抑扬音符号(circumflex)的拉丁文小写字母 i
ï239&iuml;带有分音符(diaeresis)的拉丁文小写字母 i
ð240&eth;拉丁文小写字母 eth
ñ241&ntilde;带有波浪线的拉丁文小写字母 n
ò242&ograve;带有重音符号(grave)的拉丁文小写字母 o
ó243&oacute;带有尖音符号(acute)的拉丁文小写字母 o
ô244&ocirc;带有抑扬音符号(circumflex)的拉丁文小写字母 o
õ245&otilde;带有波浪线的拉丁文小写字母 o
ö246&ouml;带有分音符(diaeresis)的拉丁文小写字母 o
÷247&divide;除号(division sign)
ø248&oslash;带有删除线的拉丁文小写字母 o
ù249&ugrave;带有重音符号(grave)的拉丁文小写字母 u
ú250&uacute;带有尖音符号(acute)的拉丁文小写字母 u
û251&ucirc;带有抑扬音符号(circumflex)的拉丁文小写字母 u
ü252&uuml;带有分音符(diaeresis)的拉丁文小写字母 u
ý253&yacute;带有尖音符号(acute)的拉丁文小写字母 y
þ254&thorn;拉丁文小写字母 thorn
ÿ255&yuml;带有分音符(diaeresis)的拉丁文小写字母 y

ANSI 控制字符

ANSI 控制字符(00-31,加上 127)最初被设计用来控制诸如打印机和磁带驱动器之类的硬件设备。

控制字符(除了水平制表符、换行、回车之外)在 HTML 文档中不起任何作用。

字符编号描述
NUL00空字符(null character)
SOH01标题开始(start of header)
STX02正文开始(start of text)
ETX03正文结束(end of text)
EOT04传输结束(end of transmission)
ENQ05请求(enquiry)
ACK06收到通知/响应(acknowledge)
BEL07响铃(bell)
BS08退格(backspace)
HT09水平制表符(horizontal tab)
LF10换行(line feed)
VT11垂直制表符(vertical tab)
FF12换页(form feed)
CR13回车(carriage return)
SO14不用切换(shift out)
SI15启用切换(shift in)
DLE16数据链路转义(data link escape)
DC117设备控制 1(device control 1)
DC218设备控制 2(device control 2)
DC319设备控制 3(device control 3)
DC420设备控制 4(device control 4)
NAK21拒绝接收/无响应(negative acknowledge)
SYN22同步空闲(synchronize)
ETB23传输块结束(end transmission block)
CAN24取消(cancel)
EM25已到介质末端/介质存储已满(end of medium)
SUB26替补/替换(substitute)
ESC27溢出/逃离/取消(escape)
FS28文件分隔符(file separator)
GS29组分隔符(group separator)
RS30记录分隔符(record separator)
US31单元分隔符(unit separator)
DEL127删除(delete)

如您还有不明白的可以在下面与我留言或是与我探讨QQ群308855039,我们一起飞!

. 问题描述