PHP學習筆記 | PHP入門(一）HTML5(2) --- HTML5文件結構與標籤
阿新 • • 發佈：2018-12-14
目錄
一、HTML5文件結構
<!DOCTYPE html> <!-- 文件宣告，告訴瀏覽器這是html文件，瀏覽器就會用html語法來檢查執行這個文件 --> <html lang="en"> <!-- Html標籤是預設的根元素，通常可省略，整個文件的內容都放在其中 --> <!-- Html標籤有lang屬性，設定語言，預設為英文：en。中文簡體：zh-Hans --> <head> <!-- 文件頭部 head標籤中的內容是給瀏覽器看的 --> <!-- meta標籤主要是用來設定元資料，可以看作是資料的屬性 有一個字符集屬性--> <meta charset="utf-8"> <!-- title標籤用於設定瀏覽器標題欄的文字 --> <title>山東大學</title> <!-- link標籤用於引入外部css檔案，css檔案可以用來控制網頁樣式 --> <link rel="stylesheet" href="style.css"> <!-- script標籤可以引入外部的指令碼檔案 --> <script src=""></script> </head> <body> <!-- 文件主體 body標籤中的內容是給訪問者看的 --> 歡迎瀏覽：<a href="https://www.baidu.com">百度</a> </body> </html>
二、HTML5標籤、屬性與元素
比如我們現在要描述一個美女，她有胸圍，腰圍和臀圍三個特徵，那麼可以用以下標籤來表示：
<sexy chest="90" hip="88" waist="62">美女</sexy>- 終止標籤為了區別起始標籤前面有一個/
- 屬性在起始標籤中，屬性值要用""包圍
- 標籤是用來包裝網頁內容的，被包裝內容的特徵用屬性來表示。比如，sexy標籤用來包裝美女，美女有胸圍，腰圍和臀圍三個特徵
- 元素是標籤、標籤屬性以及包裝內容的總稱。元素=標籤+屬性+內容
- 元素包括文字元素、影象元素、列表元素、表單元素、視訊元素等
- 網頁有元素組成，而標籤是元素的載體