首頁 > web前端 > html教學 > Html 導航元素

Html 導航元素

WBOY
發布: 2024-09-04 16:24:13
原創
801 人瀏覽過

導覽元素

注意:

  • HTML 文件中提到的所有連結均未放置在
  • HTML5 中的導覽標籤需要開始和結束標籤,即

文法:

HTML/XHTML

<body>
<nav> ... </nav>
<body>
登入後複製

CSS

nav{
--your css code—
}
登入後複製

使用

;標籤專為主要導航區域而設計,例如頁面或部分頂部的主選單。一個文件可以有多個

標籤特定屬性

沒有與

全域屬性

與所有其他 HTML 標籤一樣,

以下是全域屬性:

  • 中止
  • 自動完成,
  • 自動完成錯誤,
  • 模糊,
  • 取消,
  • 可以玩,
  • 可以通關,
  • 改變,
  • 點擊,
  • 關閉,
  • 在上下文選單上,
  • 一旦改變,
  • 單擊,
  • ondrag,
  • 關於德拉吉德,
  • ondragenter,
  • ondrageexit,
  • 拖走,
  • ondragoover,
  • ondragstart,
  • ondrop,
  • 持續時間變化,
  • 空了,
  • 結束了,
  • 錯誤,
  • 焦點,
  • 輸入時,
  • 無效,
  • 按下按鍵,
  • 按鍵,
  • onkeyup,
  • 加載,
  • 已載入數據,
  • 已載入元數據,
  • onloadstart,
  • 滑鼠按下時,
  • 滑鼠輸入,
  • 滑鼠離開,
  • 滑鼠移動,
  • 老鼠移出時,
  • 滑鼠懸停時,
  • 滑鼠鬆開,
  • 滑鼠滾輪,
  • 暫停,
  • 比賽中,
  • 正在播放,
  • 進行中,
  • 利率變化,
  • 重置時,
  • 調整大小,
  • 捲動,
  • 尋求,
  • 尋求,
  • 選擇時,
  • 現場表演,
  • 安排序,
  • 已安裝,
  • 提交後,
  • 暫停,
  • 準時更新,
  • 打開,
  • 音量變化,
  • 等待中

事件屬性

不存在可與

  • 文字顏色
  • 文字對齊
  • 文字裝飾
  • 文字轉換
  • 行高
  • 文字方向
  • 文字陰影
  • 字間距

  • 字體樣式 – 正常|斜體|傾斜|首字母|繼承
  • 字型變體 – 普通|小型大寫字母|首字母|繼承
  • 字型粗細 – 正常|粗體|粗體|更亮|數字|首字母|繼承
  • 字型大小 – 中|xx-小|x-小|小|大|x-大|xx-大|小|大|長度|初始|繼承
  • 字型系列 – 家族名稱|通用家族|首字母|繼承

<style>
address{
text-shadow: 1px 1px #FF0000;
}
</style>
登入後複製

範例

以下是下面提到的範例

範例#1

<!DOCTYPE html>
<html>
<head>
<title>HTML Nav tag</title>
</head>
<body>
<header>
<h1>About Us</h1>
</header>
<nav>
<a href="https://www.educba.com/about-us/">Who is EDUCBA?</a> |
<a href="https://www.educba.com/careers/">Careers</a> |
<a href="https://www.educba.com/instructors/">Become an instructor</a> |
<a href="https://www.educba.com/how-it-works/">How does it work?</a> |
</nav>
</body>
</html>
登入後複製

Output:

Html 導航元素

Example #2

來源:php
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板