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>元素:
- 定義了瀏覽器工具欄的標題
- 當網頁添加到收藏夾時,顯示在收藏夾中的標題
- 顯示在搜索引擎結果頁面的標題
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> 標簽- 使用實例
- 為搜索引擎定義關鍵詞:
- 為網頁定義描述內容:
- 定義網頁作者:
- 每30秒鐘刷新當前頁面:
7、HTML - script元素
<script>標簽用于加載腳本文件,如: JavaScript。
<script> 元素既可包含腳本語句,也可以通過 “src” 屬性指向外部腳本文件。
- 注釋:如果使用 “src” 屬性,則 <script> 元素必須是空的。
注釋: 有多種執行外部腳本的方法:
- 如果 async=“async”:腳本相對于頁面的其余部分異步地執行(當頁面繼續進行解析時,腳本將被執行)
- 如果不使用 async 且 defer=“defer”:腳本將在頁面完成解析時執行
- 如果既不使用 async 也不使用 defer:在瀏覽器繼續解析頁面之前,立即讀取并執行腳本
總結
以上是生活随笔為你收集整理的HTML头部元素标签的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: HTML 文本格式化标签
- 下一篇: HTML样式 - CSS