日韩性视频-久久久蜜桃-www中文字幕-在线中文字幕av-亚洲欧美一区二区三区四区-撸久久-香蕉视频一区-久久无码精品丰满人妻-国产高潮av-激情福利社-日韩av网址大全-国产精品久久999-日本五十路在线-性欧美在线-久久99精品波多结衣一区-男女午夜免费视频-黑人极品ⅴideos精品欧美棵-人人妻人人澡人人爽精品欧美一区-日韩一区在线看-欧美a级在线免费观看

歡迎訪問 生活随笔！

生活随笔

當前位置： 首頁 > 前端技术 > HTML >内容正文

HTML

HTML头部元素标签

發布時間：2025/3/21 HTML 17 豆豆
生活随笔 收集整理的這篇文章主要介紹了 HTML头部元素标签 小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

文章目錄

  • 1、HTML - head元素
  • 2、HTML - title元素
  • 3、HTML - base元素
  • 4、HTML - link元素
  • 5、HTML - style元素
  • 6、HTML - meta元素
  • 7、HTML - script元素

學習資料來源于：菜鳥教程 - HTML頭部標簽

HTML head 元素：

1、HTML - head元素

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

可以添加在頭部區域的元素標簽為:

<title>, <style>, <meta>, <link>, <script>, <noscript> 和 <base>

2、HTML - title元素

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

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

<title>元素:

  • 定義了瀏覽器工具欄的標題
  • 當網頁添加到收藏夾時，顯示在收藏夾中的標題
  • 顯示在搜索引擎結果頁面的標題
<!DOCTYPE html> <head><title>日常小練習</title><body><p>這是文檔內容.....</p></body> </head> </html>

3、HTML - base元素

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

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

4、HTML - link元素

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

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

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

5、HTML - style元素

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

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

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

6、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">

7、HTML - script元素

<script>標簽用于加載腳本文件，如： JavaScript。
<script> 元素既可包含腳本語句，也可以通過 “src” 屬性指向外部腳本文件。

  • 注釋：如果使用 “src” 屬性，則 <script> 元素必須是空的。

注釋： 有多種執行外部腳本的方法：

  • 如果 async=“async”：腳本相對于頁面的其余部分異步地執行（當頁面繼續進行解析時，腳本將被執行）
  • 如果不使用 async 且 defer=“defer”：腳本將在頁面完成解析時執行
  • 如果既不使用 async 也不使用 defer：在瀏覽器繼續解析頁面之前，立即讀取并執行腳本
<!DOCTYPE html> <head><!-- 通過 JavaScript 輸出 "Hello world"： --><script>document.write("Hello World!")</script> </head> </html>

總結

以上是生活随笔為你收集整理的HTML头部元素标签的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。