[筆記] HTML

HTML 基本標籤快速記錄

html、head、body、meta
用 emmet 就什麼都不用打了，只要打 !+,, 就會自動幫你生出一個基礎模版啦！
模版長這樣：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>

</body>
</html>
h1 - h6、p、div（block）、span（inline）、img
ul、ol、li
pre(這個以前比較少用到，通常用來顯示程式碼，PREformated text）、br
table、th、tr（row）、td（cell）
a（target=”_self” / “_blank”、href=”#ID”）
main、nav、footer（語義化）
(https://developer.mozilla.org/en-US/docs/Web/HTML/Element#Content_sectioning)
(https://www.w3schools.com/html/html5_semantic_elements.asp)
iframe

<meta name="keywords" content="XXX, yyy, ZZZ">
<meta name="description" content="DEEEEEEEESCRRREE">
<meta property="og:XXXXX" content="XXXXXXX">

Open Graph Protocol，通常是 Facebook 在用，可以用 Facebook 的偵錯工具測試。

<script type="application/ld+json">

sitemap.xml
XML 格式檔案，幫搜尋引擎先爬好

<meta property="al:ios:......">

Google Search Console

原生流量 vs 付錢流量

&amp
<
>