「HTML」修訂間的差異

出自ProgWiki
跳至導覽 跳至搜尋
行 56: 行 56:
  
 
===建議不再使用的HTML標簽與屬性===
 
===建議不再使用的HTML標簽與屬性===
 +
{{wikipedia|Comparison_of_browser_engines_(HTML_support)#Non-standard_items|lang=en}}
 
{{HideH|HTML標簽}}
 
{{HideH|HTML標簽}}
 
{| border="1" class="wikitable sortable" width="100%"
 
{| border="1" class="wikitable sortable" width="100%"
行 61: 行 62:
 
! 原本的HTML標簽 !! 作用 !! 日後改用
 
! 原本的HTML標簽 !! 作用 !! 日後改用
 
|-
 
|-
|<pre><applet></applet></pre> || ||
+
|<pre><applet></applet></pre> || 執行Java applet ||
 
|-
 
|-
 
|<pre><basefont /></pre> || || [[CSS#字型相關CSS]]
 
|<pre><basefont /></pre> || || [[CSS#字型相關CSS]]
行 71: 行 72:
 
|<pre><center></center></pre> || 置中 || style="text-align:center;"
 
|<pre><center></center></pre> || 置中 || style="text-align:center;"
 
|-
 
|-
|<pre><dir></dir></pre> || ||
+
|<pre><dir></dir></pre> || || ul, ol
 
|-
 
|-
 
|<pre><embed /></pre> || ||
 
|<pre><embed /></pre> || ||
行 83: 行 84:
 
|<pre><layer></layer></pre> || ||
 
|<pre><layer></layer></pre> || ||
 
|-
 
|-
|<pre><menu></menu></pre> || ||
+
|<pre><menu></menu></pre> || || ul, ol
 
|-
 
|-
 
|<pre><noembed></noembed></pre> || ||
 
|<pre><noembed></noembed></pre> || ||
 
|-
 
|-
|<pre><s></s></pre> || 刪除線 ||
+
|<pre><s></s></pre> || 刪除線 || del<hr/>style="text-decoration:line-through;"
 
|-
 
|-
 
|<pre><shadow></shadow></pre> || ||
 
|<pre><shadow></shadow></pre> || ||
 
|-
 
|-
|<pre><strike></strike></pre> || ||
+
|<pre><strike></strike></pre> || 刪除線 || del<hr/>style="text-decoration:line-through;"
 
|-
 
|-
|<pre><u></u></pre> || 底線 ||
+
|<pre><u></u></pre> || 底線 ||style="text-decoration:underline;"
 
|}
 
|}
 
{{HideF}}
 
{{HideF}}

於 2020年5月27日 (三) 23:04 的修訂

HTMLHyperText Markup Language),參照:『維基百科~HTML』。

版本

版本 發佈日期 技術文件 已過時
1.0 1993年6月 Hypertext Markup Language (HTML) - Internet Draft
2.0 1995年11月 RFC 1866 - Hypertext Markup Language - 2.0
3.2 1996年1月14日 HTML 3.2
4.0 1997年12月18日 HTML 4.0
4.01 1999年12月24日 HTML 4.01
ISO HTML 2000年5月15日 ISO/IEC 15445:2000
HTML5 2014年10月28日 HTML 5.0

技術文件

應用

ActiveX

C#

Java

FAQ

常用的特殊字元寫法

關閉遊覽器自帶的自動完成

  • 加上 autocomplete="off"
<input type="text" name="cc" autocomplete="off" />

關於HTML DOM取得Element的方法

  • document.getElementById: 根據傳入的值,找到 DOM 中 id 為該值的元素。
  • document.getElementsByTagName: 傳回一個陣列,陣列內元素為 tag 名稱符合傳入的參數。
  • document.getElementsByName: 傳回一個陣列,陣列元素的 name 屬性值符合傳入的參數。

關於表單內按下Tab鍵,切換到不同欄位的順序的方法

自訂HTML標簽(Custom HTML Tag)

建議不再使用的HTML標簽與屬性

參照:『維基百科~Comparison_of_browser_engines_(HTML_support)#Non-standard_items

HTML減肥

  • 因為Word所存的HTML檔有太多無用的HTML標籤,所以需要另外對HTML檔減肥。
  1. 據說Dreamweaver可以,工具列上的【命令】→【清理Word的HTML】。可是這軟體要錢啊。
  2. TidyUI 清理肥大的 Word HTML 網頁
    可是開大一點HTML檔就會沒有回應?而且明明指定編碼是UFT8了中文竟然還是變亂碼?失敗啊....
  3. WordHTML
    Web版的工具,看起來不錯用,可是它沒辦法直接開啟docx檔,得用複製貼上的方式把Word檔的內容貼到該網頁上,產出的HTML內容看起來很乾淨。
  4. FileOptimizer
    需先開啟設定【Optimize】→【Options】→【HTML】→勾選【Enable Tidy】
    大約可以將Word存的HTML檔減肥20%左右,而且支援選取資料夾方式大量轉檔,還算OK的工具。

相關