標籤: HTML 頁1
教學
在 HTML 讀入 別的 HTML 檔案
一般我們在做網站透過前端框架或後端語言要把網頁拆成元件後讀進來都很簡單，如果沒有用到以上提到的方式，單純想在 HTML 檔案裡讀入其他的 HTML 檔案，可以考慮使用 w3 的方法。
教學
HTML5 設定依據不同解析度讀取不同影片(video)
HTML5 允許我們設定在不同解析度下讀取不同影片，只要在 video 的標籤內設定 source 的 media 就可以了，這邊的 media 就跟 media query 的 media 概念一樣。
網路資源
HTML5 Security Cheatsheet- 收錄了網頁前端各種需要認識的資安相關知識的網站
HTML5 Security Cheatsheet 是一個收錄了網頁前端各種需要認識的資安相關知識的網站。
![[VS Code 擴充套件] Auto Close Tag- 自動幫你封閉 HTML 標籤](/assets/upload/1661686281233_0.jpg)
網路資源
[VS Code 擴充套件] Auto Close Tag- 自動幫你封閉 HTML 標籤
Auto Close Tag 是一個當你打好 HTML 標籤前半邊，就會自動生成後半邊的 VS Code 擴充套件，也是很實用的套件建議大家都可以裝一下。
網路資源
[VS Code 擴充套件] Auto Rename Tag- 變更標籤名稱時自動幫你設定前(後)標籤的內容
Auto Rename Tag 可以讓你在要修改 HTML 標籤的時候，自動幫你修改封閉標籤前(後)的名稱。
網路資源
Cheatography- 收錄超過 5000 則 Cheat Sheets 的網站，包含程式語言、軟體以及遊戲...等
Cheatography 是一個收錄了超過 5000 則 Cheat Sheets 的網站，包含程式語言、軟體以及遊戲...等，如果是程式工程師，可以在上面找到像是 PHP、CSS、javascript、MySQL...的 Cheat Sheets。
網路資源
Rico’s cheatsheets- 收錄許多 web 相關程式語言語法的網站
Rico’s cheatsheets 是一個收錄許多 web 相關程式語言語法的網站，包含 HTML、javascript、CSS、git、資料庫，前端的框架、函式庫還有後端的許多程式語言都有收錄，可以給做相關工作的參考。
網路資源
HTML Cheat Sheet- 收錄 HTML、CSS 以及 javascript 相關的功能摘要以及簡單的產生器
HTML Cheat Sheet 是一個收錄 HTML、CSS 以及 javascript 相關的功能摘要的網站，裡面還有各自分類的可以產生相關語法的簡單的產生器。
網路資源
HTML5 Element Index- 依字母順序的 HTML 標籤與說明
HTML5 Element Index 是一個依字母的順序與說明的用來讓使用者可以快速查詢 HTML 標籤用法的網站。
網路資源
Unminify- 讓你的 CSS, javascript, XML, HTML 和 JSON 的 code 更漂亮以及更有可讀性的線上工具
Unminify 是一個方便的線上工具，只要貼上你的 CSS, javascript, XML, HTML 或 JSON 的 code，就可以轉換成更漂亮以及更有可讀性的內容。
網路資源
Code Guide- 提供建議讓你的 HTML 及 CSS 可以寫得更好
Code Guide 是一個提供建議讓你的 HTML 及 CSS 可以寫得更好的線上教學網站，內容不算多，好好看過一遍可以加強自己寫 Code 的習慣。
教學
瀏覽器原生的 lazy-loading 方法
以往我們想用圖片緩讀的話都會掛一隻 lazyload 的 js，現在 Chrome 宣布在版本 75 將有機會直接用 web 原生作照片緩讀的功能。