| suiis首頁 | 設為首頁 | 加入最愛
限時特價商品
» 更多
 
現在位置:討論區 / 電腦疑難雜症 / 所有回應 電腦疑難雜症 # 193903 之文章
討論區/電腦疑難雜症 文章

上一篇:電腦要丟哪?    下一篇:修理後卻更慢
主題:秘笈:加HTML碼與討論區貼文功能共生,以活潑文章排版、連結(請看「古怪不吃素謬誤59條」操作實例) 含原文總篇數 1
原       文
作者: itchy【羅一極】
發表日期:2007/09/15 8:25:02
文章編號:193903   推文人氣指標: (0)

秘笈:加HTML碼與討論區貼文功能共生,以活潑文章排版、連結(請看「古怪不吃素謬誤59條」操作實例)



請先熱身,參考活潑文章排版、連結的操作實例:古怪不吃素謬誤59條 (請注意排版和連結的部份)



本文假設讀者了解基本HTML。



我發現在「發表新文章」或「修改文章-Window...」在按「確定」鈕後,貼文(通常都是先在譬如notepad 上先輸入再貼到討論區)會經前置處理如下(藉著觀察IE 的right click/view source功能):

  1. 所有的「強迫斷行」(即在notepad按Enter鍵)都會改成<br>


    這個可能是村民如詩篇貼文最重要的「排版」功能(當然,如果在斷行前一行若太長,這一行會自動流到下一行;此意味著一個段落只能斷行一次)



    p tag 到 /p tag 之間,本來任意斷行都可被自動接起來,因為前置處理加入了br tag 導致無效,所以一個段落只能斷行一次(此意味著p tag無啥路用了)。



    要記得每次斷行都會多跑出一行空白來(因為多加的br tag)



  2. 所有的'<'字元前加上<font color="blue">,之後第一個碰到的「斷行」改成</font><br>


    這是「引用」文的做法,也被許多村民用做改變字體顏色的方法(因為必須改整行,所以大部份都用於標題)



  3. 所有的連結共要符合URL的文法,皆可被認出而加上HTML的anchor tag.


    這是不自己加上HTML碼,而能提供連結的方法(只是太冗長,也無法直接提供此URL的內容提示)



  4. 至少所有的&lt;、&gt;和&amp;都會改成<、>和&


    如此一來,若用討論區編輯功能窗口下一次就會被當成HTML碼處理了!(所以最好只在notepad上編輯再拷貝貼文)



  5. html tag,head tag和body tag也會自動加上



    所以最好不要再加上自己的,以免互相干擾!




因為必須與討論區貼文功能共生,所以建議非必要或沒把握時盡量不要使用HTML語法,因為如果使用不當,文章是不會Show出來,甚至會讓整個網頁的版面錯亂,反而徒增困擾。這是因為HTML閱讀器(譬如IE)非常「好講話」(as a forgiving language),碰到任何錯誤語法,永遠不「抱怨」,只是一路埋頭苦幹(或亂搞)!最後建議HTML碼加一點,測一點,比較容易找出錯誤。



回到本頁頂端




此篇文章在notepad的原始碼如下:



<a name="top"></a>秘笈:加HTML碼與討論區貼文功能共生,以活潑文章排版、連結(請看「古怪不吃素謬誤59條」操作實例)



請先熱身,參考活潑文章排版、連結的操作實例:<A HREF="http://www.vegeworld.com.tw/Forum/Article.asp?no=193665">古怪不吃素謬誤59條</A> (請注意排版和連結的部份)



本文假設讀者了解基本HTML。



我發現在「發表新文章」或「修改文章-Window...」在按「確定」鈕後,貼文(通常都是先在譬如notepad 上先輸入再貼到討論區)會經前置處理如下(藉著觀察IE 的right click/view source功能):

<ol><li>所有的「強迫斷行」(即在notepad按Enter鍵)都會改成&lt;br&gt;<br>

這個可能是村民如詩篇貼文最重要的「排版」功能(當然,如果在斷行前一行若太長,這一行會自動流到下一行;此意味著一個段落只能斷行一次)



p tag 到 /p tag 之間,本來任意斷行都可被自動接起來,因為前置處理加入了br tag 導致無效,所以一個段落只能斷行一次(此意味著p tag無啥路用了)。



要記得每次斷行都會多跑出一行空白來(因為多加的br tag)



<li>所有的'&lt;'字元前加上&lt;font color="blue"&gt,之後第一個碰到的「斷行」改成&lt;/font&gt;&lt;br&gt;<br>

這是「引用」文的做法,也被許多村民用做改變字體顏色的方法(因為必須改整行,所以大部份都用於標題)



<li>所有的連結共要符合URL的文法,皆可被認出而加上HTML的anchor tag.<br>

這是不自己加上HTML碼,而能提供連結的方法(只是太冗長,也無法直接提供此URL的內容提示)



<li>至少所有的&amp;lt;、&amp;gt;和&amp;amp;都會改成&lt;、&gt;和&amp;<br>

如此一來,若用討論區編輯功能窗口下一次就會被當成HTML碼處理了!(所以最好只在notepad上編輯再拷貝貼文)



<li>html tag,head tag和body tag也會自動加上



所以最好不要再加上自己的,以免互相干擾!</ol>



因為必須與討論區貼文功能共生,<A HREF="http://www.vegeworld.com.tw/Forum/Article.asp?no=1780">所以建議非必要或沒把握時盡量不要使用HTML語法</A>,因為如果使用不當,文章是不會Show出來,甚至會讓整個網頁的版面錯亂,反而徒增困擾。這是因為HTML閱讀器(譬如IE)非常「好講話」(as a forgiving language),碰到任何錯誤語法,永遠不「抱怨」,只是一路埋頭苦幹(或亂搞)!最後建議HTML碼加一點,測一點,比較容易找出錯誤。



<a href="#top">回到本頁頂端</a>

※此文原作者於2007/09/18 0:51:03修改過。


  發表文章   回覆原文  引用原文   精華區  
回 應 文 章
共 0 筆 第 1 頁/共 1 頁   << 上一頁下一頁 >>

上一篇:電腦要丟哪?    下一篇:修理後卻更慢


建議使用IE7.0以上, FireFox 3.0以上, Chrom的瀏覽器,瀏灠模式1024x768
本網站內容、圖案、著作權 及責任歸作者所有,禁止未經授權轉貼節錄使用
© 1997-2024 suiis|素易 All Rights Reserved.