顯示具有 開發人員中心:HTML 標籤的文章。 顯示所有文章
顯示具有 開發人員中心:HTML 標籤的文章。 顯示所有文章

2014/02/12

使用 jQuery 替換全部符合條件的 HTML 標籤中的所有相符的文字

範例:

全部符合條件的 HTML 標籤是 class 為 demo 的 <div> 裡面的全部 <p>,也就是 div.demo p
所要替換的相符的文字是 Anonymous,替換成「匿名」

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) + );
    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 是用來在網頁訪問出錯時顯示、供網友回報錯誤。
Apache_HTTP_Server2.2_Installation_Wizard_Server_Information

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 多媒體檔案為例。