一、Web語義化
（1）Web語義化有什麼用？
SEO更容易獲取到網頁，提高網頁排名。
（2）Web語義化的形式？
<html>
<body>
<article>
<header>
<h1>h1 - WEB</h1>
</header>
<nav>
<ul>
<li>nav1 - HTML語義化</li>
<li>nav2 - CSS語義化</li>
</ul>
</nav>
<section>
section1 - HTML語義化
</section>
<section>
section2- CSS語義化
</section>
<footer>footer</footer>
</article>
</body>
</html>
即多用語義化的標籤表示網頁
二、簡歷製作
話不多說，先上自己作的簡歷，比較簡單
<html lang="en">
<head>
<meta name="keywords" content="簡歷">
<meta name="description" content="簡歷的第一嘗試">
<title>My resume</title>
<body>
<h1>個人簡歷<h1>
<h2>基本信息</h2>
<p>姓名：Gangstar</p>
<p>性別：男</p>
<p>出生年月：1990</p>
<p>籍貫：xxxx</p>
<p>民族：xx</p>
<p>就讀學校：xx大學</p>
<p>GPA：3.157/4.0</p>
<p>移動電話：xxx</p>
<hr>
<h2>主要獲獎</h2>
<ul>
<li>省C++程序設計二等獎</li>
<li>三好學生</li>
<li>志願服務先進個人</li>
<li>優秀辯手</li>
<li>優秀學生幹部</li>
</ul>
<hr>
<h2>個人專業技能</h2>
<h3>1.主修課程：</h3>
<p>專業方向課：xxxxx</p>
<p>公共基礎課：xxxxx</p>
<h3>2.熟悉軟件</h3>
<ul>
<li>xxxxx</li>
<li>xxxx</li>
<li>xxxx</li>
</ul>
<h3>3.證書認證：xxxx</h3>
<h3>4.課程設計</h3>
<p>時間 名稱 負責內容</p>
<p>xxxxxx</p>
<p>xxxxxx</p>
<p>xxxxxx</p>
<p>xxxxxx</p>
<hr>
<h2>社會實踐經歷</h2>
<p>時間 內容</p>
<p>xxxxxx</p>
<p>xxxxxx</p>
<p>xxxxxx</p>
<p>xxxxxx</p>
<hr>
<h2>興趣愛好：</h2>
<ol>
<li>xxxx</li>
<li>xxx</li>
<li>xxx</li>
</ol>
</body>
</title>
</head>
</html>
三、必須知道的問題
- HTML是什麼，HTML5是什麼
- HTML元素標籤、屬性都是什麼概念？
答：不同的標籤應用於不同的邏輯場景，來實現不同的頁面結構。屬性表示這個標籤的特性。
- 文檔類型是什麼概念，起什麼作用？
答：聲明HTML的類型，HTML5的開通通常會包含如下代碼
<!DOCTYPE HTML>
- meta標籤都用來做什麼的？
答：主要有兩個屬性需要在之前定義：<meta name="keywords" content="">以及<meta name="description" content="">提升網頁搜索的排名，即SEO.
- Web語義化是什麼，是爲了解決什麼問題
- 鏈接是什麼概念，對應什麼標籤？
- 常用標籤都有哪些，都適合用在什麼場景
- 表單標籤都有哪些，對應着什麼功能，都有哪些屬性
- ol, ul, li, dl, dd, dt等這些標籤都適合用在什麼地方，舉個例子
話不多說，直接上實例
<ol>
<li>xxxx</li>
<li>xxx</li>
<li>xxx</li>
</ol>
ol odered list表示有序列表
ul 就表示無序列表
<dl>
<dt>Coffee</dt>
<dd>Black hot drink</dd>
<dt>Milk</dt>
<dd>White cold drink</dd>
</dl>
dl也是定義一個列表
dt是這個列表的標題
dd表示具體內容