隨著5G網路逐漸普及，手機已經成為了我們的一部分，從前出門要還要想著帶個什麼樣子的包，現在的出門只要記得帶好手機就足矣！以前手機要實現一個功能就需要安裝相應的APP，而現在微信小程式等帶給我們不一樣的體驗，我們不再需要安裝各種各樣的APP，很多都可以在微信小程式上完成。微信小程式的開發門檻雖然低了很多，但我們還是需要掌握一定的基礎知識，而作為基礎中的基礎，HTML5是我們必須學習的。
一、HTML程式碼基礎
1、HTML5的語法要求非常寬鬆，屬性值可以用單引號、雙引號包含起來，甚至可以不加引號。如：
id="wl" id='wl' id=wl 這三個是一樣的效果。
但需要注意的是如果屬性值中含有空格、單引號、大於小於號、反引號等字元時，則必須加引號，而當屬性值中含有單引號時，可以加雙引號，而值中有雙引號時就可以 加單引號。為了養成一個好的習慣，建議好始終給屬性值加雙引號。
2、內容標籤是標籤中包含一段內容，如p和strong這樣的元素；非內容標籤（空元素）是指標籤不包含內容，比如換行等，它只有起始標籤，不需要結束標籤，以HTML5以前為了強調結束，經常把非內容標籤寫成<br />樣子，而在HTML5中規定，非內容標籤不需要關閉。常見的非內容標籤有：<meta>、<img>、<br>、<input>、<link>、<hr>、<embed>等。
4、HTML頁面根元素，在整個頁面中html是根元素，在這個元素中一般有兩個屬性，一個是lang，另一個是manifest。
<html lang="zh-cmn-Hans">：宣告頁面的語言為簡體中文。（非標準寫法為lang="zh-CN"）；manifest屬性用於設定頁面快取，它一旦設定後，瀏覽器便會將需要快取的檔案儲存在本地，主要適用於不依賴網路，且下載後不需要再次更新的HTML5遊戲、應用等，如果頁面內容需要頻繁更新的應該少用該屬性，具體用法可以查詢HTML5手冊，這裡不詳細說明。5、Head元素包含五個主要部分，分別是title、link、style、base和meta元素。title元素即網頁的標題；link元素定義了文件與外部資源的關係，除了CSS外，還有許多的外部資源也透過這一元素引入頁面；style元素用於在頁面中定義樣式；base元素用於標記文件的基礎URL地址，還可被用於設定全域性的瀏覽器開啟方式，如：<base target="_blank">設定頁面中所有的連結均在新視窗中開啟
;meta元素是head中各類最豐富的一個元素，雖然它包含了多種多樣的元資料，但它被規定了必須包含name（元資料名稱），http-equiv（編譯指令）和charset（字元編碼）三種屬性的其中一種。如不希望頁面被抓取並公開時，我們可以在頁面中新增名為robots的meta標記，如：<meta name="robots" content="none">，反之則所有都被檢索到<meta name="robots" content="all">
。meta元素還能完成諸如重新整理、重定向、快取時間等功能。
6、HTML5新增了header元素，專門用來表述這樣的頭部區域，section元素對應不用的內容版塊，文章可以用article元素來表示，頁面的側邊欄可以用aside元素來表示 ，而且不僅可以放在整個頁面的代表側邊欄區域，還能放入section或article中，來容納一些與版塊和文章相關的內容。
7、footer元素和header元素並非區塊內容，在這兩種元素之內不能再巢狀放入類似section之類的元素。
8、不是所有的文欄位落都適用p元素，如一段文字為聯絡資訊時，則應使用address元素。
9、定義列表的除了有ul和ol外，還有一種更加自定義的形式，它由三種元素的組合而成，分別是dl、dt和dd。
10、內容分組元素figure元素，它主要用於展示插圖、圖表、照片、程式碼列表等。
11、HTML5加入了一種新的內容分組元素，用來指定頁面的主要內容，main元素，每一個頁面中最多隻能有一個main元素，另外還有像水平分隔線的hr,表示原始碼的pre，代表引用的blockquote等都同樣屬於內容分組元素。
12、在過去HTML版本中，a還可以當成錨點，如<a name="a1"></a>，但在HTML5中把這一特性去掉了，當href屬性缺失時，它被視作一個佔位符，而不會顯示為一個超連結。
13、span元素是一種常見的文字元素，但如果不對span設定樣式，則spqn中的文字和其他的文字看上去不會有任何差異。
14、在HTML5中有兩種表示強調的文字元素，分別為em和strong，em元素更多代表語義、語氣的加強，而strong則更加強調頁面文字的重要性、緊急程度等，瀏覽器中em預設的顯示為斜體，而strong則顯示為粗體。
15、big標記的文字顯示大於普通的段落文字，而small標記的文字則小於普通 的段落文字；當需要插入某句被引用的話，或者某段文字摘錄時，可以使用q元素，而當需要插入文獻的標題、作者、連結時使用cite元素，q元素預設在頭和尾加上雙引號，而cite元素預設顯示為斜體。
16、表單在製作時需要設定method和action屬性，分別用來指定表單提交資料的方式和目的頁面；資料提交的方式有兩種，get和post，get是把資料放在URL中，以明文的方式傳送給後臺，它不能傳輸過大的資料，也不能傳輸檔案類資料，而post是把資料放在資料體內再發給後臺，資料不能直接被看到，可傳輸的資料量較大，所以一般都選擇使用post方式。
17、在文字輸入框可以加入placeholder（佔位符）屬性，值為框內顯示的文字，也可以為input元素新增required屬性使該表單項必填，也可以新增autofocus屬性使其自動獲得焦點，一般設定第一個欄位。
18、HTML5為input元素增加了很多新的型別，如電話的tel，電子郵件的email，日期的date等。
<p><label for="sex">性別：</label><input type="radio" name="sex" value="male" checked>男<input type="radio" name="sex" value="female">女</p>還可以使用分割槽度更高的fieldset元素，它可以對錶單內容的一部分進行打包，生成一組相關的表單欄位，它使用legend元素指定標題。
checkbox的input元素為複選框，checked屬性為選中狀態；select元素生成下拉選單，元素使用option元素標記。