所謂的網頁代碼，就是指在網頁製作過程中需要用到的一些特殊的“語言”，設計人員通過對這些“語言”進行組織編排製作出網頁，然後由瀏覽器對代碼進行“翻譯”后才是我們最終看到的效果。
製作網頁時常用的代碼有HTML，JavaScript，ASP，PHP，CGI等，其中超文本標記語言（標準通用標記語言下的一個應用、外語簡稱：HTML）是最基礎的網頁代碼。
下面主要講述的就是HTML代碼的一些簡單使用：
普通捲動
滑動
預設捲動
來回捲動
向下捲動
向上捲動
向右捲動
向左捲動
捲動次數
設定寬度
設定高度
設定背景顏色
設定捲動距離
...設定捲動時間
註：在HTML5中廢棄了只有部分瀏覽器支持的marquee標籤其它還包括applet、bgsound、blink、等標籤。
...
標題字(最大)...
標題字(最小)...粗體字
...粗體字(強調)
...斜體字
...斜體字(強調)
...斜體字(表示定義)
...底線
...底線(表示插入文字)
...橫線
...刪除線
...刪除線(表示刪除)
...鍵盤文字
...打字體
<![CDATA[...]]>固定寬度字體(在文件中空白、換行、定位功能有效)<![CDATA[...</plaintext>固定寬度字體(不執行標記符號)</div><div class="cp"><listing>...</listing>固定寬度小字體</div><div class="cp"><font color=00ff00>...</font>字體顏色</div><div class="cp"><font size=1>...</font>最小字體</div><div class="cp"><font style ='font-size:100 px'>...</font>無限增大</div><div class="cp"><FONT FACE>任意指定所用的字形</div><div class="cp"><BASEFONT SIZE>更改預設字形大小</div><div class="cp"><BIG>顯示大字體</div><div class="cp"><BLINK>閃爍的文字</div><div class="cp"><BR>換行</div><div class="catlog-title is-2"><h4>區斷標記</h4><a id="catalog_1_3" class="title-anchor"></a></div><div class="cp"><hr>水平線</div><div class="cp"><hr size='9'>水平線(設定大小)</div><div class="cp"><hr width='80%'>水平線(設定寬度)</div><div class="cp"><hr color='ff0000'>水平線(設定顏色)</div><div class="cp"><br>(換行)</div><div class="cp"><nobr>...</nobr>水域(不換行)</div><div class="cp"><div class="cp">...</div>水域(段落)</div><div class="cp"><center>...</center>置中</div><div class="catlog-title is-2"><h4>連結格式</h4><a id="catalog_1_4" class="title-anchor"></a></div><div class="cp"><base href=地址>(預設好連結路徑)</div><div class="cp"><a href=地址></a>外部連結</div><div class="cp"><a href=地址 target='_blank'></a>外部連結(另開新窗口)</div><div class="cp"><a href=地址 target='_top'></a>外部連結(全窗口連結)</div><div class="cp"><a href=地址 target='頁框名'></a>外部連結(在指定頁框連結)</div><div class="cp"><A HREF TARGET>指定超級鏈接的分割窗口</div><div class="cp"><A HREF=#錨的名稱>指定錨名稱的超級鏈接</div><div class="cp"><A HREF>指定超級鏈接</div><div class="cp"><A NAME=錨的名稱>被連結點的名稱</div><div class="cp"><ADDRESS>....</ADDRESS>用來顯示電子郵箱地址</div><div class="catlog-title is-2"><h4>貼圖與音樂</h4><a id="catalog_1_5" class="title-anchor"></a></div><div class="cp"><img src=圖片地址>貼圖</div><div class="cp"><img src=圖片地址 width='180'>設定圖片寬度</div><div class="cp"><img src=圖片地址 height='30'>設定圖片高度</div><div class="cp"><img src=圖片地址 alt='提示文字'>設定圖片提示文字</div><div class="cp"><img src=圖片地址' border='1'>設定圖片邊框</div><div class="cp"><bgsound src=MID音樂文件地址>背景音樂設定</div><div class="catlog-title is-2"><h4>表格語法</h4><a id="catalog_1_6" class="title-anchor"></a></div><div class="cp"><table align=left>...</table></div>表格位置，置左</div><div class="cp"><table align=center>...</table></div>表格位置，置中</div><div class="cp"><table background=圖片路徑>...</table></div>背景圖片的URL=就是路徑網址</div><div class="cp"><table border=邊框大小>...</table></div>設定表格邊框大小(使用數字)</div><div class="cp"><table bgcolor=顏色碼>...</table></div>設定表格的背景顏色</div><div class="cp"><table borderclor=顏色碼>...</table></div>設定表格邊框的顏色</div><div class="cp"><table borderclordark=顏色碼>...</table></div>設定表格暗邊框的顏色</div><div class="cp"><table borderclorlight=顏色碼>...</table></div>設定表格亮邊框的顏色</div><div class="cp"><table cellpadding=參數>...</table></div>指定內容與網格線之間的間距(使用數字)</div><div class="cp"><table cellspacing=參數>...</table></div>指定網格線與網格線之間的距離(使用數字)</div><div class="cp"><table cols=參數>...</table></div>指定表格的欄數</div><div class="cp"><table frame=參數>...</table></div>設定表格外框線的顯示方式</div><div class="cp"><table width=寬度>...</table></div>指定表格的寬度大小(使用數字)</div><div class="cp"><table height=高度>...</table></div>指定表格的高度大小(使用數字)</div><div class="cp"><td colspan=參數>...</td>指定儲存格合併欄的欄數(使用數字)</div><div class="cp"><td rowspan=參數>...</td>指定儲存格合併列的列數(使用數字)</div><div class="cp"><CAPTION>...</CAPTION>為表格加上標題</div><div class="cp"><TABLE BORDER=n>調整表格的寬線高度</div><div class="cp"><TABLE CELLPADDING>調整數據域位之邊界</div><div class="cp"><TABLE CELLSPACING>調整表格線的寬度</div><div class="cp"><TABLE HEIGHT>調整表格的高度</div><div class="cp"><TABLE WIDTH>調整表格的寬度</div><div class="cp"><TABLE>...</TABLE>產生表格的卷標</div><div class="cp"><TD ALIGN>調整表格欄位之左右對齊</div><div class="cp"><TD BGCOLOR>設定表格欄位之背景顏色</div><div class="cp"><TD COLSPAN ROWSPAN>表格欄位的合併</div><div class="cp"><TD NOWRAP>設定表格欄位不換行</div><div class="cp"><TD VALIGN>調整表格欄位之上下對齊</div><div class="cp"><TD WIDTH>調整表格欄位寬度</div><div class="cp"><TD>...</TD>定義表格的數據域位</div><div class="catlog-title is-2"><h4>分割窗口</h4><a id="catalog_1_7" class="title-anchor"></a></div><div class="cp"><frameset cols=\"20%,*\">左右分割，將左邊框架分割大小為20%右邊框架的大小瀏覽器會自動調整</div><div class="cp"><frameset rows=\"20%,*\">上下分割，將上面框架分割大小為20%下面框架的大小瀏覽器會自動調整</div><div class="cp"><frameset cols=\"20%,*\">分割左右兩個框架</div><div class="cp"><frameset cols=\"20%,*,20%\">分割左中右三個框架</div><div class="cp"><frameset rows=\"20%,*,20%\">分割上中下三個框架</div><div class="cp"><FRAME MARGINHEIGHT>設定窗口的上下邊界</div><div class="cp"><FRAME MARGINWIDTH>設定窗口的左右邊界</div><div class="cp"><FRAME NAME>為分割窗口命名</div><div class="cp"><FRAME NORESIZE>鎖住分割窗口的大小</div><div class="cp"><FRAME SCROLLING>設定分割窗口的滾動條</div><div class="cp"><FRAME SRC>將HTML文件加入窗口</div><div class="cp"><FRAMESET COLS>將窗口分割成左右的子窗口</div><div class="cp"><FRAMESET ROWS>將窗口分割成上下的子窗口</div><div class="cp"><FRAMESET>...</FRAMESET>劃分分割窗口</div><div class="cp"><CAPTION ALIGN>設定表格標題位置</div><div class="cp"><CENTER>向中對齊</div><div class="cp"><CITE>...<CITE>用於引經據典的文字</div><div class="cp"><CODE>...</CODE>用於列出一段程序代碼</div><div class="cp"><COMMENT>...</COMMENT>加上批註</div><div class="cp"><DD>設定定義列表的項目解說</div><div class="cp"><DFN>...</DFN>顯示\"定義\"文字</div><div class="cp"><DIR>...</DIR>列表文字卷標</div><div class="cp"><DL>...</DL>設定定義列表的卷標</div><div class="cp"><DT>設定定義列表的項目</div><div class="cp"><EM>強調之用</div><div class="catlog-title is-2"><h4>結構性定義</h4><a id="catalog_1_8" class="title-anchor"></a></div><div class="cp">文件類型<HTML></HTML>（放在檔案的開頭與結尾）</div><div class="cp">文件主題<TITLE></TITLE>（必須放在「文頭」區塊內）</div><div class="cp">文頭<HEAD></HEAD>（描述性資料，像是「主題」）</div><div class="cp">文體<BODY></BODY>（文件本體）</div><div class="cp">（由瀏覽器控制的顯示風格）</div><div class="cp">標題<H?></H?> （從1到6，有六層選擇）</div><div class="cp">標題的對齊<H? ALIGN=LEFT|CENTER|RIGHT></H?></div><div class="cp">區分<DIV></DIV></div><div class="cp">區分的對齊<DIV ALIGN=LEFT|RIGHT|CENTER|JUSTIFY></DIV></div><div class="cp">引文區塊<BLOCKQUOTE></BLOCKQUOTE>（通常會內縮）</div><div class="cp">強調<EM></EM>（通常會以斜體顯示）</div><div class="cp">特彆強調<STRONG></STRONG>（通常會以加粗顯示）</div><div class="cp">引文<CITE></CITE>（通常會以斜體顯示）</div><div class="cp">碼<CODE></CODE>（顯示原始碼之用）</div><div class="cp">樣本<SAMP></SAMP></div><div class="cp">鍵盤輸入<KBD></KBD></div><div class="cp">變數<VAR></VAR></div><div class="cp">定義<DFN></DFN>（有些瀏覽器不提供）</div><div class="cp">地址<ADDRESS></ADDRESS></div><div class="cp">大字<BIG></BIG></div><div class="cp">小字<SMALL></SMALL></div><div class="cp">與外觀相關的標籤（作者自訂的表現方式）</div><div class="cp">加粗<B></B></div><div class="cp">斜體<I></I></div><div class="cp">底線<U></U>（尚有些瀏覽器不提供）</div><div class="cp">刪除線<S></S>（尚有些瀏覽器不提供）</div><div class="cp">下標<SUB></SUB></div><div class="cp">上標<SUP></SUP></div><div class="cp">打字機體<TT></TT>（用單空格字型顯示）</div><div class="cp">預定格式<PRE></PRE>（保留文件中空格的大小）</div><div class="cp">預定格式的寬度<PRE WIDTH=?></PRE>（以字元計算）</div><div class="cp">向中看齊<CENTER></CENTER>（文字與圖片都可以）</div><div class="cp">閃耀<BLINK></BLINK>（有史以來最被嘲弄的標籤）</div><div class="cp">字體大小<FONT SIZE=?></FONT>（從1到7）</div><div class="cp">改變字體大小<FONT SIZE=+|-?></FONT></div><div class="cp">基本字體大小<BASEFONT SIZE=?>（從1到7;內定為3）</div><div class="cp">字體顏色<FONT COLOR='#$$$$$$'></FONT></div><div class="catlog-title is-2"><h4>連結與圖形</h4><a id="catalog_1_9" class="title-anchor"></a></div><div class="cp">連結<A href='/URL'></A></div><div class="cp">連結到錨點<A HREF='URL#***'></A>（如果錨點在另一個檔案）</div><div class="cp"><A HREF='#***'></A>（如果錨點現有檔案）</div><div class="cp">連結到目的視框<A href='/URL' TARGET='***'></A></div><div class="cp">設定錨點<A NAME='***'></A></div><div class="cp">圖形<IMG src='/URL'></div><div class="cp">圖形看齊方式<IMG src='/URL' ALIGN=TOP|BOTTOM|MIDDLE></div><div class="cp">圖形看齊方式<IMG src='/URL'</div><div class="cp">ALIGN=LEFT|RIGHT|TEXTTOP|ABSMIDDLE|BASELINE|ABSBOTTOM></div><div class="cp">取代文字<IMG src='/URL' ALT='***'>（如果沒有辦法顯示圖形則顯示此文字）</div><div class="cp">點選圖<IMG src='/URL' ISMAP>（需要CGI程式）</div><div class="cp">N2.0 點選圖<IMG src='/URL' USEMAP='URL'></div><div class="cp">N2.0 地圖<MAP NAME='***'></MAP>（描述地圖）</div><div class="cp">N2.0 段落<AREA SHAPE='RECT' COORDS=',,,' href='/URL'|NOHREF></div><div class="cp">3.0 大小<IMG src='/URL' WIDTH='?' HEIGHT='?'>（以pixels為單位）N1.0 圖形邊緣<IMG src='/URL' BORDER=?>（以pixels為單位）</div><div class="cp">N1.0圖形邊緣空間<IMG src='/URL' HSPACE=? VSPACE=?>（以pixels為單位）</div><div class="cp">N1.0低解析度圖形<IMG src='/URL' LOWsrc='/URL'></div><div class="cp">N1.1用戶端拉<META HTTP-EQUIV='Refresh' CONTENT='?; URL=URL'>（使用端自動更新）</div><div class="cp">N2.0內嵌物件<EMBED src='/URL'>（將物件插入頁面）</div><div class="cp">N2.0內嵌物件大小<EMBED src='/URL' WIDTH='?' HEIGHT='?'></div><div class="catlog-title is-2"><h4>分隔</h4><a id="catalog_1_10" class="title-anchor"></a></div><div class="cp">段落<P>（通常是兩個return）</div><div class="cp">3.0段落<P></P>（新定義成容器型標籤）</div><div class="cp">3.0文字看齊方式<PALIGN=LEFT|CENTER|RIGHT></P></div><div class="cp">換行<BR>（一個return）</div><div class="cp">N1.0文字部份看齊方式<BR CLEAR=LEFT|RIGHT|ALL>（與圖形合用時）</div><div class="cp">橫線<HR></div><div class="cp">N1.0橫線對齊<HR ALIGN=LEFT|RIGHT|CENTER></div><div class="cp">N1.0橫線厚度<HR SIZE=?>（以pixels為單位）</div><div class="cp">N1.0橫線寬度<HR WIDTH=?>（以pixels為單位）</div><div class="cp">N1.0橫線比率寬度<HR WIDTH=%>（以頁寬為100%）</div><div class="cp">N1.0實線<HR NOSHADE>（沒有立體效果）</div><div class="cp">N1.0不可換行<NOBR></NOBR>（不換行）</div><div class="cp">N1.0可換行處<WBR>（如果需要，可在此斷行）</div><div class="cp">列舉（可以巢狀列舉）</div><div class="cp">無次序式列舉<UL><LI></UL>（<LI>放在每一項前）</div><div class="cp">N1.0公布式列舉<UL TYPE=DISC|CIRCLE|SQUARE>（定義全部的列舉項）</div><div class="cp"><LI TYPE=DISC|CIRCLE|SQUARE>（定義這個及其後的列舉項）</div><div class="cp">有次序式列舉<OL><LI></OL>（<LI>放在每一項前）</div><div class="cp">N1.0 數標型態<OL TYPE=A|a|I|i|1>（定義全部的列舉項）</div><div class="cp"><LI TYPE=A|a|I|i|1>（定義這個及其後的列舉項）</div><div class="cp">N1.0起始數字<OL value=?>（定義全部的列舉項）</div><div class="cp"><LI value=?>（定義這個及其後的列舉項）</div><div class="cp">定義式列舉<DL><DT><DD></DL>（<DT>項目,<DD>定義）</div><div class="cp">表單式列舉<MENU><LI></MENU>（<LI>放在每一項前）</div><div class="cp">目錄式列舉<DIR><LI></DIR>（<LI>放在每一項前）</div><div class="catlog-title is-2"><h4>背景與顏色</h4><a id="catalog_1_11" class="title-anchor"></a></div><div class="cp">3.0重複排列的背景<BODY background='/URL'></div><div class="cp">N1.1+背景顏色<BODY BGCOLOR='#$$$$$$'>（依序為紅、綠、藍）</div><div class="cp">N1.1+文字顏色<BODY TEXT='#$$$$$$'></div><div class="cp">N1.1+連結顏色<BODY LINK='#$$$$$$'></div><div class="cp">N1.1+看過的連結<BODY VLINK='#$$$$$$'></div><div class="cp">N1.1使用中的連結<BODY ALINK='#$$$$$$'></div><div class="cp">特殊字元（以下標籤需用小寫）</div><div class="cp">1.</div><div class="cp">特殊字元（以下標籤需用小寫）</div><div class="cp">特別符號&#?;（其中?代表ISO 8859-1的編碼）</div><div class="cp">< < > > & & ' '</div><div class="cp">註冊商標TM?</div><div class="cp">N1.0+註冊商標TM?</div><div class="cp">著作權符號?</div><div class="cp">N1.0+著作權符號?</div><div class="cp">表單（通常需要與CGI程式配合）</div><div class="cp">1.</div><div class="cp">表單（通常需要與CGI程式配合）</div><div class="cp">定義表單<FORM ACTION='URL' METHOD=GET|POST></FORM></div><div class="cp">N2.0上傳檔案<FORM ENCTYPE='multipart/form-data></FORM></div><div class="cp">輸入欄位<INPUT TYPE='TEXT|PASSWORD|CHECKBOX|RADIO|IMAGE|HIDDEN|SUBMIT|RESET'></div><div class="cp">欄位名稱<INPUT NAME='***'></div><div class="cp">欄位內定值<INPUT value='***'></div><div class="cp">已選定<INPUT CHECKED>（適用於checkboxes與radio boxes）</div><div class="cp">欄位寬度<INPUT SIZE=?>（以字元數為單位）</div><div class="cp">最長字數<INPUT MAXLENGTH=?>（以字元數為單位）</div><div class="cp">下拉式選單<SELECT></SELECT></div><div class="cp">下拉式選單名稱<SELECT NAME='***'></SELECT></div><div class="cp">選單項目數量<SELECT SIZE=?></SELECT></div><div class="cp">多選式選單<SELECT MULTIPLE>（多選）</div><div class="cp">選項<OPTION></div><div class="cp">內定選項<OPTION SELECTED></div><div class="cp">文字輸入區<TEXTAREA ROWS=? COLS=?></TEXTAREA></div><div class="cp">輸入區名稱<TEXTAREA NAME='***'></TEXTAREA></div><div class="cp">N2.0 輸入區換行方式<TEXTAREA WRAP=OFF|VIRTUAL|PHYSICAL></TEXTAREA></div><div class="catlog-title is-2"><h4>表格</h4><a id="catalog_1_12" class="title-anchor"></a></div><div class="cp">3.0定義表格<TABLE></TABLE></div><div class="cp">3.0表格框線<TABLE BORDER></TABLE>（有或沒有）</div><div class="cp">N1.1表格框線<TABLE BORDER=?></TABLE>（可以設定數值）</div><div class="cp">N1.1儲存格左右留白<TABLE CELLSPACING=?></div><div class="cp">N1.1儲存格上下留白<TABLE CELLPADDING=?></div><div class="cp">N1.1表格寬度<TABLE WIDTH=?>（以pixels為單位）</div><div class="cp">N1.1寬度比率<TABLE WIDTH=%>（頁寬為100%）</div><div class="cp">3.0表格列<TR></TR></div><div class="cp">3.0表格列內容看齊<TR ALIGN=LEFT|RIGHT|CENTER VALIGN=TOP|MIDDLE|BOTTOM></div><div class="cp">3.0儲存格<TD></TD>（須與列並用）</div><div class="cp">3.0儲存格內容看齊<TD ALIGN=LEFT|RIGHT|CENTER VALIGN=TOP|MIDDLE|BOTTOM></div><div class="cp">3.0不換行<TD NOWRAP></div><div class="cp">N3.0儲存格背景顏色<TD BGCOLOR=#$$$$$$></div><div class="cp">3.0儲存格橫向連接<TD COLSPAN=?></div><div class="cp">3.0儲存格縱向連接<TD ROWSPAN=?></div><div class="cp">N1.1儲存格寬度<TD WIDTH=?>（以pixels為單位）</div><div class="cp">N1.1儲存格寬度比率<TD WIDTH=%>（頁寬為100%）</div><div class="cp">3.0表格標題<TH></TH>（跟<TD>一樣，不過會對中並加粗）</div><div class="cp">3.0表格標題對齊<TH ALIGN=LEFT|RIGHT|CENTER VALIGN=TOP|MIDDLE|BOTTOM></div><div class="cp">3.0表格標題不換行<TH NOWRAP></div><div class="cp">3.0表格標題占幾欄<TH COLSPAN=?></div><div class="cp">3.0表格標題占幾列<TH ROWSPAN=?></div><div class="cp">N1.1 表格標題寬度<TH WIDTH=?>（以pixels為單位）</div><div class="cp">N1.1表格標題比率寬度<TH WIDTH=%>（頁寬為100%）</div><div class="cp">3.0表格抬頭<CAPTION></CAPTION></div><div class="cp">3.0表格抬頭看齊<CAPTION ALIGN=TOP|BOTTOM>（在表格之上/之下）</div><div class="cp">視框（定義與控制螢幕上的特定區域）</div><div class="cp">N2.0視框格式總定義<FRAMESET></FRAMESET>（取代<BODY>）</div><div class="cp">N2.0視框行長度分配<FRAMESET ROWS=,,,></FRAMESET>（pixels或%）</div><div class="cp">N2.0視框行長度分配<FRAMESET ROWS=*></FRAMESET>（*=相對大小）</div><div class="cp">N2.0視框欄寬度分配<FRAMESET COLS=,,,></FRAMESET>（pixels或%）</div><div class="cp">N2.0視框欄寬度分配<FRAMESET COLS=*></FRAMESET>（*=相對大小）</div><div class="cp">N2.0定義個別視框<FRAME>（定義個別視框）</div><div class="cp">N2.0個別視框內容<FRAME src='/URL'></div><div class="cp">N2.0個別視框名稱<FRAME NAME='***'|_blank|_self|_parent|_top></div><div class="cp">N2.0邊緣寬度<FRAME MARGINWIDTH=?>（「左」與「右」邊界）</div><div class="cp">N2.0邊緣高度<FRAME MARGINHEIGHT=?>（「天頂」與「地底」邊界）</div><div class="cp">N2.0捲動條<FRAME SCROLLING='YES|NO|AUTO'></div><div class="cp">N2.0不可改變大小<FRAME NORESIZE></div><div class="cp">N2.0無視框時的內容<NOFRAMES></NOFRAMES>（如果瀏覽器不提供視框功能的話）</div><div class="catlog-title is-1"><h3>計算機語言</h3><a id="catalog_2" class="title-anchor"></a></div><hr class="border-1"><div class="cp">網頁的源代碼就是網頁的語言構成你平時所看到的網頁</div><div class="cp">一般由一到兩種源代碼所編寫通常用來編寫網頁的計算機語言有如下三種：</div><div class="cp">1.HTML語言:最常用也是最基本的語言，網頁中不可或缺的語言。網頁的標題、框架、背景、字體、超鏈接、顏色等等元素的設置都由HTML語言來完成，如果說VB或者JAVA是網頁的靈魂的話，那<a target="_blank" href="/wiki/qg2xlq5rmkqvz05.html" title="HTML">HTML</a>語言就是網頁的身體，靈魂離了身體什麼都不是，但身體沒有靈魂最起碼他也有那麼個樣子。只用HTML語言製作的網頁的後綴名一般為“.HTM”或者“.HTML”。</div><div class="cp">2.<a target="_blank" href="/wiki/oyq6rgrgkzy4yrw.html" title="VB">VB</a>語言，也就是Visual Basic語言，可以在網頁中製作一些HTML語言無法完成的運算、效果、調用各種資料庫等等。屬於比較高級的語言，他賦予了網頁靈魂，使網頁更加豐富，使用HTML和VB語言共同編寫的網頁的後綴名一般為“.ASP”。</div><div class="cp">3.JAVA語言，功能跟VB語言幾乎一樣，但他的功能更強大，效果能天馬行空，現在大部分動態網頁都是使用HTML語言和JAVA語言編寫的，後綴名一般為“.ASP”或者“.JSP”。</div><div class="catlog-title is-1"><h3>有關資料</h3><a id="catalog_3" class="title-anchor"></a></div><hr class="border-1"><div class="cp">所謂代碼優化是指對程序代碼進行等價（指不改變程序的運行結果）變換。程序代碼可以是中間代碼(如四元式代碼)，也可以是目標代碼。等價的含義是使得變換后的代碼運行結果與變換前代碼運行結果相同。優化的含義是最終生成的目標代碼短(運行時間更短、佔用空間更小)，時空效率優化。原則上，優化可以再編譯的各個階段進行，但最主要的一類是對中間代碼進行優化，這類優化不依賴於具體的計算機。</div><div class="cp">編譯過程中可進行的優化可按階段劃分：優化可在編譯的不同階段進行，分為中間代碼一級和目標代碼一級的優化。可按優化涉及的程序範圍劃分：對同一階段，分為局部優化，循環優化和全局優化.進行優化所需要的基礎是對代碼進行數據流分析和控制流分析。如劃分DAG，查找循環，分析變數的定值點和引用點等等。最常用的代碼優化技術有刪除多餘運算，循環不變代碼外提，強度削弱，變換循環控制條件，合併已知量與複寫傳播，以及刪除無用賦值等等。</div><div style="clear: both"></div></div></div></div><div class="column is-narrow is-full-touch"><div class="sidebar"><div class="summary-albums"><a class="image" target="_blank" rel="noopener noreferrer nofollow" href="/album/o0xmm58o7oye844/pics.html"><img src="https://i1.twwiki.net/cover/w275/m5/1/m5141068299e823c8da143d896683fd3c.jpg"></a></div><div class="info-box"><div class="catlog-title is-2"><h4>基本信息</h4></div><div><dl><dt>中文名</dt><dd><div><span>網頁代碼</span></div></dd></dl><dl><dt>定義</dt><dd><div><span>網頁製作過程需用的特殊“語言”</span></div></dd></dl><dl><dt>程序代碼分類</dt><dd><div><span>目標代碼、中間代碼</span></div></dd></dl><dl><dt>代碼優化</dt><dd><div><span>對程序代碼進行等價變換</span></div></dd></dl><dl><dt>常用代碼</dt><dd><div><span>HTML，JavaScript，ASP，PHP等</span></div></dd></dl><dl><dt>基礎代碼</dt><dd><div><span>超文本標記語言</span></div></dd></dl></div></div></div></div></div><ul id="fixbar"><li class="gotop"><span class="icon is-large"><i class="iconf i-dingbu"></i></span></li><li class="dir"><span class="icon is-medium"><i class="iconf i-dir"></i></span><span class="bar-font">目錄</span></li></ul></div></div><footer class="py-5 footer"><div class="container has-text-centered"><a target="_blank" rel="nofollow" href="/site/privacy">隱私條款</a><span> | </span><a target="_blank" rel="nofollow" href="/site/contact">聯絡我們</a></div></footer><div class="modal" id="dir-modal"><div class="modal-background"></div><div class="modal-card"><header class="modal-card-head"><p class="modal-card-title">目錄</p><button class="delete" aria-label="close"></button></header><section class="modal-card-body"></section></div></div><script src="https://cdn.jsdelivr.net/npm/jquery@2.2.4/dist/jquery.min.js"></script><script src="https://i1.twwiki.net/js/com.min.js?v=12"></script><script async src="https://www.googletagmanager.com/gtag/js?id=G-PQB6P4TLQ5"></script><script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-PQB6P4TLQ5');</script></body></html>
]]></plaintext></div></div></div>