範例:
全部符合條件的 HTML 標籤是 class 為 demo 的 <div> 裡面的全部 <p>,也就是 div.demo p
所要替換的相符的文字是 Anonymous,替換成「匿名」
2014/02/12
使用 jQuery 替換全部符合條件的 HTML 標籤中的所有相符的文字
2011/11/09
限制 Apache 的 access.log 和 error.log 檔案大小
先停止服務 Apache2.2,而後刪除 access.log 和 error.log。
開啟 httpd.conf
搜尋 error.log,會找到這行:
2011/11/08
透過設定 Apache 給網站的網頁都加上 favicon.ico
準備一個 favicon.ico 放在網頁根目錄 htdocs 裡面
編輯 httpd.conf,於末尾寫上這一行:
AddType image/x-icon .ico
然後重新啟動 Apache Web Server 的服務即可。
2010/11/30
分享一個線上練習 HTML 以及 CSS 原始碼語法的線上工具
在這裡:http://www.w3schools.com/tags/tryit.asp?filename=tryhtml_li_value
其實就是 www.w3schools.com 這個網頁製作教學網站的 HTML 練習區域。它是分成左右兩個部分,『 左半邊方框 』輸入 HTML 原始碼,再按左上角的『 Edit and Click Me >> 』按鈕,就會在『 右半邊方框 』顯示真實的預覽效果。
2010/10/05
<a> 標籤僅作為 anchor 時使用無連結內容的空的 <a> 即可
通常 <a> 標籤都會有使用者自訂的 CSS 樣式。但是當 <a> 標籤僅作為 anchor 使用時並非是一個連結,它的 CSS 樣式應和文章內文的樣式相同。如果這樣的 <a> 套用在文字上,就必須另外寫 <a style="xxx"> 來覆蓋現有的 <a> 的樣式使之與文章正文的樣式相同。
2009/06/11
Javascript 和 PHP 的瀏覽器 User Agent 顯示方法
Javascript
<script>document.write( navigator.userAgent );</script>
PHP
2009/06/09
透過 Apache 設定網頁的預設編碼
若網頁未指定編碼,則中文就會亂碼。使用 Apache HTTP Server,在配置檔案 httpd.conf 中能夠指定所有網頁的預設編碼,這樣就無需在每個 HTM、PHP 檔案中單獨指定編碼。
開啟 httpd.conf,在末尾加入
2009/06/09
HTML 和 PHP 的網頁自動重新整理
HTML 檔案:每 5 秒自動重新整理自己一次。url=''(兩個單引號)
<meta http-equiv="refresh" content="5;url=''" />
PHP 檔案:每 5 秒自動重新整理自己一次。
2009/06/09
HTML、 Javascript、PHP 的網頁自動轉址方法
HTML
<meta http-equiv="refresh" content="0;url=http://www.google.com.tw" />
Javascript
2009/06/09
設定 HTML 檔案網頁編碼的兩種方式
XML:由 xhtml 引入,乃 XML 檔案中的第一行
<?xml version="1.0" encoding="big5"?>
meta:傳統的 <meta> 方式
2009/06/07
簡單的 PHP 網站計數器
就是網頁每重新整理一次,就計數一次。
<?php
$hit = file_get_contents("count.txt");
file_put_contents("count.txt", ((int)$hit) + 1 );
echo file_get_contents("count.txt");
?>
首次執行時計數器應該顯示『1』
2009/06/07
使用 PHP 設定網頁編碼
先看使用 <meta> 設定網頁編碼的方法
<meta http-equiv="Content-Type" content="text/html; charset=big5" />
再看使用 PHP 設定網頁編碼的方法
2009/06/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
將其變為
2009/06/06
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
2009/06/06
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 是用來在網頁訪問出錯時顯示、供網友回報錯誤。
2009/06/06
離線的 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。
2009/06/05
Flash 通過 W3C 校驗的 HTML 原始碼(不使用 Embed 和 Javascript)
HTML 原始碼的基本形式
<object data="檔案.swf" width="400" height="400"
type="application/x-shockwave-flash">
<param name="movie" value="檔案.swf" />
</object>
為通過 W3C 校驗,還需將 Flash 的基本 HTML 原始碼套入在以下的任何一個標籤之中:"ins", "del", "h1", "h2", "h3", "h4", "h5", "h6", "p", "div", "address", "fieldset"。例如使用 <address> 標籤。
2009/06/05
2009/02/08
使用 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 嵌入網頁。
2009/01/19
在網頁中嵌入 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>
此 HTML 原始程式碼以網路上最常見的 320x240 wmv 多媒體檔案為例。