您的位置：首页 > Web前端 > HTML

Html开发规范

2014-10-31 10:31 267 查看

转载：http://www.fuzhongkuo.com/?cat=7

. 文档类型声明及编码: 应该统一为html5声明类型<!DOCTYPE html>; 编码统一为<meta charset=”gbk” />, 书写时利用IDE实现层次分明的缩进;

TIPS:这里暂时还是用的xhtml1-transitional的DTD，编码申明为GB2312

2. 非特殊情况下样式文件必须外链至<head>…</head>之间;非特殊情况下JavaScript文件必须外链至页面底部;

3. 引入样式文件或JavaScript文件时, 必须略去默认类型声明, 写法如下:

<link rel=”stylesheet” href=”…” />

<style>…</style>

<script src=”…”></script>

4. 引入JS库文件, 文件名必须包含库名称及版本号及是否为压缩版, 比如jquery-1.4.1.min.js; 引入插件, 文件名格式为库名称+插件名称, 比如jQuery.cookie.js;

5. 所有编码必须遵循xhtml标准, 标签 & 属性 & 属性命名必须由小写字母及下划线数字组成, 且所有标签必须闭合, 包括 br (<br />), hr(<hr />)等; 属性值必须用双引号包括;

6. 应该充分利用无兼容性问题的html自身标签, 比如span, em, strong, optgroup, label,等等; 需要为html元素添加自定义属性的时候, 首先要考虑下有没有默认的已有的合适标签去设置, 如果没有, 可以使用须以”data-”为前缀来添加自定义属性，避免使用”data:”等其他命名方式;

7. 应该语义化html, 如标题根据重要性用h*(同一页面只能有一个h1), 段落标记用p, 列表用ul, 内联元素中不可嵌套块级元素;

8. 应该尽可能减少div嵌套, 如<div><div class=”welcome”>欢迎访问XXX, 您的用户名是<div class=”name”>用户名</div></div></div>完全可以用以下代码替代: <div><p>欢迎访问XXX, 您的用户名是<span>用户名</span></p></div>;

9. 书写链接地址时, 必须避免重定向，例如：href=”http://itaolun.com/”, 即必须在URL地址后面加上“/”；

10. 在页面中尽量避免使用style属性,即style=”…”;

TIPS:这里尽量避免不用，不代表不可以用，对于一些只在一个地方用到的样式，完全可以写inline-style,速度优于文件加载的速度。

11. 必须为含有描述性表单元素(input, textarea)添加label, 如<p>姓名: <input type=”text” id=”name” name=”name” /></p>须写成:<p><label for=”name”>姓名: </label><input type=”text” id=”name” /></p>

12. 重要图片必须加上alt属性; 给重要的元素和截断的元素加上title;

13. 给区块代码及重要功能(比如循环)必须加上注释, 方便后台添加功能;

14. 特殊符号使用: 应该尽可能使用代码替代: 比如 <(<) & >(>) & 空格( ) & »(») 等等;

15. 书写代码前, 考虑并提高样式重复使用率；书写页面过程中, 应该考虑向后扩展性;

THIS ENTRY WAS POSTED IN HTML.

HTML5基础

BY ADMIN // 2014/02/12 // NO
COMMENTS

什么是HTML5？

HTML5是用于取代1999年所制定的 HTML 4.01 和 XHTML 1.0 标准的 HTML 标准版本，现在仍处于发展阶段，但大部分浏览器已经支持某些 HTML5 技术。HTML 5有两大特点：首先，强化了 Web 网页的表现性能。其次，追加了本地数据库等 Web 应用的功能。广义论及HTML5时，实际指的是包括HTML、CSS和JavaScript在内的一套技术组合。它希望能够减少浏览器对于需要插件的丰富性网络应用服务（plug-in-based rich internet application，RIA)，如Adobe
Flash、Microsoft Silverlight，与Oracle JavaFX的需求，并且提供更多能有效增强网络应用的标准集。

HTML5的特性

A. 语义特性（Class：Semantic）

HTML5赋予网页更好的意义和结构。更加丰富的标签将随着对RDFa的，微数据与微格式等方面的支持，构建对程序、对用户都更有价值的数据驱动的Web。

B. 本地存储特性（Class: OFFLINE & STORAGE）

基于HTML5开发的网页APP拥有更短的启动时间，更快的联网速度，这些全得益于HTML5 APP Cache，以及本地存储功能。Indexed DB（html5本地存储最重要的技术之一）和API说明文档。

C. 设备兼容特性 (Class: DEVICE ACCESS)

从Geolocation 功能的API文档公开以来，HTML5为网页应用开发者们提供了更多功能上的优化选择，带来了更多体验功能的优势。HTML5提供了前所未有的数据与应用接入开放接口。使外部应用可以直接与浏览器内部的数据直接相连，例如视频影音可直接与microphones及摄像头相联

D. 连接特性（Class: CONNECTIVITY）

更有效的连接工作效率，使得基于页面的实时聊天，更快速的网页游戏体验，更优化的在线交流得到了实现。HTML5拥有更有效的服务器推送技术，Server-Sent Event和WebSockets就是其中的两个特性，这两个特性能够帮助我们实现服务器将数据’推送’到客户端的功能。

E. 网页多媒体特性(Class: MULTIMEDIA)

支持网页端的Audio、Video等多媒体功能，与网站自带的APPS，摄像头，影音功能相得益彰。

F. 三维、图形及特效特性（Class: 3D, Graphics & Effects）

基于SVG、Canvas、WebGL及CSS3的3D功能，用户会惊叹于在浏览器中，所呈现的惊人视觉效果。

G. 性能与集成特性（Class: Performance & Integration）

没有用户会永远等待你的Loading——HTML5会通过XMLHttpRequest2等技术，帮助您的Web应用和网站在多样化的环境中更快速的工作。

H. CSS3特性(Class: CSS3)

在不牺牲性能和语义结构的前提下，CSS3中提供了更多的风格和更强的效果。此外，较之以前的Web排版，Web的开放字体格式（WOFF）也提供了更高的灵活性和控制性。

HTML4和HTML5的十大关键区别？

1.HTML5标准还在制定中

首先要注意的是，HTML5虽然现在很火，但是HTML5标准还在制定中，标准仍在改变。HTML4已经10多年了，不会有任何改变了。

2.简化的语法

HTML5简化了很多细微的语法，例如doctype的声明，你只需要写<!doctype html>就行了。HTML5与HTML5，XHTML1兼容，但是与SGML不兼容。

3.<canvas>标签替代Flash

Flash给很多Web开发者带来了麻烦，要在网页上播放Flash需要一堆代码和插件。<canvas>标签使得开发者只要使用一个标签就能和用户产生UI交互。虽然目前<canvas>标签还不能实现Flash的所有功能，但是很快<canvas>就会让 Flash看起来老土，哈哈！

4.新增<header>和<footer>标签

HTML5设计的一个原则是更好的体现网站的语义性，所以增加了<header>和<footer>这样的标签，用来明确表示网页的结构。

5.新增<section>和<article>标签

与<header>，<footer>类似，<section>和<article>也有利于清晰化网页的结构，更有利于SEO。

6.新增<menu>和<figure>标签

<menu>可以被用于创建传统的菜单，也可以用于工具栏和上下文菜单。<figure>标签使得网页文字和图片的排版更专业。

7.新增<audio>和<video>标签

这两个标签可能是HTML5里面最有用的两个标签了。顾名思义，这两个标签是用来播放音频和视频的。

8.全新的表单

HTML5对<form>和<forminput>标签进行了大量修改，添加了很多新的属性，也修改了很多属性。

9.删除<b>和<font>标签

这个改进我还无法理解。我不认为删除这两个标签对代码的改进有很大的帮助。官方的解释是应该用CSS来替代这两个标签。但我还是觉得对于简单的文本，这两个标签还是很方便的。

10.删除<frame>，<center>，<big>标签

THIS ENTRY WAS POSTED IN HTML.

html规范

BY ADMIN // 2014/02/12 // NO
COMMENTS

标题和内容

<div class=”title”>

<h2>标签的语义</h2>

<a href=”#”>更多>></a>

</div>

<p>段落一的内容<strong>根据浏览器的默认样式 </strong></p>

<p>段落二的内容</p>

表单

实例：

<form action=”" method=”">

<fieldset> //字段集

<legend>登录表单</legend>

<p>

<label for=”name”>帐号：</label>

<input type=”text” id=”name”/>

</p>

<p>

<label for=”pw”>密码：</label>

<input type=”password” id=”pw”/>

</p>

<input type=”submit” value=”登陆“ class=”subBtn” />

</fieldset>

</form>

说明：

<表单 action=”" method=”" class=”fieldset”>

<域集>

<域集名>登录表单</域集名>

<段落>

<表单项说明 for=”name”>帐号：</表单项说明>

<表单项 type=”text” id=”name” />

</段落>

<段落>

<表单项说明 for=”pw”>密码：</表单项说明 >

<表单项 type=”password” id=”pw” />

</段落>

<表单项 type=”submit” value=”登陆“ class=”subBtn” />

</域集>

</表单>

表格

实例：

<table border=”1″>

<caption>几种页面实现的比较</caption> //标题

<thead>

<tr>

<th>实现方式</th>

<th>代码量</th>

<th>搜索引擎友好</th>

<th>特殊终端兼容</th>

</tr>

</thead>

<tbody>

<tr>

<th>table布局</th>

<td>多</td>

<td>差</td>

<td>一般</td>

</tr>

<tr>

<th>乱用标签的 CSS 布局</th>

<td>少</td>

<td>一般</td>

<td>差</td>

</tr>

<tr>

<th>标签语义良好的 CSS 布局</th>

<td>少</td>

<td>好</td>

<td>好</td>

</tr>

</tbody>

<rfoot>

</tfoot>

</table>

说明：

<表格 border=”1″>

<表格标题>几种页面实现的比较</表格标题>

<表格头部>

<表格行>

<表头>实现方式</表头>

<表头>代码量</表头>

<表头>搜索引擎友好</表头>

<表头>特殊终端兼容</表头>

</表格行>

</表格头部>

<表格主体>

<表格行>

<表头>table 布局</表头>

<表格单元格>多</表格单元格>

<表格单元格>差</表格单元格>

<表格单元格>一般</表格单元格>

</表格行>

<表格行>

<表头>乱用标签的 CSS 布局</表头>

<表格单元格>少</表格单元格>

<表格单元格>一般</表格单元格>

<表格单元格>差</表格单元格>

</表格行>

<表格行>

<表头>标签语义良好的 CSS 布局</表头>

<表格单元格>少</表格单元格>

<表格单元格>好</表格单元格>

<表格单元格>好</表格单元格>

</表格行>

</表格主体>

</表格底部>

</表格底部>

</表格>

THIS ENTRY WAS POSTED IN HTML.

HTML5新增属性

BY ADMIN // 2013/12/30 // NO
COMMENTS

a和area下的media属性

为了和link元素保存一致性，a元素和area元素也都增加了media属性，只有在href存在时菜有效。media属性的意思是目标 URL 是为何种媒介/设备优化的，默认值是all，详细语法规范请访问：http://dev.w3.org/csswg/css3-mediaqueries/#media0

代码示例：

<a href="att_a_media.asp?output=print" media="print and (resolution:300dpi)">
HTML5 a media attribute.
</a>

area下的hreflang, type, rel属性

为了保存和a元素以及link元素的一致性，area元素增加了hreflang, type, rel等属性。

属性	值	描述
hreflang	language_code	规定目标 URL 的语言
media	media query	规定目标 URL 是为何种媒介/设备优化的
rel	alternate, author, bookmark, external, help, license, next, nofollow, noreferrer, prefetch, prev, search, sidebar, tag	规定当前文档与目标 URL 之间的关系
type	mime_type	规定目标 URL 的 MIME 类型

base下的target属性

base下的target属性和a的target属性是一样的，目的很多老版本浏览器早就一起支持了。

注1：target必须在所有连接元素之前声明。

注2：如果声明多个，以第一个为准。

<!DOCTYPE html>
<html>
<head>
<title>This is an example for the <base> element</title>
<base href="http://www.example.com/news/index.html">
</head>
<body>
<p>Visit the <a href="archives.html">archives</a>.</p>
</body>
</html>

点击上面的连接，将跳转到http://www.example.com/news/archives.html。

meta下的charset属性

charset是用来定义文档的encoding方式的，如果在XML里定义了该属性，则charset的值必须是不区分大小写的ASCII以便match UTF-8，因为XML文档强制使用UTF-8作为encoding方式的。

注：meta属性上的charset属性在XML文档里是不起作用的，仅仅是为了方便与XHTML直接互相迁移。

不能声明多个带有charset属性的meta元素。

在HTML4里，我们不得不这样定义：

<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">

在HTML5里，我们这样定义就行了：

<meta charset="ISO-8859-1">

autofocus属性

HTML5为input, select, textarea和button元素增加了一个autofocus属性（hidden的input不能使用），它提供了一种声明式的方式来定义当页面 load以后，焦点自动作用于当前元素上。使用autofocus可以提高用户体验，比如我们在登录页面设置，页面load以后自动将焦点设置到用户名的 textbox上。

<input maxlength="256" name="loginName" value="" autofocus>
<input type="submit" value="Login">

注1：一个页面声明一次autofocus属性。

注2：一个页面里不是必须要设置autofocus的。

placeholder属性

input和textarea元素新增加了placeholder属性，该属性是提升用户输入内容。当用户点击的时候，该内容文本自动消失，离开焦点并且值为空的话，再次显示。以前我们都是使用JavaScript代码来实现，其实蛮复杂的，有了placeholder属性就爽了，直接写成下面下这样的代码：

<input type="username" placeholder="请输入你的用户名">

form属性

form属性（不是<form>元素），是一个划时代的属性，它允许你将<form>表单里的表单控件声明在表单外门，只需要在相应的控件上设置form属性为指定的<form>表单的id就行了，不需要非得把元素声明在<form>元素里了，解放啦。

代码如下：

<label>Email:
<input type="email" form="foo" name="email">
</label>
<form id="foo"></form>

支持该属性的元素有：input, output, select, textarea, button, label, object和fieldset。

required属性

required属性是一个验证属性，表明该控件是必填项，在submit表单之前必须填写。可用的元素是：input, select和textarea（例外： type类型为hidden, image或类似submit的input元素）。

如果在select上使用required属性，那就得设置一个带有空值的占位符option。代码如下：

<label>Color: <select name=color required>
<option value="">Choose one
<option>Red
<option>Green
<option>Blue
</select></label>

fieldset下的disabled属性

当fieldset的设置disabled属性时，其所有的子控件都被禁用掉了，但不包括legend里的元素。name属性是用来脚本访问的。

代码1：

<form>
<fieldset name="clubfields" disabled>
<legend> <label>
<input type=checkbox name=club onchange="form.clubfields.disabled = !checked">
Use Club Card
</label> </legend>
<p><label>Name on card: <input name=clubname required></label></p>
<p><label>Card number: <input name=clubnum required pattern="[-0-9]+"></label></p>
<p><label>Expiry date: <input name=clubexp type=month></label></p>
</fieldset>
</form>

当点击legend里的checkbox的时候，会自动切换fieldset子元素的disabled状态。

代码2：

<form>
<fieldset name="clubfields">
<legend>
<label>
<input type="checkbox" name="club" onchange="form.clubfields.disabled = !checked">
Use Club Card
</label>
</legend>
<p>
<label>
Name on card:
<input name="clubname" required></label></p>
<fieldset name="numfields">
<legend>
<label>
<input type="radio" checked name="clubtype" onchange="form.numfields.disabled = !checked">
My card has numbers on it
</label>
</legend>
<p>
<label>
Card number:
<input name="clubnum" required pattern="[-0-9]+"></label></p>
</fieldset>
<fieldset name="letfields" disabled>
<legend>
<label>
<input type="radio" name="clubtype" onchange="form.letfields.disabled = !checked">
My card has letters on it
</label>
</legend>
<p>
<label>
Card code:
<input name="clublet" required pattern="[A-Za-z]+"></label></p>
</fieldset>
</fieldset>
</form>

在这个例子，当你外面的 “Use Club Card” checkbox没有选中的时候，里面的子控件都是被禁用的，如果选中了，两个radiobutton都可用了，然后可以选择哪一个子fieldset你想让它可用。

input下的新属性(autocomplete, min, max, multiple, pattern, step)

input下增加了几个用于约束输入内容的属性（autocomplete, min, max, multiple, pattern和step），目前只有部分浏览器支持required和autocomplete属性，其它属性尚未支持。

autocomplete 属性规定输入字段是否应该启用自动完成功能, 自动完成允许浏览器预测对字段的输入。当用户在字段开始键入时，浏览器基于之前键入过的值，应该显示出在字段中填写的选项。

<form action="demo_form.asp" method="get" autocomplete="on">
First name:<input type="text" name="fname" /><br />
Last name: <input type="text" name="lname" /><br />
E-mail: <input type="email" name="email" autocomplete="off" /><br />
<input type="submit" />
</form>

注释：autocomplete 属性适用于 <form>，以及下面的 <input> 类型：text, search, url, telephone, email, password, datepickers, range 以及 color。

另外也可以声明一个list属性，用来和存放数据的datalist元素关联：

<form>
<label>Homepage: <input name=hp type=url list=hpurls></label>
<datalist id=hpurls>
<option value="http://www.google.com/" label="Google">
<option value="http://www.reddit.com/" label="Reddit">
</datalist>
</form>

当input为空的时候，双击它，就会弹出提示选项（选项内容就是定义的label（Google/Reddit））。选择一个label就会将对应的value地址更新到input里（目前FF支持）。

datalist的声明形式可以有多种：

<datalist id="breeds">
<option value="Abyssinian">
<option value="Alpaca">
<!-- ... -->
</datalist>
或者
<datalist id="breeds">
<label>
or select one from the list:
<select name="breed">
<option value=""> (none selected)
<option>Abyssinian
<option>Alpaca
<!-- ... -->
</select>
</label>
</datalist>

另外，当input的type为image的时候，input还支持width和height属性用来指定图片的大小。

dirname属性

input 和 textarea 元素有了一个新元素 dirname，用于用户所设置的提交的方向性的控制(译注，即书写的方向性，ltr或rtl)。

<form action="addcomment.cgi" method=post>
<p><label>Comment: <input type=text name="comment" dirname="comment.dir" required></label></p>
<p><button name="mode" type=submit value="add">Post Comment</button></p>
</form>

用户提交的时候，浏览器会接收到3个参数，分别是：comment, comment.dir和mode，类似下面这样：comment=Hello&comment.dir=ltr&mode=add

如果是阿拉伯文的浏览器，输入的是阿拉伯文مرحبًا的话，那传回的参数就应该是这样的：

comment=%D9%85%D8%B1%D8%AD%D8%A8%D9%8B%D8%A7&comment.dir=rtl&mode=add

textarea下的maxlength和wrap属性

textarea新增的maxlength和input的maxlength是一样的，都是限制最大长度的。

新增的wrap属性为枚举值（soft/hard），意思分别是：

hard：自动硬回车换行，换行标记一同被传送到服务器中去，必须与cols同时使用才能判断多少字符换行；

soft：自动软回车换行，换行标记不会传送到服务器中去

form下的novalidate属性

新增属性novalidate的意思是允许form表单不验证即可提交（不用管form里的元素是否有验证条件，例如required, min, max等）。

例子代码：

<form action="demo_form.asp" novalidate="novalidate">
E-mail: <input type="email" name="user_email" />
<input type="submit" />
</form>

还有一种用法是，同一个form里有多个submit按钮，可以针对某个按钮设置formnovalidate属性来忽略验证，例如：

<form action="editor.cgi" method="post">
<p><label>Name: <input required name=fn></label></p>
<p><label>Essay: <textarea required name=essay></textarea></label></p>
<p><input type=submit name=submit value="Submit essay"></p>
<p><input type=submit formnovalidate name=save value="Save essay"></p>
<p><input type=submit formnovalidate name=cancel value="Cancel"></p>
</form>

该form只有在点击Submit essay按钮的时候才验证表单，另外2个按钮不验证。

input与button下的新属性

input和button元素新增加了几个新属性（formaction, formenctype, formmethod, formnovalidate和formtarget），如果这些设置这些属性的话，那所对应的form属性值将被覆盖，即input或button所属的form元素的action, enctype, method, novalidate和target属性的值将被覆盖。

例子代码：

<form action="demo_form.asp" method="get">
First name: <input type="text" name="fname" /><br />
Last name: <input type="text" name="lname" /><br />
<input type="submit" value="Submit" />
<input type="submit" formmethod="post" formaction="demo_post.asp" value="Submit" />
</form>

<form action="demo_form.asp" method="get">
First name: <input type="text" name="fname" /><br />
Last name: <input type="text" name="lname" /><br />
<input type="submit" value="Submit" /><br />
<input type="submit" formaction="demo_admin.asp" value="Submit as admin" />
</form>

<form action="demo_form.asp" method="get">
First name: <input type="text" name="fname" /><br />
Last name: <input type="text" name="lname" /><br />
<input type="submit" value="Submit" />
<input type="submit" formtarget="_blank" value="Submit" />
</form>

menu下的type和label属性

menu 元素有了两个新属性：type 和 label。它们允许元素转化成典型用户界面里的菜单，并结合全局 contextmenu 属性提供上下文菜单。

style下的scoped属性

style 元素有了一个新的 scoped 属性，用来启用限定作用范围的样式表。在一个这样的 style 元素里的样式规则只应用到当前style元素的父元素根下的子树，即兄弟树。

<!-- 这个article正常使用head里声明的style -->
<article>
<h1>Blah Title Blah</h1>
<p>Blah blah article blah blah.</p>
</article>

<article>
<!-- 这里声明的style只能让该article以及子元素使用 -->
<style scoped>
h1 { color: hotpink; }
article { border: solid 1px hotpink; }
</style>
<h1>Blah Title Blah</h1>
<p>Blah blah article blah blah.</p>
</article>

script下的async属性

async属性可以让script加载的脚步异步执行（即必须是src引用文件的形式才可以用），例如：

<script type="text/javascript" src="demo_async.js" async="async"></script>

有多种执行外部脚本的方法：

如果 async=”async”：脚本相对于页面的其余部分异步执行（当页面继续进行解析时，脚本将被执行）

如果不使用 async 且 defer=”defer”：脚本将在页面完成解析时执行

如果既不使用 async 也不使用 defer：在浏览器继续解析页面之前，立即读取并执行脚本

html下的manifest属性

html 元素有了一个新属性 manifest，指向一个用于结合离线Web应用API的应用程序缓存清单。

首先，需要先创建manifest文件

CACHE MANIFEST
#This is a comment

CACHE #需要缓存的文件
index.html
style.css

NETWORK: #不需要缓存的文件
search.php
login.php

FALLBACK: #资源不可用的情况下，重定向的地址
/api offline.html

然后加该文的地址加到html属性里：

<html manifest="/offline.manifest">

例子：http://www.mangguo.org/create-offline-html5-web-apps-in-5-easy-steps/

link下的sizes属性

link 元素有了一个新的属性 sizes。可以结合 icon 的关系(通过设置 rel 属性，可被用于如网站图示)一起使用来表明被引用图标的大小。因此允许了不同的尺寸的图标。

例子代码：

<link rel="icon" href="demo_icon.gif" type="image/gif" sizes="16x16" />

ol下的reversed属性

ol 元素有了一个新属性 reversed。当其存在时，代表列表中的顺序为降序。

iframe下的sanddbox, seamless和srcdoc属性

iframe 元素有了三个新属性分别是 sandbox, seamless, 和 srcdoc，用以允许沙箱内容，例如，博客评论。

例子代码：

<iframe sandbox src="#"></iframe>
<iframe sandbox="allow-same-origin allow-forms allow-scripts"
src="#"></iframe>

Seamless:

<nav><iframe seamless src="nav.include.html"></iframe></nav>

video和audio的play属性

HTML5也使得所有来自HTML4的事件处理属性（那些形如 onevent-name 的属性）变成全局属性，并为其定义的新的事件添加了几个新的事件处理属性。比如，媒体元素(video 和 audio)API所使用的 play 事件。

可编辑属性

可编辑属性可以兼容所有的浏览器包括IE6，现在大部分的编辑器都是使用这个功能。我的代码里面也加了，就是contenteditable=”true”,

true,或者是一个空字符串

,表明该元素可编辑.

false

表明该元素不可编辑.

inherit

表明该元素继承了其父元素的可编辑状态.

废除的属性

HTML4中一些属性在HTML5中不再被使用，而是采用其他属性或其他方式进行替代。

在HTML 4中使用的属性	使用该属性的元素	在HTML 5中的替代方案
rev	link、a	rel
charset	link、a	在被链接的资源的中使用HTTP Content-type头元素
shape、coords	a	使用area元素代替a元素
longdesc	img、iframe	使用a元素链接到校长描述
target	link	多余属性，被省略
nohref	area	多余属性，被省略
profile	head	多余属性，被省略
version	html	多余属性，被省略
name	img	id
scheme	meta	只为某个表单域使用scheme
archive、chlassid、codebose、codetype、declare、standby	object	使用data与typc属性类调用插件。需要使用这些属性来设置参数时，使用param属性
valuetype、type	param	使用name与value属性，不声明之的MIME类型
axis、abbr	td、th	使用以明确简洁的文字开头、后跟详述文字的形式。可以对更详细内容使用title属性，来使单元格的内容变得简短
scope	td	在被链接的资源的中使用HTTP Content-type头元素
align	caption、input、legend、div、h1、h2、h3、h4、h5、h6、p	使用CSS样式表替代
alink、link、text、vlink、background、bgcolor	body	使用CSS样式表替代
align、bgcolor、border、cellpadding、cellspacing、frame、rules、width	table	使用CSS样式表替代
align、char、charoff、height、nowrap、valign	tbody、thead、tfoot	使用CSS样式表替代
align、bgcolor、char、charoff、height、nowrap、valign、width	td、th	使用CSS样式表替代
align、bgcolor、char、charoff、valign	tr	使用CSS样式表替代
align、char、charoff、valign、width	col、colgroup	使用CSS样式表替代
align、border、hspace、vspace	object	使用CSS样式表替代
clear	br	使用CSS样式表替代
compace、type	ol、ul、li	使用CSS样式表替代
compace	dl	使用CSS样式表替代
compace	menu	使用CSS样式表替代
width	pre	使用CSS样式表替代
align、hspace、vspace	img	使用CSS样式表替代
align、noshade、size、width	hr	使用CSS样式表替代
align、frameborder、scrolling、marginheight、marginwidth	iframe	使用CSS样式表替代
autosubmit	menu

THIS ENTRY WAS POSTED IN HTML.

HTML特殊符号对照表

BY ADMIN // 2013/07/18 // NO
COMMENTS

特殊符号	命名实体	十进制编码	特殊符号	命名实体	十进制编码
Α	Α	Α	Β	Β	Β
Γ	Γ	Γ	Δ	Δ	Δ
Ε	Ε	Ε	Ζ	Ζ	Ζ
Η	Η	Η	Θ	Θ	Θ
Ι	Ι	Ι	Κ	Κ	Κ
Λ	Λ	Λ	Μ	Μ	Μ
Ν	Ν	Ν	Ξ	Ξ	Ξ
Ο	Ο	Ο	Π	Π	Π
Ρ	Ρ	Ρ	Σ	Σ	Σ
Τ	Τ	Τ	Υ	Υ	Υ
Φ	Φ	Φ	Χ	Χ	Χ
Ψ	Ψ	Ψ	Ω	Ω	Ω
α	α	α	β	β	β
γ	γ	γ	δ	δ	δ
ε	ε	ε	ζ	ζ	ζ
η	η	η	θ	θ	θ
ι	ι	ι	κ	κ	κ
λ	λ	λ	μ	μ	μ
ν	ν	ν	ξ	ξ	ξ
ο	ο	ο	π	π	π
ρ	ρ	ρ	ς	ς	ς
σ	σ	σ	τ	τ	τ
υ	υ	υ	φ	φ	φ
χ	χ	χ	ψ	ψ	ψ
ω	ω	ω	ϑ	ϑ	ϑ
ϒ	ϒ	ϒ	ϖ	ϖ	ϖ
•	•	•	…	…	…
′	′	′	″	″	″
‾	‾	‾	⁄	⁄	⁄
℘	℘	℘	ℑ	ℑ	ℑ
ℜ	ℜ	ℜ	™	™	™
ℵ	ℵ	ℵ	←	←	←
↑	↑	↑	→	→	→
↓	↓	↓	↔	↔	↔
↵	↵	↵	⇐	⇐	⇐
⇑	⇑	⇑	⇒	⇒	⇒
⇓	⇓	⇓	⇔	⇔	⇔
∀	∀	∀	∂	∂	∂
∃	∃	∃	∅	∅	∅
∇	∇	∇	∈	∈	∈
∉	∉	∉	∋	∋	∋
∏	∏	∏	∑	∑	−
−	−	−	∗	∗	∗
√	√	√	∝	∝	∝
∞	∞	∞	∠	∠	∠
∧	∧	⊥	∨	∨	⊦
∩	∩	∩	∪	∪	∪
∫	∫	∫	∴	∴	∴
∼	∼	∼	≅	≅	≅
≈	≈	≅	≠	≠	≠
≡	≡	≡	≤	≤	≤
≥	≥	≥	⊂	⊂	⊂
⊃	⊃	⊃	⊄	⊄	⊄
⊆	⊆	⊆	⊇	⊇	⊇
⊕	⊕	⊕	⊗	⊗	⊗
⊥	⊥	⊥	⋅	⋅	⋅
⌈	⌈	⌈	⌉	⌉	⌉
⌊	⌊	⌊	⌋	⌋	⌋
◊	◊	◊	♠	♠	♠
♣	♣	♣	♥	♥	♥
♦	♦	♦
¡	¡	¡	¢	¢	¢
£	£	£	¤	¤	¤
¥	¥	¥	¦	¦	¦
§	§	§	¨	¨	¨
©	©	©	ª	ª	ª
«	«	«	¬	¬	¬
			®	®	®
¯	¯	¯	°	°	d°
±	±	±	²	²	²
³	³	³	´	´	´
µ	µ	µ

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航

特殊符号	命名实体	十进制编码	特殊符号	命名实体	十进制编码
Α	Α	Α	Β	Β	Β
Γ	Γ	Γ	Δ	Δ	Δ
Ε	Ε	Ε	Ζ	Ζ	Ζ
Η	Η	Η	Θ	Θ	Θ
Ι	Ι	Ι	Κ	Κ	Κ
Λ	Λ	Λ	Μ	Μ	Μ
Ν	Ν	Ν	Ξ	Ξ	Ξ
Ο	Ο	Ο	Π	Π	Π
Ρ	Ρ	Ρ	Σ	Σ	Σ
Τ	Τ	Τ	Υ	Υ	Υ
Φ	Φ	Φ	Χ	Χ	Χ
Ψ	Ψ	Ψ	Ω	Ω	Ω
α	α	α	β	β	β
γ	γ	γ	δ	δ	δ
ε	ε	ε	ζ	ζ	ζ
η	η	η	θ	θ	θ
ι	ι	ι	κ	κ	κ
λ	λ	λ	μ	μ	μ
ν	ν	ν	ξ	ξ	ξ
ο	ο	ο	π	π	π
ρ	ρ	ρ	ς	ς	ς
σ	σ	σ	τ	τ	τ
υ	υ	υ	φ	φ	φ
χ	χ	χ	ψ	ψ	ψ
ω	ω	ω	ϑ	ϑ	ϑ
ϒ	ϒ	ϒ	ϖ	ϖ	ϖ
•	•	•	…	…	…
′	′	′	″	″	″
‾	‾	‾	⁄	⁄	⁄
℘	℘	℘	ℑ	ℑ	ℑ
ℜ	ℜ	ℜ	™	™	™
ℵ	ℵ	ℵ	←	←	←
↑	↑	↑	→	→	→
↓	↓	↓	↔	↔	↔
↵	↵	↵	⇐	⇐	⇐
⇑	⇑	⇑	⇒	⇒	⇒
⇓	⇓	⇓	⇔	⇔	⇔
∀	∀	∀	∂	∂	∂
∃	∃	∃	∅	∅	∅
∇	∇	∇	∈	∈	∈
∉	∉	∉	∋	∋	∋
∏	∏	∏	∑	∑	−
−	−	−	∗	∗	∗
√	√	√	∝	∝	∝
∞	∞	∞	∠	∠	∠
∧	∧	⊥	∨	∨	⊦
∩	∩	∩	∪	∪	∪
∫	∫	∫	∴	∴	∴
∼	∼	∼	≅	≅	≅
≈	≈	≅	≠	≠	≠
≡	≡	≡	≤	≤	≤
≥	≥	≥	⊂	⊂	⊂
⊃	⊃	⊃	⊄	⊄	⊄
⊆	⊆	⊆	⊇	⊇	⊇
⊕	⊕	⊕	⊗	⊗	⊗
⊥	⊥	⊥	⋅	⋅	⋅
⌈	⌈	⌈	⌉	⌉	⌉
⌊	⌊	⌊	⌋	⌋	⌋
◊	◊	◊	♠	♠	♠
♣	♣	♣	♥	♥	♥
♦	♦	♦
¡	¡	¡	¢	¢	¢
£	£	£	¤	¤	¤
¥	¥	¥	¦	¦	¦
§	§	§	¨	¨	¨
©	©	©	ª	ª	ª
«	«	«	¬	¬	¬
			®	®	®
¯	¯	¯	°	°	d°
±	±	±	²	²	²
³	³	³	´	´	´
µ	µ	µ

特殊符号	命名实体	十进制编码	特殊符号	命名实体	十进制编码
Α	Α	Α	Β	Β	Β
Γ	Γ	Γ	Δ	Δ	Δ
Ε	Ε	Ε	Ζ	Ζ	Ζ
Η	Η	Η	Θ	Θ	Θ
Ι	Ι	Ι	Κ	Κ	Κ
Λ	Λ	Λ	Μ	Μ	Μ
Ν	Ν	Ν	Ξ	Ξ	Ξ
Ο	Ο	Ο	Π	Π	Π
Ρ	Ρ	Ρ	Σ	Σ	Σ
Τ	Τ	Τ	Υ	Υ	Υ
Φ	Φ	Φ	Χ	Χ	Χ
Ψ	Ψ	Ψ	Ω	Ω	Ω
α	α	α	β	β	β
γ	γ	γ	δ	δ	δ
ε	ε	ε	ζ	ζ	ζ
η	η	η	θ	θ	θ
ι	ι	ι	κ	κ	κ
λ	λ	λ	μ	μ	μ
ν	ν	ν	ξ	ξ	ξ
ο	ο	ο	π	π	π
ρ	ρ	ρ	ς	ς	ς
σ	σ	σ	τ	τ	τ
υ	υ	υ	φ	φ	φ
χ	χ	χ	ψ	ψ	ψ
ω	ω	ω	ϑ	ϑ	ϑ
ϒ	ϒ	ϒ	ϖ	ϖ	ϖ
•	•	•	…	…	…
′	′	′	″	″	″
‾	‾	‾	⁄	⁄	⁄
℘	℘	℘	ℑ	ℑ	ℑ
ℜ	ℜ	ℜ	™	™	™
ℵ	ℵ	ℵ	←	←	←
↑	↑	↑	→	→	→
↓	↓	↓	↔	↔	↔
↵	↵	↵	⇐	⇐	⇐
⇑	⇑	⇑	⇒	⇒	⇒
⇓	⇓	⇓	⇔	⇔	⇔
∀	∀	∀	∂	∂	∂
∃	∃	∃	∅	∅	∅
∇	∇	∇	∈	∈	∈
∉	∉	∉	∋	∋	∋
∏	∏	∏	∑	∑	−
−	−	−	∗	∗	∗
√	√	√	∝	∝	∝
∞	∞	∞	∠	∠	∠
∧	∧	⊥	∨	∨	⊦
∩	∩	∩	∪	∪	∪
∫	∫	∫	∴	∴	∴
∼	∼	∼	≅	≅	≅
≈	≈	≅	≠	≠	≠
≡	≡	≡	≤	≤	≤
≥	≥	≥	⊂	⊂	⊂
⊃	⊃	⊃	⊄	⊄	⊄
⊆	⊆	⊆	⊇	⊇	⊇
⊕	⊕	⊕	⊗	⊗	⊗
⊥	⊥	⊥	⋅	⋅	⋅
⌈	⌈	⌈	⌉	⌉	⌉
⌊	⌊	⌊	⌋	⌋	⌋
◊	◊	◊	♠	♠	♠
♣	♣	♣	♥	♥	♥
♦	♦	♦
¡	¡	¡	¢	¢	¢
£	£	£	¤	¤	¤
¥	¥	¥	¦	¦	¦
§	§	§	¨	¨	¨
©	©	©	ª	ª	ª
«	«	«	¬	¬	¬
			®	®	®
¯	¯	¯	°	°	d°
±	±	±	²	²	²
³	³	³	´	´	´
µ	µ	µ

特殊符号	命名实体	十进制编码	特殊符号	命名实体	十进制编码
Α	Α	Α	Β	Β	Β
Γ	Γ	Γ	Δ	Δ	Δ
Ε	Ε	Ε	Ζ	Ζ	Ζ
Η	Η	Η	Θ	Θ	Θ
Ι	Ι	Ι	Κ	Κ	Κ
Λ	Λ	Λ	Μ	Μ	Μ
Ν	Ν	Ν	Ξ	Ξ	Ξ
Ο	Ο	Ο	Π	Π	Π
Ρ	Ρ	Ρ	Σ	Σ	Σ
Τ	Τ	Τ	Υ	Υ	Υ
Φ	Φ	Φ	Χ	Χ	Χ
Ψ	Ψ	Ψ	Ω	Ω	Ω
α	α	α	β	β	β
γ	γ	γ	δ	δ	δ
ε	ε	ε	ζ	ζ	ζ
η	η	η	θ	θ	θ
ι	ι	ι	κ	κ	κ
λ	λ	λ	μ	μ	μ
ν	ν	ν	ξ	ξ	ξ
ο	ο	ο	π	π	π
ρ	ρ	ρ	ς	ς	ς
σ	σ	σ	τ	τ	τ
υ	υ	υ	φ	φ	φ
χ	χ	χ	ψ	ψ	ψ
ω	ω	ω	ϑ	ϑ	ϑ
ϒ	ϒ	ϒ	ϖ	ϖ	ϖ
•	•	•	…	…	…
′	′	′	″	″	″
‾	‾	‾	⁄	⁄	⁄
℘	℘	℘	ℑ	ℑ	ℑ
ℜ	ℜ	ℜ	™	™	™
ℵ	ℵ	ℵ	←	←	←
↑	↑	↑	→	→	→
↓	↓	↓	↔	↔	↔
↵	↵	↵	⇐	⇐	⇐
⇑	⇑	⇑	⇒	⇒	⇒
⇓	⇓	⇓	⇔	⇔	⇔
∀	∀	∀	∂	∂	∂
∃	∃	∃	∅	∅	∅
∇	∇	∇	∈	∈	∈
∉	∉	∉	∋	∋	∋
∏	∏	∏	∑	∑	−
−	−	−	∗	∗	∗
√	√	√	∝	∝	∝
∞	∞	∞	∠	∠	∠
∧	∧	⊥	∨	∨	⊦
∩	∩	∩	∪	∪	∪
∫	∫	∫	∴	∴	∴
∼	∼	∼	≅	≅	≅
≈	≈	≅	≠	≠	≠
≡	≡	≡	≤	≤	≤
≥	≥	≥	⊂	⊂	⊂
⊃	⊃	⊃	⊄	⊄	⊄
⊆	⊆	⊆	⊇	⊇	⊇
⊕	⊕	⊕	⊗	⊗	⊗
⊥	⊥	⊥	⋅	⋅	⋅
⌈	⌈	⌈	⌉	⌉	⌉
⌊	⌊	⌊	⌋	⌋	⌋
◊	◊	◊	♠	♠	♠
♣	♣	♣	♥	♥	♥
♦	♦	♦
¡	¡	¡	¢	¢	¢
£	£	£	¤	¤	¤
¥	¥	¥	¦	¦	¦
§	§	§	¨	¨	¨
©	©	©	ª	ª	ª
«	«	«	¬	¬	¬
			®	®	®
¯	¯	¯	°	°	d°
±	±	±	²	²	²
³	³	³	´	´	´
µ	µ	µ