HTML

分享優秀的HTML代碼、HTML案例、HTML模板、HTML工具、HTML開發動態等HTML資源

如果一個表單里面有一個type="submit"的button、或者type="submit"的input,或者type="image"的input,點擊則會觸發表單提交動作。如果沒有給action加一個默認值,為空白的時候,當你刷新頁面時,會彈出一個警告框提示你已經填入表單,刷新數據將會丟失。

組件是 Web 開發的方向,現在的熱點是 JavaScript 組件,但是 HTML 組件未來可能更有希望。本文就介紹 HTML 組件的基礎知識:自定義元素(custom elements)。

瀏覽器是如何渲染的呢?本文簡單的闡述了瀏覽器的解析3個東西:DOM、CSS和JavaScript;接著瀏覽器引擎會通過DOM Tree 和 CSS Rule Tree 來構造 Rendering Tree;最后通過調用操作系統Native GUI的API繪制。

關于script這個經常使用的標簽,你了解多少,這個script標簽隨著改善,增加了一些html5的東西,比如async 和 defer,crossorigin,for / event等。

在自己新做的一個網站“開發頭條”上發現用iframe嵌入github的內容時,一篇空白,什么東西都沒有。打開chrome 調試,發現里面輸出一個錯誤提示:Refused to display 'https://github.com/hwclass/awesome-sound' in a frame because it set 'X-Frame-Options' to 'deny'. 你認識這個東西嗎?

script表單元素在里面增加了一個HTML5的標簽async,腳本可以通過異步運行,而不是阻塞型的。

使用純CSS的偽元素來創建簡單的圖標,這是一個比較有創意的做法,正如你在本站看到的評論數圖標就是用:before和:after來制作的,下面分享一個國外的朋友制作了84個常用圖標,一起來體驗神奇的CSS圖標。