與我們合作

我們專注：網(wǎng)站策劃設(shè)計(jì)、網(wǎng)絡(luò)輿論監(jiān)控、網(wǎng)站優(yōu)化及網(wǎng)站營銷、品牌策略與設(shè)計(jì)
主營業(yè)務(wù)：網(wǎng)站建設(shè)、移動(dòng)端微信小程序開發(fā)、APP開發(fā)、網(wǎng)絡(luò)運(yùn)營、云產(chǎn)品·運(yùn)維解決方案

有一個(gè)品牌項(xiàng)目想和我們談?wù)剢?

您可以填寫右邊的表格，讓我們了解您的項(xiàng)目需求，這是一個(gè)良好的開始，我們將會盡快與您取得聯(lián)系。當(dāng)然也歡迎您給我們寫信或是打電話，讓我們聽到您的聲音

您也可通過下列途徑與我們?nèi)〉寐?lián)系：

地址: 上海市長寧區(qū)華寧國際7L

電話: 400-825-2717(咨詢專線)

電話: 13054973230(售后客戶服務(wù))

網(wǎng) 址: http://www.586918.cn

傳真: 021-61488448

郵箱: [email protected]

快速提交您的需求 ↓

一秒了解HTML包含的元素

發(fā)布日期：2023-05-11 瀏覽次數(shù)：47766

我們先來看一下簡單的HTML代碼。由下圖可以看出簡單的HTML結(jié)構(gòu)，<html>包含了，頭部，標(biāo)題，和身體。這就是HTML最基礎(chǔ)的結(jié)構(gòu)，下面我們來簡單介紹兩個(gè)元素

HTML 頭部包含 HTML <head> 元素的內(nèi)容，與 <body> 元素內(nèi)容不同，頁面在瀏覽器加載后它的內(nèi)容不會在瀏覽器中顯示，它的作用是保存頁面的一些元數(shù)據(jù)。上述示例的頭部非常簡短：

例如:

<head>

<meta charset="utf-8" />

<title>我的測試頁面</title>

</head>

然而，大型頁面的頭部會相當(dāng)大。可以試著到一些喜歡的網(wǎng)站上，使用開發(fā)者工具查看網(wǎng)頁的頭部內(nèi)容。我們在這里的目的不是向你展示如何使用所有可能放在頭部的東西，而是教你如何熟悉使用你想要包括在頭部的主要元素。讓我們開始吧。

添加標(biāo)題

之前已經(jīng)講過 <title> 元素，它可以為文檔添加標(biāo)題。但別和 <h1> (en-US) 元素搞混了，<h1> (en-US) 是為 body 添加標(biāo)題的。有時(shí)候 <h1> (en-US) 也叫作網(wǎng)頁標(biāo)題，但是二者并不相同。

<h1> (en-US) 元素在頁面加載完畢時(shí)顯示在頁面中，通常只出現(xiàn)一次，用來標(biāo)記頁面內(nèi)容的標(biāo)題（故事名稱、新聞?wù)鹊龋?/p>
<title> 元素是一項(xiàng)元數(shù)據(jù)，用于表示整個(gè) HTML 文檔的標(biāo)題（而不是文檔內(nèi)容）。

主動(dòng)學(xué)習(xí)：一個(gè)簡單的示例

1.為了開始這個(gè)練習(xí)，我們希望你到我們的 GitHub 庫中下載一份 title-example.html 網(wǎng)頁副本。要做到這一點(diǎn)，你可以選擇下面兩種操作之一：

使用你的代碼編輯器，從頁面中拷貝粘貼代碼到一個(gè)新的文本文件中，然后將其保存到一個(gè)適當(dāng)?shù)牡胤健?/p>
按下 GitHub 頁面中的“Raw”按鈕（可能會在瀏覽器新標(biāo)簽中顯示源代碼），從瀏覽器的菜單中選擇另存為...，然后選擇一個(gè)地方來保存這個(gè)文件。

2.在瀏覽器中打開文件，你會看到類似這樣效果：