「HTML」修訂間的差異
跳至導覽
跳至搜尋
（→事件） |
|||
| 行 70： | 行 70： | ||
! 原本的HTML標簽 !! 作用 !! 日後改用 | ! 原本的HTML標簽 !! 作用 !! 日後改用 | ||
|- | |- | ||
| − | |<pre><applet></applet></pre> || 執行Java applet || | + | |<pre><applet></applet></pre> || 執行Java applet ||[https://stackoverflow.com/questions/10964693/java-embedding-into-html Java Embedding Into HTML - Stack Overflow] |
|- | |- | ||
|<pre><basefont /></pre> || || [[CSS#字型相關CSS]] | |<pre><basefont /></pre> || || [[CSS#字型相關CSS]] | ||
於 2021年4月19日 (一) 21:01 的修訂
HTML（HyperText 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 |
技術文件
- HTML - W3C
- HTML/XHTML Reference - MSDN Library
- HTML Tutorial - w3schools
- HTML - Mozilla Developer Network
應用
ActiveX
C#
Java
JavaScript
PowerShell
Python
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 Attribute tabindex（IE 4以上適用）
自訂HTML標簽（Custom HTML Tag）
建議不再使用的HTML標簽與屬性
參照：『維基百科～Comparison_of_browser_engines_(HTML_support)#Non-standard_items』
HTML標簽
| 原本的HTML標簽 | 作用 | 日後改用 |
|---|---|---|
<applet></applet> |
執行Java applet | Java Embedding Into HTML - Stack Overflow |
<basefont /> |
CSS#字型相關CSS | |
<blackface></blackface> |
||
<blockquote></blockquote> |
||
<center></center> |
置中 | style="text-align:center;" |
<dir></dir> |
ul, ol | |
<embed /> |
||
<font></font> |
字型 | CSS#字型相關CSS |
<i></i> |
斜體字 | style="font-style:italic;" |
<isindex /> |
||
<layer></layer> |
||
<menu></menu> |
ul, ol | |
<noembed></noembed> |
||
<s></s> |
刪除線 | del style="text-decoration:line-through;" |
<shadow></shadow> |
||
<strike></strike> |
刪除線 | del style="text-decoration:line-through;" |
<u></u> |
底線 | style="text-decoration:underline;" |
HTML屬性
| 原本的HTML屬性 | 作用 | 日後改用 |
|---|---|---|
| alink | ||
| align | 對齊 | |
| background | ||
| border | ||
| color | ||
| compact | ||
| face | ||
| height | 高度 | 改用CSS或style |
| language | ||
| link | ||
| name | ||
| noshade | ||
| nowrap | 不自動斷行 | |
| size | ||
| start | ||
| text | ||
| type | ||
| value | ||
| version | ||
| vlink | ||
| width |
HTML減肥
- 因為Word所存的HTML檔有太多無用的HTML標籤，所以需要另外對HTML檔減肥。
- 據說Dreamweaver可以，工具列上的【命令】→【清理Word的HTML】。可是這軟體要錢啊。
- TidyUI 清理肥大的 Word HTML 網頁
- 可是開大一點HTML檔就會沒有回應？而且明明指定編碼是UFT8了中文竟然還是變亂碼？失敗啊....
- WordHTML
- Web版的工具，看起來不錯用，可是它沒辦法直接開啟docx檔，得用複製貼上的方式把Word檔的內容貼到該網頁上，產出的HTML內容看起來很乾淨。
- FileOptimizer
- 需先開啟設定【Optimize】→【Options】→【HTML】→勾選【Enable Tidy】
- 大約可以將Word存的HTML檔減肥20%左右，而且支援選取資料夾方式大量轉檔，還算OK的工具。