【HTML 基礎教程】HTML <head>

HTML?<head>


Examples

查看在線實例

<title> - 定義了HTML文檔的標題
使用 <title> 標簽定義HTML文檔的標題

<base> - 定義了所有鏈接的URL
使用 <base> 定義頁面中所有鏈接默認的鏈接目標地址。

<meta> - 提供了HTML文檔的meta標記
使用 <meta> 元素來描述HTML文檔的描述,關鍵詞,作者,字符集等。


HTML <head> 元素

<head> 元素包含了所有的頭部標簽元素。在 <head>元素中你可以插入腳本(scripts), 樣式文件(CSS),及各種meta信息。

可以添加在頭部區域的元素標簽為: <title>, <style>, <meta>, <link>, <script>, <noscript> 和 <base>。


HTML <title> 元素

<title> 標簽定義了不同文檔的標題。

<title> 在 HTML/XHTML 文檔中是必需的。

<title> 元素:

  • 定義了瀏覽器工具欄的標題
  • 當網頁添加到收藏夾時,顯示在收藏夾中的標題
  • 顯示在搜索引擎結果頁面的標題

一個簡單的 HTML 文檔:

實例

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>文檔標題</title> </head> <body> 文檔內容...... </body> </html>


HTML <base> 元素

<base> 標簽描述了基本的鏈接地址/鏈接目標,該標簽作為HTML文檔中所有的鏈接標簽的默認鏈接:

實例

<head> <base href="http://www.runoob.com/images/" target="_blank"> </head>


HTML <link> 元素

<link> 標簽定義了文檔與外部資源之間的關系。

<link> 標簽通常用于鏈接到樣式表:

實例

<head> <link rel="stylesheet" type="text/css" href="mystyle.css"> </head>


HTML <style> 元素

<style> 標簽定義了HTML文檔的樣式文件引用地址.

在<style> 元素中你也可以直接添加樣式來渲染 HTML 文檔:

實例

<head> <style type="text/css"> body { background-color:yellow; } p { color:blue } </style> </head>


HTML <meta> 元素

meta標簽描述了一些基本的元數據。

<meta> 標簽提供了元數據.元數據也不顯示在頁面上,但會被瀏覽器解析。

META 元素通常用于指定網頁的描述,關鍵詞,文件的最后修改時間,作者,和其他元數據。

元數據可以使用于瀏覽器(如何顯示內容或重新加載頁面),搜索引擎(關鍵詞),或其他Web服務。

<meta> 一般放置于 <head> 區域

<meta> 標簽- 使用實例

為搜索引擎定義關鍵詞:

<meta name="keywords" content="HTML, CSS, XML, XHTML, JavaScript">

為網頁定義描述內容:

<meta name="description" content="免費 Web & 編程 教程">

定義網頁作者:

<meta name="author" content="Runoob">

每30秒鐘刷新當前頁面:

<meta http-equiv="refresh" content="30">


HTML <script> 元素

<script>標簽用于加載腳本文件,如: JavaScript。

<script> 元素在以后的章節中會詳細描述。


HTML head 元素

標簽描述
<head>定義了文檔的信息
<title>定義了文檔的標題
<base>定義了頁面鏈接標簽的默認鏈接地址
<link>定義了一個文檔和外部資源之間的關系
<meta>定義了HTML文檔中的元數據
<script>定義了客戶端的腳本文件
<style>定義了HTML文檔的樣式文件

本文來自互聯網用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務,不擁有所有權,不承擔相關法律責任。
如若轉載,請注明出處:http://www.pswp.cn/diannao/76081.shtml
繁體地址,請注明出處:http://hk.pswp.cn/diannao/76081.shtml
英文地址,請注明出處:http://en.pswp.cn/diannao/76081.shtml

如若內容造成侵權/違法違規/事實不符,請聯系多彩編程網進行投訴反饋email:809451989@qq.com,一經查實,立即刪除!

相關文章

macbook電腦如何清理鍵盤防止誤觸

M1芯片的MacBook電腦關機后按任意鍵開機&#xff0c;是蘋果的功能設計。這樣設計的目的是為了方便用戶&#xff0c;讓用戶在想要使用電腦時能快速開機。但是清理電腦鍵盤的時候卻成為了一種苦惱 以下是一些清理 MacBook 鍵盤防止誤觸的方法&#xff1a; 使用工具鎖定鍵盤 Cle…

Rust 面向對象

Rust 面向對象 引言 Rust 是一種系統編程語言,以其高性能、內存安全和并發支持而受到關注。Rust 的面向對象特性是其強大功能之一,它允許開發者以面向對象的方式構建復雜的應用程序。本文將深入探討 Rust 的面向對象編程(OOP)特性,包括類的定義、繼承、封裝和多態等概念…

Redis 源碼硬核解析系列專題 - 第二篇:核心數據結構之SDS(Simple Dynamic String)

1. 引言 Redis沒有直接使用C語言的標準字符串(以\0結尾的字符數組),而是自定義了SDS(Simple Dynamic String)。SDS是Redis的基礎數據結構之一,廣泛用于鍵值存儲、命令參數等場景。本篇將深入剖析SDS的實現原理、優勢以及源碼細節。 2. 為什么不用C標準字符串? C字符串…

python-59-基于python內置庫解析html獲取標簽關鍵信息

文章目錄 1 html.parser1.1 初始化和基礎使用1.1.1 handle_starttag(self, tag, attrs)1.1.2 handle_endtag(self, tag)1.1.3 handle_startendtag(self, tag, attrs)1.1.4 handle_data(self, data)1.1.5 handle_comment(self, data)1.2 解析HTML文檔的流程2 百度搜索關鍵詞鏈接…

Java的string默認值

在Java中&#xff0c;String類型的默認值取決于其定義和實例化的方式。 以下是關于String默認值的詳細說明 未實例化的String變量? 如果定義一個String變量但未對其進行實例化&#xff08;即未使用new關鍵字或直接賦值&#xff09;&#xff0c;其默認值為:ml-search[null]。這…

高并發系統下的訂單號生成服務設計與實現

目錄 引言 訂單號設計的關鍵考量因素 基礎需求分析 唯一性保障 數據量預估 可讀性設計 系統架構考量 分庫分表兼容 可擴展性設計 技術選型與比較 性能優化 高可用性保障 實踐案例&#xff1a;高并發系統訂單號結構設計 結構詳解 業務類型標識(2位) 唯一標識部分…

使用LLaMAFactory微調Qwen大模型

一、環境配置與工具安裝 1. 硬件要求 GPU:至少1塊NVIDIA GPU(推薦RTX 4090/A100/H100,顯存≥16GB)。內存:≥64GB系統內存。存儲:≥100GB硬盤空間用于模型與數據集存儲。2. 軟件依賴 Python 3.8+:需安裝CUDA支持的PyTorch版本(如torch==2.0.1+cu117)。 依賴庫:通過以…

2025-3-29算法打卡

一&#xff0c;回文判定 1.題目描述&#xff1a; 題目描述 給定一個長度為 nn 的字符串 SS。請你判斷字符串 SS 是否回文。 輸入描述 輸入僅 11 行包含一個字符串 SS。 1≤∣S∣≤1061≤∣S∣≤106&#xff0c;保證 SS 只包含大小寫、字母。 輸出描述 若字符串 SS 為回…

Android 接 Twitter Share ,常見問題及解決方案

1. 應用未授權或授權失敗 問題描述:當嘗試分享內容到 Twitter 時,應用提示未授權,或者在授權過程中出現錯誤,無法獲取授權碼或訪問令牌。解決方案 檢查 Twitter API 密鑰和密鑰密碼:確保在 Twitter 開發者平臺創建應用后,獲取的 API 密鑰(Consumer Key)和 API 密鑰密碼…

【數據結構】樹與森林

目錄 樹的存儲方法 雙親表示法 孩子表示法 孩子兄弟表示法 樹、森林與二叉樹的轉換 樹轉換成二叉樹 森林轉換成二叉樹 二叉樹轉換成森林 樹與森林的遍歷 樹的遍歷 森林的遍歷 樹的存儲方法 雙親表示法 這種存儲結構采用一組連續空間來存儲每個結點&#xff0c;同時…

html5基于Canvas的動態時鐘實現詳解

基于Canvas的動態時鐘實現詳解 這里寫目錄標題 基于Canvas的動態時鐘實現詳解項目介紹技術棧項目架構HTML結構核心樣式設計 核心功能實現1. 時鐘表盤繪制2. 時鐘指針動畫3. 主題切換實現4. 時間格式切換 技術要點總結項目亮點總結參考資料 項目介紹 在這篇文章中&#xff0c;我…

Deepseek API+Python 測試用例一鍵生成與導出 V1.0.3

** 功能詳解** 隨著軟件測試復雜度的不斷提升,測試工程師需要更高效的方法來設計高覆蓋率的測試用例。Deepseek API+Python 測試用例生成工具在 V1.0.3 版本中,新增了多個功能點,優化了提示詞模板,并增強了對文檔和接口測試用例的支持,極大提升了測試用例設計的智能化和易…

react如何引用(按需加載)百度地圖,并結合and組件化封裝

1.技術選項: vitereactantdesign load-script 2.實現思路&#xff1a; 1.按需加載如何實現? 要實現按需加載就不能直接在項目的入口文件這種地方去通過script標簽引入&#xff0c;這里使用load-script封裝了一個加載百度地圖的Bmap.js方法,實現動態的插入script腳本。 根…

LeetCode 第31~33題

目錄 LeetCode 第31題&#xff1a;下一個排列 LeetCode 第32題&#xff1a;最長有效括號 LeetCode 第33題&#xff1a;搜索旋轉排序數組 LeetCode 第31題&#xff1a;下一個排列 題目描述 整數數組的一個排列就是將所有成員以序列或線性順序排列。例如arr[1,2,3]&#xff0c;以…

虛擬現實--->unity學習

前言&#xff1a;這學期勞動課選了虛擬現實&#xff0c;其中老師算挺認真的&#xff0c;當然對一些不感興趣的同學來說是一種折磨&#xff0c;我對這個unity的學習以及后續的虛幻引擎剛開始連基礎的概念都沒有&#xff0c;后面漸漸也是滋生了一些興趣&#xff0c;用這篇博客記錄…

在Trae中設置Python解釋器版本

Python 是一種廣泛使用的高級編程語言&#xff0c;因其簡潔易讀的語法和強大的功能而備受歡迎。隨著 Python 的不斷發展&#xff0c;多個版本相繼發布&#xff0c;每個版本都帶來了新特性和改進。然而&#xff0c;這也帶來了一些問題&#xff0c;比如不同的工程&#xff0c;需要…

鴻蒙原生開發之狀態管理V2

一、ArkTS狀態變量的定義&#xff1a; State&#xff1a;狀態&#xff0c;指驅動UI更新的數據。用戶通過觸發組件的事件方法&#xff0c;改變狀態數據。狀態數據的改變&#xff0c;引起UI的重新渲染。 在鴻蒙原生開發中&#xff0c;使用ArkTS開發UI的時候&#xff0c;我們可以…

nginx配置跳轉設置Host有誤導致報404問題

我們有個項目&#xff0c;前端調用了第三方接口。為了避免跨域&#xff0c;所以使用nginx進行轉發。一直正常工作&#xff0c;相安無事。近日第三方調整了安全策略&#xff0c;http轉換成https&#xff0c;原本使用ip&#xff0c;現在也改成使用域名&#xff0c;所以nginx這里我…

深度學習 Deep Learning 第12章 深度學習的主流應用

深度學習 Deep Learning 第12章 深度學習的主流應用 內容概要 本周深入探討了深度學習在多個領域的應用&#xff0c;包括計算機視覺、語音識別、自然語言處理以及其他領域如推薦系統和知識表示。本章強調了硬件和軟件基礎設施的重要性&#xff0c;特別是GPU在加速神經網絡訓練…

【Qt】三種操作sqlite3的方式及其三種多表連接

一、sqlite3與MySQL數據庫區別&#xff1a; 1. 數據庫類型 SQLite3&#xff1a;是嵌入式數據庫&#xff0c;它將整個數據庫存儲在單個文件中&#xff0c;不需要獨立的服務器進程。這意味著它可以很方便地集成到各種應用程序中&#xff0c;如移動應用、桌面應用等。MySQL&…