专注网站建设十二余年，互联网深度定制服务商
所谓代码优化是指对程序代码进行等价（指不改变程序的运行结果）变换。程序代码可以是中间代码(如四元式代码)，也可以是目标代码。等价的含义是使得变换后的代码运行结果与变换前代码运行结果相同。
成品网站模板：https://www.yunbuluo.net/pbootcms （已发布400多款）
HTML网页模板： https://www.yunbuluo.net/html
更多模板源码：http://www.yunbuluo.net
优化的含义是最终生成的目标代码短(运行时间更短、占用空间更小)，时空效率优化。原则上，优化可以再编译的各个阶段进行，但最主要的一类是对中间代码进行优化，这类优化不依赖于具体的计算机。
html标记(开始标记符和结束标记符都可以省略)
首部标记(开始标记符和结束标记符都可以省略)浏览器不支持客户端程序时显示里面的内容
SIZE=n 更改网页默认的字号属性,默认为3，n=1~7
COLOR=color 指定默认字体颜色
FACE 指定默认字体
ID=ID 唯一的ID
>
HREF="/project/data/" 指定默认 URL 基准
TARGET="main" 指定默认的目标框架，单击连接时在默认框架显示
>
如文档关键字、作者信息等
NAME=name 名字
HT
TP-EQUIV=Name HTTP相应标题名
CONTENT=CDATA 相关数据
>
REL=LinkTypes 到链接的关系
REV=LinkTypes 来自链接的关系
HREF=URL 链接资源的URL
TYPE=ContentType 链接的内容类型
TARGET=FrameTarget 显示链接的目标框架
MEDIA=MediaDesc 链接的媒体
HREFLANG=LanguageCode 链接资源的语言
CHARSET=Charset 链接资源的字符编码
>
BGCOLOR="#RRGGBB" 背景颜色
BACKGROUND="Image/image.gif" 背景图案
TEXT 设置正文的颜色
LINK 设置未被访问的连接的颜色
VLINK 设置已被访问过的连接的颜色
ALINK 设置活动连接（即当前选定的连接）的颜色
ONLOAD=Script 文档加载时执行脚本的事件
ONUNLOAD=Script 文档退出时执行脚本的事件
>
物理字符样式:
粗体
大字体
斜体
删除线
小字体
删除线
下标
上标
固定宽度字体
下划线
SIZE=n 字号属性: 用于控制文字大小，其值越大，显示的字体越大，n值=1~7，默认为3(使用 COLOR="#RRGGBB" 颜色属性: 用于控制文字颜色， 可使用颜色名称或十六进制指定颜色, 其中RR,GG,BB分别表示红，绿，蓝成分的两位十六进制值，FF表示包含满亮度的该种颜色；B0表示包含75%；80表示50%；40表示25%；00表示不含该颜色 FACE="宋体,黑体,楷体" 字 体样式: 即"字体"，浏览器优先使用第一种字体，若系统中没有则使用第二种，依次类推，如果找不到匹配字体，浏览器将使用默认字体 >
逻辑字符样式
表示最大的标题，表示最小的标题，通常只使用前三级标题。使用标题样式时，必须使用结束标记符，可使用align属性设置对齐方式
用于指定网页创建者或维护者信息，通常是斜体用于表示文本属于引用，通常是斜体
用于表示程序代码，通常是固定宽度字体
用于表示定义了的术语，通常是黑体或斜体
用于强调某些字词，大多数浏览器将看作
用于表示用户的键盘输入，通常是固定宽度字体
用于表示文本样本，通常是固定宽度字体
用于特别强调某些字词，大多数浏览器将它看作
用于表示变量或程序参数，通常是斜体
用来标记缩写，通常与title属性一起使用
用来标记首字母缩略词，与ABBR类似
CITE=URL(引用源) 包含的内容是引自cite属性所指定的源 >
CITE=URL(引用源) 包含的内容是引自cite属性所指定的源
>
CITE=URL 包含删除原因信息的URL DATETIME=Datetime 删除时间 >
CITE=URL 说明插入原因信息所在的URL DATETIME=Datetime 插入时间 >
WIDTH=Number 宽度
>
DIR=[ ltr | rtl ] 文本的方向 LANG=LanguageCode 文本的语言 >
段落格式
分段标记符，将文档划分为段落，结束标记符通常可省略
换行标记符，强制断行，多个
可产生多个空行效果，
不能
SIZE=5 表示水平线粗细程度，缺省值为2，单位像素
WIDTH="60%" 表示水平线长度，单位像素或百分比，百分比前后要使用引号
NOSHADE 无阴影3D效果，仅实线
COLOR="#000000" 水平线颜色
>
ALIGN=[left|center|right|justify] 水平对齐方式
>
SPAN标记符与DIV标记符类似，但通常用于包含行内元素
RIGHT(右对齐)，LEFT(左对齐),CENTER(居中对齐),JUSTIFY(两端对齐)
可应用与多种标记符，DIV,P,Hn,HR等标记符，
列表格式
TYPE=i 用于设置数字样式
VALUE=1 用于指定一个新的数字序列起始值，以获得非连续性的数字序列
>
TYPE=A 用于设置数字序列样式：1,A,a,I(罗马数字),i，默认为1
START=1 用于设置数字序列起始值，任意整数
COMPACT(紧凑显示)
>
TYPE="Disc" 样式
>
TYPE="Disc" 样式，值：
Disc，实心圆，非嵌套列表默认值；
Circle，空心圆，嵌套列表默认值；
Square，实心或空心方块，取决于浏览器
COMPACT(紧凑显示
)
>
- 定义术语标记符(结束标记可省略,但使用样式表时应使用结束标记)
- 定义描述标记符(结束标记可省略,但使用样式表时应使用结束标记)
COMPACT(紧凑显示)
>
插入图像
SRC="winlogo.gif" 图像文件名 路径(一般为相对路径)
ALT="this is the windows logo" 图像简单文本说明，用于图像不能显示时显示
WIDTH=x 图像宽
HEIGHT=y 图像高，xy可取像素或百分数
BORDER="3" 图像边框粗细，单位像素
HSPACE="x" 图像和文本之间空白，水平方向空白
VSPACE="y" 垂直方向空白，单位像素
ALIGN="TOP" 图像和文本在垂直方向对齐方式，值：
TOP，表示文本与图像顶部对齐；
MIDDLE，中央对齐；
BOTTOM，底部对齐，默认；
LEFT，表示图像居左，文本右环绕图像
RIGHT，表示图像居右，文本左环绕图像
LONGDESC=URL 包含长篇描述的文档位置
USEMAP=URL 客户端图像映射的映射说明，对应于map元素指定的内容
ISMAP 指示使用服务器端图像映射
>
解除在图像左\右\全部放置的文本
创建超链接
HREF="page2.htm" 链接到的网页路径网页名(一般为相对路径) ， 指向本地网页的超链接一般使用相对路径， 指向其他网页使用绝对路径 TARGET="main" 控制链接的目标文件在哪一个框架显示，值： 可以是已定义的框架名(如main)， 也可以是以下特殊框架： _top，将链接的目标文件装入整个浏览器窗口； _self，装入当前框架中，以取代该框架正在显示的文件； _blank，装入一个新的匿名浏览器窗口； _parent，当框架有嵌套时，将链接的目标文件装入父框 架中，否则与_top相同 NAME=CDATA 已命名的连接目标 REL=linkTypes 到连接的关系 REV=linkTypes 来自连接的关系 TYPE=contentType 连接的内容类型 HREFLANG=LanguageCode 连接目标文件的语言 CHARSET=Charset 连接的字符编码 ACCESSKEY=Charater 快捷键 TABINDEX=number tab键遍历次序中的位置 SHAPE=[rect|circle|poly|default] 客户端图像映射中映射区域的形状 COORDS=Coords 客户端图像映射中映射区域的坐标 ONFOCUS=Script 元素获得焦点时启动脚本的事件 ONBLUR=Script 元素失去焦点时启动脚本的事件 > 连接到锚点 指向页面中特定锚点标记部分，名称前加#号 其他页锚点 连接到其他页面中的锚点 图像映射(热点) SHAPE="default" 区域形状，值： RECT(矩形默认)；CIRCLE(圆形)；POLYGON(多边形) COORDS="328 ,285,54" 区域边界，值： 左上角x，y坐标，右上x，y；圆心x，y，半径；各顶点坐标 HREF="file.html" 区域连接到 TARGET=FrameTarget 显示链接的目标框架 NOHREF 不包含链接 ALT=text 替换文本 TABINDEX=number tab键历次序中的位置 ONFOCUS=Script 元素获得焦点时启动脚本的事件 ONBLUR=Script 元素失去焦点时启动脚本的事件 > 服务器端图像映射(几乎不使用)，要求一个单独的.map文件，保存所有图像坐标的超连接信息，使用ISMAP属性连接到.map文件 插入表格 frame="hsides" 是否显示和如何显示边框，值： void(无边框，默认)；above(仅有顶框)；below(仅有底框)； hsides(仅有顶框和底框)；vsides(仅有左、右侧框)； lhs(仅有左侧框)；rhs(仅有右侧框)； box(全部四个边框)；border(包含全部四个边框)； rules="rows" 是否显示和如何显示单元格，值： none(表示无分割线，默认)； groups(仅在行组和列组间有分割线)；rows(仅有行分割线)； cols(仅有列分割线)；all(包括所有分割线) border="2" 边框宽度，值 像素 使用单独一个“border”，相当于frame="border"，rules="all" width=length 表宽 cellspacing=10 调节单元格间距，值 像素 cellpadding=10 调节单元格填充距 bordercolor="#FFFF00" 设置边框颜色，也可在 bgcolor="#00FFFF" 设置背景颜色，也可在 background="image.gif" 设置背景图片，也可在 align="center" 表格的页面对齐，值：lift；right；center summary=text 表格说明 > align=bottom 定义标题位置，值： top(标题放在表格上部，默认)；bottom(下部)； left(标题放在表格上部左侧)；right(上部右侧) > align="center" 水平对齐，表格单元格内容水平对齐， 可在 center、left(左，默认)、right、 justifi(两端对齐)、char(表示按特定字符对齐) char=character 单元格之间的字符对齐 charoff=length 对齐字符的偏移量 valign="top" 垂直对齐，表格单元格内容垂直对齐， 可在 top(顶部)、bottom(底部)、middle(垂直居中)、 baseline(表示同行单元格中的数据位置一致) bgcolor=color 背景颜色 > rowspan=number 单元格所占行数 colspan=number 单元格所占列数 headers=IDREFS 当前单元格的标题单元格列表 abbr=text 标题单元格的缩略形式 scope=[row|col|rowgroup|colgroup] 标题单元格所覆盖的单元格数 axis=CDATA 标题单元格类别 align 单元格的水平对齐方式 char=character 单元格之间的对齐字符 charoff=length 对齐字符的偏移量 valign 单元格的垂直对齐方式 width 单元格宽 height 单元格高 nowrap 单元格内不换行 bgcolor 单元格背景颜色 > rowspan=number 单元格所占行数 colspan=number 单元格所占列数 headers=IDREFS 当前单元格的标题单元格列表 abbr=text 标题单元格的缩略形式 scope=[row|col|rowgroup|colgroup] 标题单元格所覆盖的单元格数 axis=CDATA 标题单元格类别 align 单元格的水平对齐方式 char=character 单元格之间的对齐字符 charoff=length 对齐字符的偏移量 valign 单元格的垂直对齐方式 width 单元格宽 height 单元格高 nowrap 单元格内不换行 bgcolor 单元格背景颜色 > 行组 列组 span=5 指定列组中的列数(COL也可以) width=50 列组中各列宽度 > 外列的属性，也可单独使用 引用图像映射，名称前加#号
内设置 内设置 内设置 、 和 内使用，值： 、 和 内使用，值： 添加行
rowspan 行合并，在
colspan 列合并，在
使用框架
基本框架
使用页内框架(可插
入到body中的框架)
src 指定要在页内框架中显示的网页 name 页内框架名字 width="x" 页内框架的宽，值像素或百分数 height="y" 页内框架的高，值像素或百分数 align="top|middle(中)|bottom(下)|left|right" 页内框架对齐方式 frameborder="1|0" 是否采用边框 scrolling="yes|no|auto" 是否加滚动条 marginwidth="x" 水平方向上内容与边框间隔，值像素 marginheight="y" 垂直方向上内容与边框间隔，值像素 longdesc=url 到框架的长篇描述的连接 > 您的浏览器不支持框架或当前被配置为不显示框架， 不过您可以访问相关文档。 (包含在标记符之间的内容， 只有不支持框架或设置为不显示框架的浏览器才显示) 使用表单
