與我們合作
我們專注：網站策劃設計、網絡輿論監控、網站優化及網站營銷、品牌策略與設計
主營業務：網站建設、移動端微信小程序開發、APP開發、網絡運營、云產品·運維解決方案
有一個品牌項目想和我們談談嗎?
您可以填寫右邊的表格，讓我們了解您的項目需求，這是一個良好的開始，我們將會盡快與您取得聯系。當然也歡迎您給我們寫信或是打電話，讓我們聽到您的聲音
您也可通過下列途徑與我們取得聯系：
地 址: 上海市長寧區華寧國際7L
電 話: 400-825-2717(咨詢專線)
電 話: 13054973230(售后客戶服務)
傳 真: 021-61488448
郵 箱: admin@wumujituan.com
快速提交您的需求 ↓
一秒了解HTML包含的元素
發布日期：2023-05-11 瀏覽次數：51508
我們先來看一下簡單的HTML代碼。由下圖可以看出簡單的HTML結構，<html>包含了，頭部，標題，和身體。這就是HTML最基礎的結構，下面我們來簡單介紹兩個元素
HTML 頭部包含 HTML <head> 元素的內容，與 <body> 元素內容不同，頁面在瀏覽器加載后它的內容不會在瀏覽器中顯示，它的作用是保存頁面的一些元數據。上述示例的頭部非常簡短：
例如:
<head>
<meta charset="utf-8" />
<title>我的測試頁面</title>
</head>
然而，大型頁面的頭部會相當大。可以試著到一些喜歡的網站上，使用開發者工具查看網頁的頭部內容。我們在這里的目的不是向你展示如何使用所有可能放在頭部的東西，而是教你如何熟悉使用你想要包括在頭部的主要元素。讓我們開始吧。
添加標題
之前已經講過 <title> 元素，它可以為文檔添加標題。但別和 <h1> (en-US) 元素搞混了，<h1> (en-US) 是為 body 添加標題的。有時候 <h1> (en-US) 也叫作網頁標題，但是二者并不相同。
<h1> (en-US) 元素在頁面加載完畢時顯示在頁面中，通常只出現一次，用來標記頁面內容的標題（故事名稱、新聞摘要等等）。
<title> 元素是一項元數據，用于表示整個 HTML 文檔的標題（而不是文檔內容）。
主動學習：一個簡單的示例
1.為了開始這個練習，我們希望你到我們的 GitHub 庫中下載一份 title-example.html 網頁副本。要做到這一點，你可以選擇下面兩種操作之一：
使用你的代碼編輯器，從頁面中拷貝粘貼代碼到一個新的文本文件中，然后將其保存到一個適當的地方。
按下 GitHub 頁面中的“Raw”按鈕（可能會在瀏覽器新標簽中顯示源代碼），從瀏覽器的菜單中選擇 另存為...，然后選擇一個地方來保存這個文件。
2.在瀏覽器中打開文件，你會看到類似這樣效果：
現在很明顯的可以看到 <h1> 和 <title> 出現的地方！
希望你看到此文章，能讓你理解HTML最基礎的架構和包含最基礎的元素。
- 聯系我們
-
TEL：400-825-2717 EMAIL：admin@wumujituan.com
本軟件已進行版權登記，相關權利受法律保護，著作權信息：中華人民共和國國家版權局 計算機軟件著作權登記證書：2018SR118857
版權所有 ? 2020 萬錨CMS企業網站管理系統（www.njgqt.org.cn） 保留所有權利 Powered by WANMAO v2.0.6
掃一掃二維碼關注我們
