日韩性视频-久久久蜜桃-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头部元素标签的全部內容,希望文章能夠幫你解決所遇到的問題。

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

主站蜘蛛池模板: 香蕉视频黄色在线观看 | 99久久久国产精品无码网爆 | 欧美一区二区 | 亚洲av日韩精品久久久久久久 | 中文字幕一区久久 | 天天色影网 | 日韩精品一区二区在线播放 | 天堂久久精品 | 色94色欧美sute亚洲线路二 | 欧美aa级 | 午夜免费大片 | 日本污污网站 | 国产亚洲精品久久久久久久 | 日韩免费一区二区三区 | 毛片黄片免费看 | 国产伦一区二区三区 | 一区二区三区视频免费看 | 亚州国产精品 | 亚洲国产一区视频 | 国产美女精品 | 午夜色网 | 国产色爽 | 98久久久 | 国产高潮流白浆喷水视频 | 色播五月激情 | 在线观看一级片 | 毛片大全免费看 | 亚洲少妇在线 | 午夜在线视频免费 | 欧美日韩综合网 | 色婷婷国产精品视频 | 国产老头老太作爱视频 | 美女扒开腿让人桶爽原神 | 伊人3 | 久久国产人妻一区二区免色戒电影 | 天堂最新| 密乳av| 大肉大捧一进一出好爽mba | 国产精品视频不卡 | 欧美色一区二区三区在线观看 | 依依成人在线视频 | 精品国产一区二区三区久久久蜜月 | 日韩99| 欧美一区精品 | 黄色片aa | 91在线免费看 | 欧美黄片一区二区三区 | 国产精品久久久999 www日本高清视频 | 91福利在线免费观看 | 欧美少妇精品 | 国产69页| 免费成人一级片 | 日本国产一区二区 | 人人妻人人澡人人爽久久av | 在线观看视频www | 久久综合精品视频 | 国产男同gay网站 | 成人久久在线 | 国产精品久久久久久久专区 | 国产精品亲子伦对白 | 无码精品视频一区二区三区 | 日韩高清国产一区在线 | 中文字幕 自拍偷拍 | 日本黄色免费网址 | 日韩三级在线播放 | 欧美老司机 | 被黑人啪到哭的番号922在线 | 成人欧美一区二区三区在线观看 | 国产精品视频麻豆 | 丰满少妇麻豆av苏语棠 | 秋霞福利影院 | 特黄大片又粗又大又暴 | 毛片在线网站 | 欧美绿帽交换xxx | av色成人 | 欧美极品在线视频 | 黄色一级视频网站 | 乱视频在线观看 | 伊人动漫| 成人午夜影片 | 国内偷拍第一页 | 伊人狼人综合 | 日韩a∨| 日本毛片在线看 | 熟女俱乐部一区二区 | 久久国产乱子伦免费精品 | 国产精品第三页 | 国产av毛片 | 4444亚洲人成无码网在线观看 | 亚洲观看黄色网 | 久久久精品日本 | 黑人干亚洲 | av中文字幕一区二区三区 | 双性高h1v1| 国产成年人视频网站 | 女生毛片 | 蜜桃视频在线观看一区二区 | 特一级黄色 | 97超碰在线免费 |