[HTML][CSS] – span與div的差異

<div> 是一個塊級(block-level)，它包圍的元素和包圍之外的元素會自動換行。

<span> 僅是一個行內元素(inline elements)，在它的前後皆不會自動換行的效果。

ex.

<div>
a
</div>
<div>
b
</div>
c

<span>
a
</span>
<span>
b
</span>

結果：

a

b
c a b

[HTML][CSS] – span與div的差異

<div> 是一個塊級(block-level)，它包圍的元素和包圍之外的元素會自動換行。

<span> 僅是一個行內元素(inline elements)，在它的前後皆不會自動換行的效果。

ex.

<div>
a
</div>
<div>
b
</div>
c

<span>
a
</span>
<span>
b
</span>

結果：

a

b
c a b

[Smarty] – how to use 『break or continue』 ?

Smarty 樣版引擎，
如何在 section 迴圈要使用如 PHP 中所使用的 break 或 continue 呢 ?

方法還是得利用 Smarty 中 PHP 方法…

{section name=loop loop=$record}
{if $record[loop].id == “xx"}
{php}break;{/php}
{php}continue;{/php}
{/if}
{/section}

[checkbox] – Array 型態 進行全選、全不選

大部份的人在進行 checkbox 全選、全不選的方式，

checkbox name 命令的方式都是用 name+i(流水號)，

再用 for 迴圈達到效果，

但如 checkbox name 是使用 Array 又要如何達到同樣的效果呢 ?

<form>

<input type="checkbox" name="check[]" value="1″>

<input type="checkbox" name="check[]" value="2″>

<input type="checkbox" name="check[]" value="3″>

<input type="button" value="全選" onclick="javascript :var e=this.form.elements;for(var i=0;i<e.length;i++)if(e[i].name==’check[]’)e[i].checked=true;“>

<input type="button" value="全不選" onclick="javascript :var e=this.form.elements;for(var i=0;i<e.length;i++)if(e[i].name==’check[]’)e[i].checked=false;“>

<input type="submit" value="提交">

</form>

如何將字串轉成 URL 形式的亂碼

由於直接將中文放在 URL 傳到網頁會造成中文無法讀取，所以需要先將中文轉成亂碼的形式再傳入 URL，這樣一來網頁就可以讀到正確的中文。

在 Java 中是以 URLEncoder 來處理，它是一個 static 函數，只要直接呼叫並傳入中文字串就可以得到 URL 亂碼形式的字串了。像是：

URLString=URLEncoder.encode(」亂碼」,」utf-8〞);

再將這個亂碼傳到 URL 如：

http://www.mywebsite.com?name=%E5%88%B0%E4

URLEncoder API：

http://java.sun.com/j2se/1.5.0/docs/api/index.html

[html][符號]

○非斷行空格(Non-breaking Space)

在HTML最常使用的符號本體就是非斷行空格。

HTML通常會將文件中的空格切短。如果你在文件中留十個空格，HTML會切掉九個。要在文件中增加空格，就必須使用 符號本體。