<![CDATA[A.PAO designSTUDIO BLOG]]> https://blog.apao.idv.tw/index.php zh-tw https://blog.apao.idv.tw/post/642/ <![CDATA[HTML中常用的meta寫法]]> apao <apao@www.apao.idv.tw> Tue, 10 Aug 2010 14:13:02 +0000 https://blog.apao.idv.tw/post/642/ 像是↓的寫法︰
<HEAD>
<meta>......</meta>
</HEAD>

文字字碼指定︰
<meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″>
要再附帶以下說明，以防搜尋引擎找不到。
<meta http-equiv=”Content-Language” content=”zh-tw”>
<meta http-equiv=”Content-Language” content=”ja”>
<meta http-equiv=”Content-Language” content=”en”>

zh-cn (Chinese)中国
fr (French)法国
de (German)德国
it (Italian)意大利
nl (Dutch)荷兰
el (Greek)希腊
es (Spanish)西班牙
pt (Portuguese)葡萄牙
ar (Arabic)阿拉伯
ru (Russian)俄罗斯
ja (Japanese)日本


<Meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<meta HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=big5">

網站的介紹︰description
<meta name="description" content="A.PAO DesignSTUDIO 介紹色彩學的部落格">

網站的關鍵字︰keywords 用[,]做區隔
<meta name="keywords" content="HTML,カラー,画像,特殊文字,リファレンス">
<meta name=”keywords” Lang=”EN” content=”key” >
<meta name=”keywords” Lang=”zh-TW” content=”關鍵字” >

對機器人的指定動作︰不做搜尋引擎全文搜索（noindex）,不受搜尋引擎連結（nofollow）
<meta name="robots" content="noindex,nofollow">

公司名稱︰
<meta name=COPYRIGHT content=”九日國際有限公司 http://www.apao.idv.tw“>

外部程式的連結︰
<meta http-equiv="Content-Style-Type" content="text/css">
<meta http-equiv="Content-Script-Type" content="text/javascript">

網頁的連結與重新整理︰
<meta http-equiv="refresh" content="5; url=http://blog.apao.idv.tw">
<meta http-equiv="refresh" content="5">

瀏覽器內暫存的重新整理時間︰
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="Sat, 31 Aug 2002 17:35:42 GMT">

網頁文字作者︰但有時指網頁作者，或文字提供者
<meta name="author" content="A.PAO NetworkSTUDIO">

網頁編修者︰有時指編輯軟體
<meta name="generator" content="notepad">  

手機版網頁顯示專用
<meta name="viewport" content="width=device-width, initial-scale=1.0">

<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0">

<meta name="viewport" content=”width=横幅, initial-scale=初期の倍率, user-scalable=ユーザーによる拡大・縮小の許可を指定, minimum-scale=最小倍率の指定, maximum-scale=拡大可能な最大の倍率">

<meta name="viewport" content=”width=寬度, initial-scale=原始倍率, user-scalable=是不是能經由用戶放大或是縮小, minimum-scale=最小的縮小倍率, maximum-scale=最大的放大倍率">

width:[數字] 或 device-width
height:[數字] 或 device-height
initial-scale:最小0.25，最大5
minimum-scale:最小0.25，最大5
maximum-scale:最小0.25，最大5
user-scalable:1 或 0 (yes 或 no)

Tags - , , , , , , ]]> https://blog.apao.idv.tw/post/612/ <![CDATA[HTML 特殊文字變換工具 (特殊文字変換ツール]]> apao <apao@www.apao.idv.tw> Tue, 13 Jul 2010 06:30:26 +0000 https://blog.apao.idv.tw/post/612/ 點擊在新視窗中瀏覽此圖片

在某些部落格中常常沒辦法貼html的語法，這個變換工具可以讓你的部落格中寫入的html正確的變換成html個格式，我也有時會有用到memo一下囉。

http://www.hamusuta.net/openbbs/pc/html.php
Tags - , , ]]> https://blog.apao.idv.tw/post/222/ <![CDATA[推文按鈕 程式 (Facebook, Plurk, Twitter...)]]> apao <apao@www.apao.idv.tw> Sat, 26 Dec 2009 12:12:02 +0000 https://blog.apao.idv.tw/post/222/
Facebook 推文按鈕語法(文字範例)
↓直接拷貝到適當的html文當中。
<a href="javascript: void(window.open('http://www.facebook.com/share.php?u='.concat(encodeURIComponent(location.href)) ));">[Facebook推文]</a>

Facebook 推文按鈕語法(圖片範例)
↓直接拷貝到適當的html文當中。
<a href="javascript:
void(window.open('http://www.facebook.com/share.php?u='.concat(encodeURIComponent(location.href))
));"><img src="http://www.YourName.xx/images/banner_facebook.gif" width="120" height="32"
border="0" /></a>
↑[http://www.YourName.xx/images/banner_facebook.gif]請注意放置位置。

素材︰點擊在新視窗中瀏覽此圖片


Plurk噗浪推文按鈕語法(文字範例)
↓直接拷貝到適當的html文當中。
<a href="javascript: void(window.open('http://www.plurk.com/?qualifier=shares&status=' .concat(encodeURIComponent(location.href)) .concat(' ') .concat('(') .concat(encodeURIComponent(document.title)) .concat(')')));">[Plurk推文]</a>

Plurk噗浪推文按鈕語法(圖片範例)
↓直接拷貝到適當的html文當中。
<a href="javascript:
void(window.open('http://www.plurk.com/?qualifier=shares&status='
.concat(encodeURIComponent(location.href)) .concat(' ') .concat('(')
.concat(encodeURIComponent(document.title)) .concat(')')));"><img
src="http://www.YourName.xx/images/banner_plurk.gif" width="120" height="32" border="0" /></a>
↑[http://www.YourName.xx/images/banner_plurk.gif]請注意放置位置。

素材︰點擊在新視窗中瀏覽此圖片


Twitter推文按鈕語法(文字範例)
↓直接拷貝到適當的html文當中。
<a href="javascript: void(window.open('http://twitter.com/home/?status='.concat(encodeURIComponent(document.title)) .concat(' ') .concat(encodeURIComponent(location.href))));">[Twitter推文]</a>

Twitter推文按鈕語法(圖片範例)
↓直接拷貝到適當的html文當中。
<a href="javascript:
void(window.open('http://twitter.com/home/?status='.concat(encodeURIComponent(document.title))
.concat(' ') .concat(encodeURIComponent(location.href))));"><img
src="http://www.YourName.xx/images/banner_twitter.gif" width="120" height="32" border="0" /></a>
↑[http://www.YourName.xx/images/banner_twitter.gif]請注意放置位置。

素材︰點擊在新視窗中瀏覽此圖片

Tags - , , , , , ]]> https://blog.apao.idv.tw/post/176/ <![CDATA[[IE only] 網頁上呼叫MSN Messenger的連結]]> apao <apao@www.apao.idv.tw> Tue, 20 Oct 2009 00:19:14 +0000 https://blog.apao.idv.tw/post/176/ 點擊在新視窗中瀏覽此圖片

msnim有以下幾種寫法，可以放置於網頁中或部落格等等︰

● add:新增聯絡人<msnim:add?contact=自己的MSN帳號@xxx.xx>
語法︰<a href="msnim:chat?contact=你的MSN帳號@xxx.xx">把我加到你的MSN好友</a>
範例︰把我的帳號(apao0001)加到你的MSN好友

● chat:開啟參與聯絡人的對話視窗
語法︰<a href="msnim:chat?contact=你的MSN帳號@xxx.xx">用MSN與我聯繫</a>
範例︰用MSN與我(apao0001)聯繫

● voice:啟動語音對談 <msnim:voice?contact=自己的MSN帳號@xxx.xx>
語法︰<a href="msnim:voice?contact=你的MSN帳號@xxx.xx">用MSN和我語音通話</a>
範例︰用MSN和我(apao0001)語音通話 ※我用的是Mac版無此對應功能

● video:啟動視訊對談 <msnim:video?contact=自己的MSN帳號@xxx.xx>
語法︰<a href="msnim:video?contact=你的MSN帳號@xxx.xx">用MSN和我視訊通話</a>
範例︰用MSN和我(apao0001)視訊通話 ※我用的是Mac版無此對應功能

備註︰
1.這個指令必須在Windows IE上，配合MSN Message7.5以上版本上執行才有效

2.MSN 按鈕產生器
┣ MSN 按鈕產生器
┗ Windows Live Messenger 特務喬裝道具


Tags - , , , , , , ]]> https://blog.apao.idv.tw/post/83/ <![CDATA[什麼是 BBCode 代碼?]]> apao <apao@www.apao.idv.tw> Thu, 04 Dec 2008 05:44:41 +0000 https://blog.apao.idv.tw/post/83/
BBCode是Bulletin Board Code的縮寫，有譯為「BB代碼」者，屬於輕量標記語言（Lightweight Markup Language）的一種，如字面上所顯示的，它主要是使用在BBS、論壇、Blog等網路應用上。BBCode最初由Ultimate Bulletin Board討論區系統發展出來，因此常見UBB代碼的稱呼。BBCode的語法通常為[標記]這種形式，即語法左右用兩個中括號包圍，以作為與正常文字間的區別。系統解譯時遇上中括弧便知道該處是BBcode，會在解譯結果輸出到用戶端時轉換成最為通用的HTML語法。

Wikipedia BB Code

BB Code 範例：
[b]粗體[/b]
[url]http://wikipedia.org/[url]
[img]http://blog.apao.idv.tw/attachment/1226765860_0.png[/img]

HTML 範例：
<b>粗體</b>
<a href="http://wikipedia.org"> http://wikipedia.org</a>
<img src="http://upload.wikimedia.org/wikipedia/commons/thumb/6/63/Wikipedia-logo.png/72px-Wikipedia-logo.png">


BBCode 代碼是一種整合 HTML 的特別語法, 您可不可以使用 BBCode 代碼取決於系統管理員的開放與否, 另外您也可以在每個版面的發表中取消這個功能. BBCode代碼的型式類似HTML語法, 但是標籤是用 [ 及 ] 含括著而不需要使用 < 及 >, 而且提供了較佳的操作性方便使用者控制版面的編排. 您可以在文章發表的表格上方發現一系列便捷的 BBCode 代碼按鈕 (置放位置會依不同的佈景樣式而有所不同).

Mozilla Taiwan / BBCode 代碼說明


BBCode というのは HTML の特別版のようなものです。フォーラムで実際に BBCode を使用できるかは管理者の設定次第ですが、それに加えて投稿フォームの設定により投稿単位で BBCode を無効にすることもできます。 BBCode 自体は HTML と同じような書式です。 < と > ではなく角括弧 [ と ] で囲んだもので、何がどのように表示されるかをより強力に制御できます。使用するテンプレートにも依りますが、投稿フォームのメッセージエリア上部にあるボタンを使えば、HTML を書くよりもかなり簡単に BBCode の入力ができます。

Mozilla Japan 翻訳部門 / BBCode とは？


Tags - ]]>