「HTML」修訂間的差異

出自ProgWiki
跳至導覽 跳至搜尋
→‎C#
 
(未顯示同一使用者於中間所作的 29 次修訂)
行 1: 行 1:
 
'''HTML'''('''H'''yper'''T'''ext '''M'''arkup '''L'''anguage),{{wikipedia|HTML|lang=en}}。
 
'''HTML'''('''H'''yper'''T'''ext '''M'''arkup '''L'''anguage),{{wikipedia|HTML|lang=en}}。
 +
 +
==版本==
 +
{| class="wikitable"
 +
|-
 +
!版本!!發佈日期!!技術文件!!已過時
 +
|-
 +
|1.0||1993年6月||[http://www.w3.org/MarkUp/draft-ietf-iiir-html-01.txt  Hypertext Markup Language (HTML) - Internet Draft]||{{Yes}}
 +
|-
 +
|2.0||1995年11月||RFC 1866 - ''Hypertext Markup Language - 2.0''||{{Yes}}
 +
|-
 +
|3.2||1996年1月14日||[http://www.w3.org/TR/REC-html32 HTML 3.2]||
 +
|-
 +
|4.0||1997年12月18日||[http://www.w3.org/TR/REC-html40-971218/ HTML 4.0]||
 +
|-
 +
|4.01||1999年12月24日||[http://www.w3.org/TR/html401 HTML 4.01]||
 +
|-
 +
|ISO HTML||2000年5月15日||[http://www.purl.org/NET/ISO+IEC.15445/15445.html ISO/IEC 15445:2000]||
 +
|-
 +
|[[HTML5]]||2014年10月28日||[http://www.w3.org/TR/html5 HTML 5.0]||
 +
|-
 +
|}
  
 
==技術文件==
 
==技術文件==
* [http://www.w3.org/TR/html4/ HTML 4.01 Specification]
+
*[http://www.w3.org/html/ HTML - W3C]
* [http://msdn2.microsoft.com/en-us/library/ms533050.aspx HTML and DHTML Reference - MSDN Library]
+
*{{msdn|hh772960|HTML/XHTML Reference - MSDN Library|en-us}}
* [http://www.w3schools.com/html/default.asp HTML Tutorial]
+
*[http://www.w3schools.com/html/default.asp HTML Tutorial - w3schools]
 +
*[https://developer.mozilla.org/en/HTML HTML - Mozilla Developer Network]
  
;舊版的HTML Spec
+
==應用==
* RFC 1866 - ''Hypertext Markup Language - 2.0''
+
===ActiveX===
* [http://www.w3.org/TR/REC-html32 HTML 3.2 Reference Specification]
+
*[[Mshtml.tlb]]
* [http://www.w3.org/TR/1998/REC-html40-19980424/ HTML 4.0 Specification]
+
===.NET===
 +
*[https://docs.microsoft.com/zh-tw/dotnet/api/system.windows.forms.htmldocument HtmlDocument 類別 (System.Windows.Forms) | Microsoft Docs]
 +
*[https://docs.microsoft.com/en-us/dotnet/api/mshtml mshtml Namespace | Microsoft Docs](PowherShell SDK)
 +
*[https://html-agility-pack.net/ HTML Agility Pack]
 +
**[http://msdn.microsoft.com/zh-tw/evalcenter/ee787055.aspx HTML Agility Pack:簡單好用的快速 HTML Parser]
  
==相關網站==
+
===Java===
* [http://www.w3.org/html/ HTML - W3C]
+
*[https://www.attoparser.org/ AttoParser]
 +
===JavaScript===
 +
*[https://developer.mozilla.org/zh-TW/docs/Web/API/DOMParser DOMParser - Web APIs | MDN]
 +
 
 +
===PowerShell===
 +
*[https://docs.microsoft.com/en-us/answers/questions/67792/using-powershell-to-parse-local-html-document-then.html Using Powershell to parse local HTML documents (then replace text within specific tags) fails for specific HTML files - $HTML = New-Object -Com "HTMLFile" - Microsoft Q&A]
 +
===Python===
 +
*[https://docs.python.org/3/library/html.parser.html html.parser — Simple HTML and XHTML parser — Python 3.9.1 documentation]
  
 
==FAQ==
 
==FAQ==
 
===常用的特殊字元寫法===
 
===常用的特殊字元寫法===
* [http://msdn.microsoft.com/en-us/library/ms537495(VS.85).aspx ISO Latin-1 Character Set]
+
*[http://msdn.microsoft.com/en-us/library/ms537495(VS.85).aspx ISO Latin-1 Character Set]
 +
*[http://turner.faculty.swau.edu/webstuff/htmlsymbols.html HTML Named Special Symbols]
 +
 
 
===關閉遊覽器自帶的自動完成===
 
===關閉遊覽器自帶的自動完成===
 
* 加上 autocomplete="off"
 
* 加上 autocomplete="off"
行 24: 行 59:
 
* document.getElementsByTagName: 傳回一個陣列,陣列內元素為 tag 名稱符合傳入的參數。
 
* document.getElementsByTagName: 傳回一個陣列,陣列內元素為 tag 名稱符合傳入的參數。
 
* document.getElementsByName: 傳回一個陣列,陣列元素的 name 屬性值符合傳入的參數。
 
* document.getElementsByName: 傳回一個陣列,陣列元素的 name 屬性值符合傳入的參數。
 +
===關於表單內按下Tab鍵,切換到不同欄位的順序的方法===
 +
* [http://www.htmlcodetutorial.com/forms/_INPUT_TABINDEX.html HTML Attribute tabindex](IE 4以上適用)
 +
===自訂HTML標簽(Custom HTML Tag)===
 +
*[https://www.html5rocks.com/zh/tutorials/webcomponents/customelements/ 自定义元素:在 HTML 中定义新元素 - HTML5 Rocks]
 +
*[http://x-tag.github.io/ X-Tag]
 +
 +
===建議不再使用的HTML標簽與屬性===
 +
{{wikipedia|Comparison_of_browser_engines_(HTML_support)#Non-standard_items|lang=en}}
 +
{{HideH|HTML標簽}}
 +
{| border="1" class="wikitable sortable" width="100%"
 +
|-
 +
! 原本的HTML標簽 !! 作用 !! 日後改用
 +
|-
 +
|<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><blackface></blackface></pre> || ||
 +
|-
 +
|<pre><blockquote></blockquote></pre> || ||
 +
|-
 +
|<pre><center></center></pre> || 置中 || style="text-align:center;"
 +
|-
 +
|<pre><dir></dir></pre> || || ul, ol
 +
|-
 +
|<pre><embed /></pre> || ||
 +
|-
 +
|<pre><font></font></pre> || 字型 || [[CSS#字型相關CSS]]
 +
|-
 +
|<pre><i></i></pre> || 斜體字 || style="font-style:italic;"
 +
|-
 +
|<pre><isindex /></pre> || ||
 +
|-
 +
|<pre><layer></layer></pre> || ||
 +
|-
 +
|<pre><menu></menu></pre> || || ul, ol
 +
|-
 +
|<pre><noembed></noembed></pre> || ||
 +
|-
 +
|<pre><s></s></pre> || 刪除線 || del<hr/>style="text-decoration:line-through;"
 +
|-
 +
|<pre><shadow></shadow></pre> || ||
 +
|-
 +
|<pre><strike></strike></pre> || 刪除線 || del<hr/>style="text-decoration:line-through;"
 +
|-
 +
|<pre><u></u></pre> || 底線 ||style="text-decoration:underline;"
 +
|}
 +
{{HideF}}
 +
{{HideH|HTML屬性}}
 +
{| border="1" class="wikitable sortable" width="100%"
 +
|-
 +
! 原本的HTML屬性 !! 作用 !! 日後改用
 +
|-
 +
|alink || ||
 +
|-
 +
|align || 對齊 ||
 +
|-
 +
|background || ||
 +
|-
 +
|border || ||
 +
|-
 +
|color || ||
 +
|-
 +
|compact || ||
 +
|-
 +
|face || ||
 +
|-
 +
|height || 高度 || 改用CSS或style
 +
|-
 +
|language || ||
 +
|-
 +
|link || ||
 +
|-
 +
|name || ||
 +
|-
 +
|noshade || ||
 +
|-
 +
|nowrap || 不自動斷行 ||
 +
|-
 +
|size || ||
 +
|-
 +
|start || ||
 +
|-
 +
|text || ||
 +
|-
 +
|type || ||
 +
|-
 +
|value || ||
 +
|-
 +
|version || ||
 +
|-
 +
|vlink || ||
 +
|-
 +
|width || ||
 +
|}
 +
{{HideF}}
 +
 +
===HTML減肥===
 +
*因為[[Word]]所存的HTML檔有太多無用的HTML標籤,所以需要另外對HTML檔減肥。
 +
#據說Dreamweaver可以,工具列上的【命令】→【清理Word的HTML】。可是這軟體要錢啊。
 +
#[http://gsyan888.blogspot.com/2008/12/tidyui-word-html.html TidyUI 清理肥大的 Word HTML 網頁]
 +
#:可是開大一點HTML檔就會沒有回應?而且明明指定編碼是UFT8了中文竟然還是變亂碼?失敗啊....
 +
#[https://wordhtml.com/ WordHTML]
 +
#:Web版的工具,看起來不錯用,可是它沒辦法直接開啟docx檔,得用複製貼上的方式把Word檔的內容貼到該網頁上,產出的HTML內容看起來很乾淨。
 +
#[https://nikkhokkho.sourceforge.io/static.php?page=FileOptimizer FileOptimizer]
 +
#:需先開啟設定【Optimize】→【Options】→【HTML】→勾選【Enable Tidy】
 +
#:大約可以將Word存的HTML檔減肥20%左右,而且支援選取資料夾方式大量轉檔,還算OK的工具。
 +
 +
===事件===
 +
*[https://medium.com/@mingjunlu/window-onscroll-vs-document-body-onscroll-9c331bb8d298 你的 onscroll 不是你的 onscroll | by Ming-jun | Medium]
 +
===網路連線是否中斷===
 +
*[https://developer.mozilla.org/en-US/docs/Web/API/Window/online_event Window: online event - Web APIs | MDN]
  
 
==相關==
 
==相關==
行 29: 行 176:
 
* [[HTML 5]]
 
* [[HTML 5]]
  
[[Category:W3C相關]]
+
[[Category:W3C]]
 +
[[Category:HTML]]

於 2022年3月5日 (六) 00:00 的最新修訂

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

.NET

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標簽(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的工具。

事件

網路連線是否中斷

相關