HTML特殊符号对照表
最常用的字符实体
| 显示结果 | 描述 | 实体名称 | 实体编号 |
| ￠ | 分 | ¢ | ¢ |
| £ | 镑 | £ | £ |
| ¥ | 元 | ¥ | ¥ |
| § | 节 | § | § |
| © | 版权 | © | © |
| ® | 注册商标 | ® | ® |
| × | 乘号 | × | × |
| ÷ | 除号 | ÷ | ÷ |
| < | 小于号 | < | < |
| > | 大于号 | > | > |
| & | 和号 | & | & |
| " | 引号 | " | " |
| ' | 撇号 | ' (IE不支持) | ' |
| 空格（推荐使用） | |   | |
| 半角空格 |   | ||
| 全角空格 |   |
HTML特殊符号对照表
| 特殊符号 | 命名实体 | 十进制编码 | 特殊符号 | 命名实体 | 十进制编码 |
| Α | Α | Α | Β | Β | Β |
| Γ | Γ | Γ | Δ | Δ | Δ |
| Ε | Ε | Ε | Ζ | Ζ | Ζ |
| Η | Η | Η | Θ | Θ | Θ |
| Ι | Ι | Ι | Κ | Κ | Κ |
| Λ | Λ | Λ | Μ | Μ | Μ |
| Ν | Ν | Ν | Ξ | Ξ | Ξ |
| Ο | Ο | Ο | Π | Π | Π |
| Ρ | Ρ | Ρ | Σ | Σ | Σ |
| Τ | Τ | Τ | Υ | Υ | Υ |
| Φ | Φ | Φ | Χ | Χ | Χ |
| Ψ | Ψ | Ψ | Ω | Ω | Ω |
| α | α | α | β | β | β |
| γ | γ | γ | δ | δ | δ |
| ε | ε | ε | ζ | ζ | ζ |
| η | η | η | θ | θ | θ |
| ι | ι | ι | κ | κ | κ |
| λ | λ | λ | μ | μ | μ |
| ν | ν | ν | ξ | ξ | ξ |
| ο | ο | ο | π | π | π |
| ρ | ρ | ρ | ς | ς | ς |
| σ | σ | σ | τ | τ | τ |
| υ | υ | υ | φ | φ | φ |
| χ | χ | χ | ψ | ψ | ψ |
| ω | ω | ω | ϑ | ϑ | ϑ |
| ϒ | ϒ | ϒ | ϖ | ϖ | ϖ |
| • | • | • | … | … | … |
| ′ | ′ | ′ | ″ | ″ | ″ |
| ‾ | ‾ | ‾ | ⁄ | ⁄ | ⁄ |
| ℘ | ℘ | ℘ | ℑ | ℑ | ℑ |
| ℜ | ℜ | ℜ | ™ | ™ | ™ |
| ℵ | ℵ | ℵ | ← | ← | ← |
| ↑ | ↑ | ↑ | → | → | → |
| ↓ | ↓ | ↓ | ↔ | ↔ | ↔ |
| ↵ | ↵ | ↵ | ⇐ | ⇐ | ⇐ |
| ⇑ | ⇑ | ⇑ | ⇒ | ⇒ | ⇒ |
| ⇓ | ⇓ | ⇓ | ⇔ | ⇔ | ⇔ |
| ∀ | ∀ | ∀ | ∂ | ∂ | ∂ |
| ∃ | ∃ | ∃ | ∅ | ∅ | ∅ |
| ∇ | ∇ | ∇ | ∈ | ∈ | ∈ |
| ∉ | ∉ | ∉ | ∋ | ∋ | ∋ |
| ∏ | ∏ | ∏ | ∑ | ∑ | − |
| − | − | − | ∗ | ∗ | ∗ |
| √ | √ | √ | ∝ | ∝ | ∝ |
| ∞ | ∞ | ∞ | ∠ | ∠ | ∠ |
| ∧ | ∧ | ⊥ | ∨ | ∨ | ⊦ |
| ∩ | ∩ | ∩ | ∪ | ∪ | ∪ |
| ∫ | ∫ | ∫ | ∴ | ∴ | ∴ |
| ∼ | ∼ | ∼ | ≅ | ≅ | ≅ |
| ≈ | ≈ | ≅ | ≠ | ≠ | ≠ |
| ≡ | ≡ | ≡ | ≤ | ≤ | ≤ |
| ≥ | ≥ | ≥ | ⊂ | ⊂ | ⊂ |
| ⊃ | ⊃ | ⊃ | ⊄ | ⊄ | ⊄ |
| ⊆ | ⊆ | ⊆ | ⊇ | ⊇ | ⊇ |
| ⊕ | ⊕ | ⊕ | ⊗ | ⊗ | ⊗ |
| ⊥ | ⊥ | ⊥ | ⋅ | ⋅ | ⋅ |
| ⌈ | ⌈ | ⌈ | ⌉ | ⌉ | ⌉ |
| ⌊ | ⌊ | ⌊ | ⌋ | ⌋ | ⌋ |
| ◊ | ◊ | ◊ | ♠ | ♠ | ♠ |
| ♣ | ♣ | ♣ | ♥ | ♥ | ♥ |
| ♦ | ♦ | ♦ | |   | |
| ¡ | ¡ | ¡ | ¢ | ¢ | ¢ |
| £ | £ | £ | ¤ | ¤ | ¤ |
| ¥ | ¥ | ¥ | ¦ | ¦ | ¦ |
| § | § | § | ¨ | ¨ | ¨ |
| © | © | © | ª | ª | ª |
| « | « | « | ¬ | ¬ | ¬ |
| | ­ | ­ | ® | ® | ® |
| ¯ | ¯ | ¯ | ° | ° | d° |
| ± | ± | ± | ² | ² | ² |
| ³ | ³ | ³ | ´ | ´ | ´ |
| µ | µ | µ |
常用DIV+CSS规范命名大全
网页制作中规范使用DIV+CSS命名规则，可以改善优化功效特别是团队合作时候可以提供合作制作效率，下面就是具体DIV/CSS命名规则CSS命名大全内容篇。
我们开发CSS+DIV网页（Xhtml）时候,比较困惑和纠结的事就是CSS命名，特别是新手不知道什么地方该如何命名，怎样命名才是好的方法。
一、命名规则说明
1）、所有的命名最好都小写
2）、属性的值一定要用双引号("")括起来，且一定要有值如class="divcss5",id="divcss5"
3）、每个标签都要有开始和结束，且要有正确的层次，排版有规律工整
4）、空元素要有结束的tag或于开始的tag后加上"/"
5）、表现与结构完全分离，代码中不涉及任何的表现元素，如style、font、bgColor、border等
6）、<h1>到<h5>的定义，应遵循从大到小的原则，体现文档的结构，并有利于搜索引擎的查询。
7）、给每一个表格和表单加上一个唯一的、结构标记id
8）、给图片加上alt标签
9）、尽量使用英文命名原则
10）、尽量不缩写，除非一看就明白的单词
二、相对网页外层重要部分CSS样式命名
外套 wrap —— 用于最外层
头部 header —— 用于头部
主要内容 main —— 用于主体内容（中部）
左侧 main-left —— 左侧布局
右侧 main-right —— 右侧布局
导航条 nav —— 网页菜单导航条
内容 content —— 用于网页中部主体
底部 footer —— 用于底部
三、DIV+CSS命名参考表
以下为CSS样式命名与CSS文件命名参考表，DIV CSS命名集合：
网页公共命名
| ----CSS样式命名---- | ----说明---- |
|#wrapper|页面外围控制整体布局宽度|
|#container或#content|容器,用于最外层|
|#layout|布局|
|#head,#header|页头部分|
|#foot,#footer|页脚部分|
|#nav|主导航|
|#subnav|二级导航|
|#menu|菜单|
|#submenu|子菜单|
|#sideBar|侧栏|
|#sidebar_a,#sidebar_b|左边栏或右边栏|
|#main|页面主体|
|#tag|标签|
|#msg,#message|提示信息|
|#tips|小技巧|
|#vote|投票|
|#friendlink|友情连接|
|#title|标题|
|#summary|摘要|
|#loginbar|登录条|
|#searchInput|搜索输入框|
|#hot|热门热点|
|#search|搜索|
|#search_output|搜索输出和搜索结果相似|
|#searchBar|搜索条|
|#search_results|搜索结果|
|#copyright|版权信息|
|#branding|商标|
|#logo|网站LOGO标志|
|#siteinfo|网站信息|
|#siteinfoLegal|法律声明|
|#siteinfoCredits|信誉|
|#joinus|加入我们|
|#partner|合作伙伴|
|#service|服务|
|#regsiter|注册|
|arr/arrow|箭头|
|#guild|指南|
|#sitemap|网站地图|
|#list|列表|
|#homepage|首页|
|#subpage|二级页面子页面|
|#tool,#toolbar|工具条|
|#drop|下拉|
|#dorpmenu|下拉菜单|
|#status|状态|
|#scroll|滚动|
|.tab|标签页|
|.left.right.center|居左、中、右|
|.news|新闻|
|.download|下载|
|.banner|广告条(顶部广告条)|
电子贸易相关
| ------------ | ------------ |
|.products|产品|
|.products_prices|产品价格|
|.products_description|产品描述|
|.products_review|产品评论|
|.editor_review|编辑评论|
|.news_release|最新产品|
|.publisher|生产商|
|.screenshot|缩略图|
|.faqs|常见问题|
|.keyword|关键词|
|.blog|博客|
|.forum|论坛|
CSS文件命名
| ------------ | ------------ |
|master.css,style.css|主要的|
|module.css|模块|
|base.css|基本共用|
|layout.css|布局，版面|
|themes.css|主题|
|columns.css|专栏|
|font.css|文字、字体|
|forms.css|表单|
|mend.css|补丁|
|print.css|打印|
CSS命名其它说明
无论是使用“.”（小写句号）选择符号开头命名，还是使用“#”(井号)选择符号开头命名都无所谓，但我们最好遵循，主要的、重要的、特殊的、最外层的盒子用“#”(井号)选择符号开头命名，其它都用“.”（小写句号）选择符号开头命名，同时考虑命名的CSS选择器在HTML中重复使用调用。
通常我们最常用主要命名有：wrap（外套、最外层）、header（页眉、头部）、nav(导航条)、menu(菜单)、title(栏目标题、一般配合h1\h2\h3\h4标签使用)、content (内容区)、footer(页脚、底部)、logo（标志、可以配合h1标签使用）、banner（广告条，一般在顶部）、copyRight（版权）。其它可根据自己需要选择性使用。
建议：主要的、重要的、最外层的盒子用“#”(井号)选择符号开头命名，其它都用“.”（小写句号）选择符号开头命名。
四、英文命名技巧
如果遇到不常用的，可以借助翻译工具进行翻译取其英文命名。
在线翻译工具：
Google：http://translate.google.cn/
以上为DIV+CSS的命名规则总结，相信通过规范的CSS命名给你以后网站网页的维护带来方便。
转自：点击进入
CSS样式表如何引用到HTML文件里
使用不同的方法来引用css样式表，最终到达的效果相同，但是使用不同方法应用的css文件将影响到SEO及网页打开速度效率。
html引用css方法如下：
1、直接在div中使用css样式制作div+css网页
2、html中使用style自带式
3、使用link引用外部CSS文件 推荐此方法
接下来我们来逐个讲解html引用css方法的例子
插入样式表的方法有三种：
- 外部样式表
- 内部样式表
- 内联样式
外部样式表
当样式需要应用于很多页面时，外部样式表将是理想的选择。
在使用外部样式表的情况下，你可以通过改变一个文件来改变整个站点的外观。
每个页面使用 <link> 标签链接到样式表。 <link> 标签在（文档的）头部：
<head>
<link rel="stylesheet" type="text/css" href="css/style.css">
</head>内部样式表
当单个文档需要特殊的样式时，就应该使用内部样式表。
你可以使用 <style> 标签在文档头部定义内部样式表:
<head>
<style>
body{
background: #000;
width: 100px;
height: 100px;
}
</style>
</head>内联样式
由于要将表现和内容混杂在一起，内联样式会损失掉样式表的许多优势。
请慎用这种方法，例如当样式仅需要在一个元素上应用一次时。
要使用内联样式，你需要在相关的标签内使用样式（style）属性。
Style 属性可以包含任何 CSS 属性。：
<p style="color:#00ccff; font-size:20px;">筱陌个人博客</p>使用link来引用外部的css的优势：
1、有利于SEO，使用此方法引用外部css文件，将使得html页面的源代码少很多比起直接加入css样式，因为搜索引擎蜘蛛爬行网页的时候是不爬行css文件的，这样使得html源代码很少，使得蜘蛛爬行更快，处理更少，增大了此网页的权重，有利于排名。
2、节约html使得浏览器下载网页时候分开线程了，就像加载一个页面同时有两条线在打开一个页面道理，使得网页打开格外快。（用户浏览此网页的时候html源代码和css文件同时下载，使得更加快速）
3、修改网页的样式方便，只需修改css样式即可修改网页的美工样式，如果在网站项目中此方法，因整站应用了共用的css基本样式，这样修改整站风格样式根据快捷方便。