網頁:本網誌常用的HTML tag - AayJay's Experimental Blog Beta 00

AayJay's Experimental Blog Beta 00

Creative Commons License
Creative Commons License

本 作品 係採用共享創意 署名-相同方式共享 3.0 香港 授權條款授權。
This work is licenced under a Creative Commons Licence.

2009 年 5 月 27 日  星期三

網頁:本網誌常用的HTML tag

last update:
2009-06-01 05:05 PM

Web

<序言 a.k.a.="廢話">

沒有耐性的人可以略過本序。& lt;/p>

要說這個網誌與其他網誌不同的地方?我想是文本的豐富性及多變性吧。

不像某些以多媒體為主的網址,這裡的圖片、影片、聲效也不多,那文字就自然成為了這裡的主角了。由於這裡的網主不是一個太講求文筆與文字修飾的人,很多時候也只是我手寫我口,所講的也沒有深度。所以若缺少了這些文字格式與裝飾,這裡就只是一個極為平凡的網誌而已。基於學校課程及興趣關係,我於兩年前開始接觸 HTML,自此便形成了手寫網頁的癖好。所謂的手寫網頁 (這個詞語是我作的) 是以文本編輯器寫出整個網頁,而不用任何 IDE 工具 (如 Adobe Dreamweaver ) 編輯網頁格式。至於為何叫作癖好呢...因為這樣非常耗時。如果是沒有興趣的,應該會在十分鐘內放棄,情況基本上像對著一種不懂的語言 (不過HTML也算是語言的一種就是了)。但手寫網頁的好處在於擁有網頁的全權控制權、自主性,網頁寫得好不好完全是基於自己而不是寫軟件的人及翻譯的人的智慧。

其實就算不寫網頁,作為 blogger,學一下 HTML 也是好的,越來越多網誌系統支援用戶輸入 HTML 來定義文字及網誌的外觀,有對HTML的認識便能隨心地在沒有相關 GUI 的情況下作編輯。就以 xanga 為例,在不接觸 HTML 的情況下,這個編輯器是不能定義上標下標的,但透過 HTML 就得輕易做到。

廢話講太多了,還是快點開始講tag吧...

</序言>

最多人用而最多人不知自己用了的 tag,是分段的<p> (paragraph)。

<p>這是第一段< /p>
<p>這是第二段</p>

這樣就會分了兩段出來了,段與段之間會有一空白行存在。但以<p>來作分行是一個不好的習慣,這個工作請留給<br>(line break)做。奈何,xanga 的編輯器在 IE 中按下 Enter 就會走出一個<p>,Shift + Enter 才是<br>,真是一個奇怪的設定。

上面提過的<br>(break line),顧名思義,是用來斷行的。Xanga 早兩年轉用了 XHTML (一種比語法要求比 HTML 嚴格的修改版),但編輯器就沒有改變,按 Shift + Enter 時會走出一個 <br> 而不是 XHTML 要求的 <br />。XHTML 要求每一個 tag 都有 closing tag,包括 empty tag 如 <br> (<br />)、<hr> (<hr />)、<img> (<img />)等。

原本 XHTML標準只要求如<br/>的語法,為何要寫成 <br /> (中間有空格) 呢?因為 IE 6 與 IE 7 在沒有空格的情況下不能正常顯示網頁 (沒錯,又是偉大的 IE)。在 IE 上使用 Xanga 的編輯器則更離譜,會走出個 <BR>。HTML tag 沒有大細寫之分,但源於 XML (tag 有分大小寫) 的 XHTML 則一定要用小寫的 tag。所以,全個 Xanga 內的網頁都不符合標準了。

超連結是萬維網的基礎之一,但由於使用量不及<p> 及<br />多,所以放到第三位。

<a href="網址">顯示文字</a>

這是定義超連結的 HTML。其實 <a> 還有其他用途 (所謂的撈點),不過本站少用,而且在 Xanga 上沒有什麼用途 (雖然 Xanga 系統內用得頗多),所以不談了。要插入圖片,就只需加入以下的語句:

<img src="相片網址" alt="替代文字" title="顯示文字" />

替代文字是指當圖片顯示不到時會顯示的文字。根據 HTML 標準,這個屬性是必須的,奈何 Xanga 的編輯器是不會自動增加這個屬性的。顯示文字是指把指標放到圖片上時會顯示的文字。顯示文字是非必要的,若不想要這屬性,只需把「title="顯示文字"」整個刪去就可以了。

在說完在其他網頁也存在的 tag 後,該談一談常人不會用到 (因為 GUI 不提供) 而這裡常用的 tag了。打頭陣的是:

<sup>上標< /sup>

<sub>下標</sub>

這些 tag 的效果上文有了。上下標的用途很多,但要說出來很複雜 (至少我這樣認為),所以煩請讀者自己想了。

然後是縮寫 (abbreviation) 的 tag,這在本文中使用了多次,它的語法如下:

<abbr title="全寫">縮寫</abbr>

除 <abbr> 外,還有一個表示字首語的 <acronym>,文法上它們應有分別,但 HTML 中完全可以互通,那用時當然用打較少字的 <abbr> 啦。

要引用又不想用引號?<blockquote>幫到你。

<blockqute>引用< /blockquote>

以上表示 HTML 的縮排就是 <blockquote> 的效果,但 Xanga 編輯器的縮排效果不是用 <blockquote> 達成的。這 tag 不帶屬性 (如果要加的話還是有的)。

若讀者對 HTML、XHTML 等感興趣的話,我推薦以下網站。
W3Schools - 網上 HTML 教材
Markup Validation Service - W3C 官方 HTML validator

 [ 編輯日誌 ] [ 分享至FACEBOOK ]  




訪客留言 (返回 aayjaychan 的日誌)

訪客名稱:
電郵地址: (不會公開)
驗證碼:  按此更新驗證碼 (如看不清楚驗證碼請點擊圖片刷新)
俏俏話: (必需 登入 後才能使用此功能)
[ 開啟多功能編輯器 ]



[ 返回 aayjaychan 的日誌 ]


Parallel Universe

in Xanga (那裡較熱鬧...)