HTMLHell:收集 HTML 不良寫法的網站

HTMLHell 收集一些 HTML 不良寫法的網站,看來主要都是對 HTML 不夠熟悉的錯誤,在不良案例下方有說明如何撰寫比較好,也順便給 HTML W3C 的標準連結,可以參考看看。

W3C 與 WHATWG 將合作整合 HTML、DOM 的標準

World Wide Web Consortium (W3C)(全球資訊網協會) 由網際網路之父 Tim Berners-Lee 創辦,致力於制定網路共通標準。

W3C 於 1989年制定 HTML,於 1998年將 HTML 檔案加上 Metadata,希望以語意網路來發展成 XHTML 和 XML。(註:XHTML 很明顯不受大家喜愛~)

WHATWG(網頁超文字應用技術工作小組) 是因為 W3C 的網頁標準發展緩慢,在加上 W3C 意圖放棄 HTML 而轉向發展 XML 為基礎的技術。

比起 W3C 的目標,另一派的人更支持將網頁變成應用程式平臺的想法,因此 2004年由 Apple 與 Mozilla 基金會 等企業,建立了標準組織 WHATWG,並開始制定 HTML5。

閱讀全文〈W3C 與 WHATWG 將合作整合 HTML、DOM 的標準〉

使用 Vim 將 HTML 做 Tidy 格式化

Vim 平常在寫 HTML 是沒什麼問題,用標準的排版方式就已經很好用了~

這次遇到的問題是,將某頁面的 HTML 抓下來,但是那頁面的 HTML 格式全部縮成一排,甚至還有 HTML 標籤(Tag) 是有開頭沒結尾等等的情況,要怎麼做 Beautify / Formatter 呢?

閱讀全文〈使用 Vim 將 HTML 做 Tidy 格式化〉

使用 Polyfill 來解決瀏覽器不支援 HTML 新功能的問題

HTML5 在某些瀏覽器不支援,想要跨瀏覽器支援,可以靠 Polyfill (外部 library) 讓瀏覽器支援,此篇裡面有各種的 Polyfills (SVG、Canvas、Web Storage、Video... )

網頁於 Chrome 不要出現(關閉) Translate 的訊息

於 Chrome 開啟網頁,常常會下拉是不是需要翻譯(Translate) 的區塊視窗,自己的網頁希望不要跳出這個區塊,要怎麼做呢?

閱讀全文〈網頁於 Chrome 不要出現(關閉) Translate 的訊息〉

iframe 父頁與子頁互相呼叫的方法 (使用 postMessage 呼叫)

HTML iframe 很常使用,遇到內外(父頁與子頁)想要互相溝通(使用 postMessage) 要怎麼做呢?

此篇使用 HTML postMessage 的 呼叫方式來說明

閱讀全文〈iframe 父頁與子頁互相呼叫的方法 (使用 postMessage 呼叫)〉

iframe 父頁與子頁互相呼叫的方法 (使用 frame 呼叫)

HTML iframe 很常使用,遇到內外(父頁與子頁)想要互相溝通的時候,要怎麼做呢?

此篇使用 HTML frames 的 呼叫方式來說明

閱讀全文〈iframe 父頁與子頁互相呼叫的方法 (使用 frame 呼叫)〉

JavaScript 預覽連結 要如何修改

在網頁滑鼠移到連結上,在最下方會出現預覽的網址,以前是修改 status 或 statusbar (已經忘記,現在也沒辦法實驗了)

ex: <a href="" onmouseover="window.status='https://blog.longwin.com.tw';">link</a>

要怎麼作到滑鼠移到連結上,下面出現想要出現的文字呢?

閱讀全文〈JavaScript 預覽連結 要如何修改〉