目前分類：HTML (20)
- Feb 12 Wed 2014 04:16
使用 jQuery 替換全部符合條件的 HTML 標籤中的所有相符的文字
- Nov 09 Wed 2011 12:50
限制 Apache 的 access.log 和 error.log 檔案大小
先停止服務 Apache2.2，而後刪除 access.log 和 error.log。
開啟 httpd.conf
搜尋 error.log，會找到這行：
- Nov 08 Tue 2011 02:40
透過設定 Apache 給網站的網頁都加上 favicon.ico
準備一個 favicon.ico 放在網頁根目錄 htdocs 裡面
編輯 httpd.conf，於末尾寫上這一行：
AddType image/x-icon .ico
然後重新啟動 Apache Web Server 的服務即可。
- Nov 30 Tue 2010 05:06
分享一個線上練習 HTML 以及 CSS 原始碼語法的線上工具
在這裡：http://www.w3schools.com/tags/tryit.asp?filename=tryhtml_li_value
其實就是 www.w3schools.com 這個網頁製作教學網站的 HTML 練習區域。它是分成左右兩個部分，『 左半邊方框 』輸入 HTML 原始碼，再按左上角的『 Edit and Click Me >> 』按鈕，就會在『 右半邊方框 』顯示真實的預覽效果。
尤其值得注意的是『 右半邊方框 』是一個獨立運作的網頁。在 <html> 和 <body> 之間加入這段 <head> 就會明瞭，『 右半邊方框 』就會整個變了顏色。
- Oct 05 Tue 2010 21:42
<a> 標籤僅作為 anchor 時使用無連結內容的空的 <a> 即可
通常 <a> 標籤都會有使用者自訂的 CSS 樣式。但是當 <a> 標籤僅作為 anchor 使用時並非是一個連結，它的 CSS 樣式應和文章內文的樣式相同。如果這樣的 <a> 套用在文字上，就必須另外寫 <a style="xxx"> 來覆蓋現有的 <a> 的樣式使之與文章正文的樣式相同。
現在使用無連結內容的空的 <a>，只需要將 <a id="xxx"></a> 放在想要作為 anchor 的文章內文開頭。像這樣
<a id="xxx"></a>這裡是一個段落的開頭或是一個標題的開頭
注意 <a> 的 id 不要和已經自訂的 css 的 id 相同，否則會被莫名其妙地套用 CSS 樣式。如果不幸想要起名的 <a> 的 id 和已經自訂的 css 的 id 相同，這時就應給 <a> 的 id 使用其他名稱，譬如在原本想要起名的名稱後面加上 -a_anchor，這樣應該肯定就不會和 CSS 的 id 相衝突。
- Jun 11 Thu 2009 12:39
Javascript 和 PHP 的瀏覽器 User Agent 顯示方法
Javascript
<script>document.write( navigator.userAgent );</script>
PHP
<?php echo $_SERVER['HTTP_USER_AGENT'] ?>
顯示效果相同，偶的 Firefox 都是這樣
- Jun 09 Tue 2009 13:32
透過 Apache 設定網頁的預設編碼
若網頁未指定編碼，則中文就會亂碼。使用 Apache HTTP Server，在配置檔案 httpd.conf 中能夠指定所有網頁的預設編碼，這樣就無需在每個 HTM、PHP 檔案中單獨指定編碼。
開啟 httpd.conf，在末尾加入
AddDefaultCharset big5
正體中文 Windows 都嘛是 big5，若開發網頁都是 UTF-8 就使用
- Jun 09 Tue 2009 12:50
HTML 和 PHP 的網頁自動重新整理
- Jun 09 Tue 2009 12:40
HTML、Javascript、PHP 的網頁自動轉址方法
HTML
<meta http-equiv="refresh" content="0;url=http://www.google.com.tw" />
Javascript
<script>document.location.href="http://www.google.com.tw";</script>
PHP
- Jun 09 Tue 2009 11:46
設定 HTML 檔案網頁編碼的兩種方式
XML：由 xhtml 引入，乃 XML 檔案中的第一行
<?xml version="1.0" encoding="big5"?>
meta：傳統的 <meta> 方式
<meta http-equiv="Content-Type" content="text/html; charset=big5" />
meta 簡寫：乃 <meta> 方式的偷懶寫法
- Jun 07 Sun 2009 21:27
簡單的 PHP 網站計數器
就是網頁每重新整理一次，就計數一次。
<?php
$hit = file_get_contents("count.txt");
file_put_contents("count.txt", ((int)$hit) + 1 );
echo file_get_contents("count.txt");
- Jun 07 Sun 2009 18:04
使用 PHP 設定網頁編碼
先看使用 <meta> 設定網頁編碼的方法
<meta http-equiv="Content-Type" content="text/html; charset=big5" />
再看使用 PHP 設定網頁編碼的方法
<?php
- Jun 07 Sun 2009 16:07
Apache 的 access.log 中不紀錄 127.0.0.1
自己本機電腦開發調試網頁，Apache 都會紀錄自己 127.0.0.1 的訪問。打開 C:\Apache\logs\access.log，就會看到都是 127.0.0.1 開頭的紀錄。access.log 本身不會自動刪除，其中的紀錄也不會自動刪除。伴隨著使用，access.log 會愈來愈大、徒佔硬碟空間。
先停止服務 Apache2.2，而後刪除 access.log。開啟 httpd.conf 並搜尋 access.log，會找到這行：
CustomLog "logs/access.log" common
將其變為
- Jun 06 Sat 2009 18:22
PHP 加速器 eAccelerator 安裝配置教學（Windows）
eAccelerator 官方沒有提供 Windows 版，只能下載第三方編譯的 Windows 版本：
http://www.apachelounge.com/download
下載網頁底部 Additional Downloads 部份中像這樣的檔案 eAccelerator-0.9.5.3-php5.2.9-2.zip
eAccelerator 必需搭配特定版本的 PHP 使用，本例中的 eAccelerator 需搭配 PHP 5.2.9-2
- Jun 06 Sat 2009 14:46
Apache 加 PHP 安裝配置教學（Windows）
官網下載最高版本號的 Apache，現在是 2.2 版。個人開發網頁不需要 HTTPS 支援，選擇下載 Win32 Binary without crypto (no mod_ssl) (MSI Installer) 提供的檔案。
安裝過程中的 Server Information 必需填寫以下內容：Network Domain 和 Server Name 都填 127.0.0.1；Administrator's Email Address 隨便填，這個 Email 是用來在網頁訪問出錯時顯示、供網友回報錯誤。
- Jun 06 Sat 2009 11:56
離線的 W3C HTML 校驗服務（使用 VMware）
Windows 比較麻煩：必需安裝 Web Server（如 Apache、IIS）和 VMware Workstation。並在 VMware Workstation 中安裝 Fedora。
VMware Workstation 灌好後，至控制台的網路連線，設置 VMnet8 的 IP 位址為 192.168.234.1、子網路遮罩 255.255.255.0
虛擬機創建的注意事項：Network Type 選擇 Use network address translation (NAT)，NAT 需要的 Windows 服務 Windows Firewall/Internet Connection Sharing (ICS) 必需處於啟動狀態。虛擬機的硬碟給 4GB，記憶體至少給 256MB。
- Jun 05 Fri 2009 22:50
Flash 通過 W3C 校驗的 HTML 原始碼（不使用 Embed 和 Javascript）
HTML 原始碼的基本形式
<object data="檔案.swf" width="400" height="400"
type="application/x-shockwave-flash">
<param name="movie" value="檔案.swf" />
</object>
- Jun 05 Fri 2009 17:22
分享一個橘黃色的 Flash 鬧鐘
用於嵌入網頁的 HTML 原始碼
<embed src="鬧鐘.swf" width="400" height="400" />
一般指定相同的寬度和高度即可。增加寬度和高度就會使鬧鐘的圖像放大，放大不會使 Flash 圖像失真；減少寬度和高度就會使鬧鐘的圖像縮小，但要注意縮小到一定程度會使鬧鐘變得模糊。若寬度和高度不同，則橫向或縱向就會有多餘的空白，不過這多於的空白倒是可以用在網頁中鬧鐘擺放位置上的精確定位。這個 Flash 時鐘的背景是白色，適合於大多數網頁的背景顏色。
下載橘黃色的 Flash 鬧鐘：clock.swf
- Feb 08 Sun 2009 05:21
使用 iframe 讓網頁載入時自動下載檔案
<iframe src="http://localhost/file.zip" style="display:none" width="0" > </iframe>
SRC
src 中指定的欲下載檔案應為 zip、7z、rar、exe 等瀏覽器認為應將其進行下載動作之檔案類型。其他檔案類型不確定是否會進行下載動作，假如是 wmv 檔案，雖然 IE6 會進行下載，但是 Opera 9.63 和 Firefox3 就會於網頁中調用 Windows Media Player 進行播放。所以保險起見應先行將檔案壓縮，再用 iframe 嵌入網頁。
STYLE
- Jan 19 Mon 2009 03:34
在網頁中嵌入 Windows Media Player 多媒體檔案
<object classid="CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6" width="335" height="304">
<param name="url" value="檔案.wmv">
<param name="AutoStart" value="0">
<embed autostart="0" type="application/x-ms-wmp" width="335" height="304" src="檔案.wmv" />
</object>
PCSX2 (19)
