HTML基礎之註釋和head標籤學習

這個賬號呢我們要做一個計算機語言的基礎教程,我們會盡量做到簡單易懂,從最基礎的入門開始,讓想學習計算機語言的朋友可以入門到這個領域。

HTML基礎之註釋和head標籤學習

上一節我們做了一個HTML的入門介紹,知道了HTML的標準文件結構,瞭解了HTML是由瀏覽器進行解析執行的。這節我們詳細介紹一下HTML的head標籤。進入內容之前我們推薦一下Hbuilder這款開發工具,當然你使用記事本或者Notepad++都可以,推薦使用Hbuilder是因為它可以快速的生成HTML標準文件結構,集成了很多方便的快捷鍵,是一款可以大大提高你前端開發效率的工具。有需要的朋友可以到官網下載,目前是Windows和Mac平臺都有,我們作為學習來說下載標準版就可以了。

HTML基礎之註釋和head標籤學習

HTML的head標籤和body是同一級別的標籤, 標籤用於定義文件的頭部,它是所有頭部元素的容器。 中的元素可以引用指令碼、指示瀏覽器在哪裡找到樣式表、提供元資訊等等。文件的頭部描述了文件的各種屬性和資訊,包括文件的標題、在 Web 中的位置以及和其他文件的關係等。絕大多數文件頭部包含的資料都不會真正作為內容顯示給讀者。需要注意的是 元素必須包含文件的標題(title),可以包含指令碼、樣式、meta 資訊 以及其他更多的資訊。

在這裡我們先講一下HTML註釋,透過如下語法向 HTML 原始碼添加註釋:

<!—— 在此處寫註釋 ——>

在開始標籤中有一個驚歎號,但是結束標籤中沒有,瀏覽器不會顯示註釋,但是能夠幫助記錄你的 HTML 文件,你可以利用註釋在 HTML 中放置通知和提醒資訊。

接下來看幾個可用在 head 部分的常用標籤:

網頁標題標籤,例:

HTML學習 <!——網頁標題標籤:告訴瀏覽器使用什麼標題顯示網頁,定義瀏覽器工具欄中的標題,提供頁面被新增到收藏夾時的標題,顯示在搜尋引擎結果中的頁面標題——>

編碼格式標籤。例:

<!——網頁解析編碼格式配置(HTML5):告訴瀏覽器使用指定的編碼格式解析文件——>

<!——HTML4:文件編碼格式設定——>

網頁搜尋最佳化標籤, 標籤提供了 HTML 文件的元資料。元資料不會顯示在客戶端,但是會被瀏覽器解析。META元素通常用於指定網頁的描述,關鍵詞,檔案的最後修改時間,作者及其他元資料。元資料可以被使用瀏覽器(如何顯示內容或重新載入頁面),搜尋引擎(關鍵詞),或其他 Web 服務呼叫。例:

<!——網頁關鍵字——>

<!——網頁描述——>

<!——網頁作者——>

<!——網頁自動跳轉——>以上內容寫在HTML文件中效果:

HTML基礎之註釋和head標籤學習

瀏覽器開啟效果:

HTML基礎之註釋和head標籤學習

以上為 區域內常用標籤,當然還有其他標籤,例如:css引入標籤和js引入標籤,這個我們後邊學習到CSS和JavaScript的時候再進行詳細講解。

歡迎關注科技現象,我們會整理學習計算機語言方面最基礎的知識給大家,方便大家學習和查閱,共同讓計算機給我們工作生活提供更好的服務。

相關文章