常見的html標籤及含義「html p標籤是什麼意思」

參加前端培訓學習的小夥伴一定都知道,學習前端課程,首先一定會學習HTML標籤以及它的基礎結構,HTML基礎結構是非常重要的,他是寫網頁的必須內容,也是很多人容易忽略的一點,下邊我們來簡單介紹一下。

前端開發入門基礎篇-HTML基礎結構

基本結構

HTML的文件後綴名為.html,下面是一個HTML文檔的基本結構。

<!DOCTYPE html> :用於聲明、告訴瀏覽器當前是一個 HTML 文檔

<html lang=”zh-cn”> :HTML 文檔開始 | 中文聲明

<head> </head> :頭部區域

<body> </body> :主體區域

</html> :HTML 文檔結束

頭部區域

HTML的頭部區域 head 用於定義一些網頁的初始化工作,例如網頁的標題、文檔的編碼、載入JavaScript、CSS文件等…

<head> <meta charset=”utf-8″> :文檔編碼

<meta name=”description” content=”簡明教程是一個有趣的知識庫“>: 網頁描述

<title>說明網頁內容</title> :網頁標題

</head>

其中title標籤定義的網頁標題顯示在瀏覽器頂部窗口的標籤欄,而meta ~ description定義的網頁描述是不可見的,它用於告訴搜索引擎的爬蟲機器人,當前頁面主要的內容,適當的時候搜索引擎會給你相關詞彙的搜索排名,類似的標籤還有meta ~ keyword、meta ~ author。

主體區域

HTML的主體區域 body 是瀏覽器的視窗區域,在這個區域寫入的任何內容,都會在瀏覽器中顯示。

<body> <p>當前是一個內容段落 </p> </body>

標籤形式

每個以<>符號組成的元素成為一個HTML標籤,其中又分為 單標籤 和 雙標籤。

標籤屬性

標籤的形式除了有單雙之外,還包括了屬性,通常是作為標籤功能的補充。

<html lang=”zh-cn”> : lang=”” 就是標籤的屬性 | 而 zh-cn 稱為屬性值

嚴格類型

HTML並不是嚴格類型的語言,擁有一定的容錯機制,當我們把標籤寫錯的時候,瀏覽器並不會直接報錯不顯示了,而是根據自己的理解去解析錯誤的內容。

<hr /> : 單標籤的自閉合寫成 <hr> 也能完成正確顯示

<p </p> : 忘記寫了一個 > 號 可能也會解析正確,也可能段落的內容被錯位顯示

代碼注釋

HTML用於注釋標籤是

<!– 這是一段注釋內容 –>

原創文章,作者:投稿專員,如若轉載,請註明出處:https://www.506064.com/zh-hant/n/274484.html

(0)
打賞 微信掃一掃 微信掃一掃 支付寶掃一掃 支付寶掃一掃
投稿專員的頭像投稿專員
上一篇 2024-12-17 14:13
下一篇 2024-12-17 14:13

相關推薦

發表回復

登錄後才能評論