今天學習的內容是《第三章 基本標籤》，難度挺小。搞清楚了head標籤裏面的兩個重要標籤meta和title，加深了對html文件基本結構的理解。莫振傑寫書的手藝真不錯，循序漸進算是做到了。
第一章 HTML的基本標籤
1、HTML基本結構
HTML文檔包括文檔聲明和文檔兩大部分，文檔又分為頁頭和頁身兩部分。
<!DOCTYPE html>表示這是一個HTML頁面，DOC估計是document的縮寫，type是類型，所以DOCTYPE就是文檔類型。容易丟掉的是前面的「!」。
2、html標籤
<html>表示html文件的開始，</html>表示html的結束。成對出現的標籤都是一個表示開始，另一個表示結束。
3、head標籤
<head>與</head>之間是網頁的頭部，用於規定頁面標題、刷新時間、編碼類型等。一般來說有6個標籤可以放在head標籤內部，分別是：meta標籤、title標籤、style標籤、link標籤、script標籤、base標籤。
style標籤用於定義元素的CSS樣式，link標籤用於引進外部CSS文件，script標籤用於定義頁面的JavaScript代碼或引入外部JavaScript文件。base標籤莫振傑說沒有意義，不用管。
4、meta標籤
meta標籤有兩個屬性：http-equiv和name，它們定義的信息是提供給搜索引擎蜘蛛的，用戶不會直接看到。
（1）http-equiv屬性有兩個值：「Content-Type」和「refresh」，分別用於定義網頁編碼和自動刷新跳轉。
定義網頁編碼方式
<meta http-equiv=」Content-Type」 content=」text/html; charset=utf-8」/>
上述內容表示頁面所用的編碼為utf-8，在HTML5中簡寫為：
<meta charset=」utf-8」/>
【小知識】UTF-8（8位元，Universal Character Set/Unicode Transformation Format）是針對Unicode的一種可變長度字符編碼。它可以用來表示Unicode標準中的任何字符，而且其編碼中的第一個位元組仍與ASCII相容，使得原來處理ASCII字符的軟件無須或只進行少部分修改後，便可繼續使用。因此，它逐漸成為電子郵件、網頁及其他存儲或傳送文字的應用中，優先採用的編碼。
定義網頁自動刷新跳轉
<meta http-equiv=」refresh」 content=」5; url=https://www.baidu.com/」/>
上述代碼意思是5秒後，網頁跳轉到https://www.baidu.com/頁面。
（2）name屬性有4個常用值：「keywords」、「description」、「author」和「copyright」。
keywords描述的是網頁關鍵字，其格式為<meta name=」keywords」 content=」百度主頁」/>；
description是頁面內容描述，告訴搜索引擎頁面內有什麼內容，其格式<meta name=」description」 content=」百度是常用的搜索引擎之一」/>；
author描述的是本頁面的作者，其使用格式為<meta name=」author」 content=」不惑之年學編程」/>；
copyright是版權聲明，其格式為<meta name=」copyright」 content=」本文為原創讀書筆記，版權所有，禁止轉載。」/>。
head標籤里的meta和title標籤都在下圖中。
5、title標籤
title標籤定義的是網頁標題，出現在網頁到左上角，而不是頁面內文章到標題。它的使用格式為：
<title> 這個是網頁的標題 </title>
6、body標籤
body標籤內部才是頁面里顯示的內容，也就是用戶可以看到的部分。裏面會有其他標籤，例如h1（標題），p（段落）等。
7、HTML注釋
注釋的用法很簡單，上圖的文件中用了好多，格式如下：
<!–注釋內容–>
注釋的內容不會顯示在頁面中，但是對讀懂程序很重要。
上面的HTML文件在瀏覽器中的顯示效果如下圖：
8、莫振傑的作業里有一條：默寫HTML基本結構，我也覺得挺重要，需要做熟練。
原創文章，作者：投稿專員，如若轉載，請註明出處：https://www.506064.com/zh-hk/n/250413.html
微信掃一掃 
支付寶掃一掃 