html5中有什么標簽

發(fā)布時間：2021-06-09 11:04:00 來源：億速云閱讀：189 作者：小新欄目：web開發(fā)

這篇文章將為大家詳細講解有關html5中有什么標簽，小編覺得挺實用的，因此分享給大家做個參考，希望大家閱讀完這篇文章后可以有所收獲。

html5標簽有：p、a、img、map、area、html、body、br、b、big、em、i、small、strong、sub、sup、ins、del、code、samp、kbd、tt、var、pre、address、bdo、q等。

本教程操作環(huán)境：windows7系統(tǒng)、CSS3&&HTML5版、Dell G3電腦。

最常用的 HTML5 標簽及屬性

基本的 HTML 標簽

<h2> - <h7> 標簽定義 HTML 標題
<p> 標簽定義 HTML 段落
<a> 標簽定義 HTML 鏈接
   超鏈接：
   >通過使用 href 屬性 - 創(chuàng)建指向另一個文檔的鏈接
   >通過使用 name 屬性 - 創(chuàng)建文檔內(nèi)的書簽
   >通過使用 Target 屬性，你可以定義被鏈接的文檔在何處顯示
   >語法：<a href="url">Link text</a>
   錨點：
   >語法：<a name="label">錨（顯示在頁面上的文本）</a>
<img> 標簽定義 HTML 圖像
<map>	定義圖像地圖
<area>	定義圖像地圖中的可點擊區(qū)域
<html>	定義 HTML 文檔
<body>	定義文檔的主體
<hr /> 標簽創(chuàng)建 HTML 頁面水平線
 <!-- --> HTML 注釋
<br />	插入單個折行（換行）

HTML 文本格式化標簽

<b> 定義粗體文本
<big> 定義大號字
<em> 定義著重文字
<i> 定義斜體字
<small> 定義小號字
<strong> 定義加重語氣
<sub>	定義下標字
<sup>	定義上標字
<ins>	定義插入字
<del>	定義刪除字

HTML “計算機輸出”標簽

<code> 定義計算機代碼
<kbd> 定義鍵盤碼
<samp> 定義計算機代碼樣本
<tt> 定義打字機代碼
<var> 定義變量
<pre> 定義預格式文本

HTML 引文、引用和定義標簽

<abbr>	定義縮寫或首字母縮略語
<address>	定義文檔作者或擁有者的聯(lián)系信息
<bdo>	定義文本方向
<blockquote>	定義從其他來源引用的節(jié)
<dfn>	定義項目或縮略詞的定義
<q>	定義短的行內(nèi)引用
<cite>	定義著作的標題

HTML CSS樣式

<style>	定義樣式定義
<link>	定義資源引用
<p>	定義文檔中的節(jié)或區(qū)域（塊級）
<span>	定義文檔中的行內(nèi)的小塊或區(qū)域
<font>	規(guī)定文本的字體、字體尺寸、字體顏色。不贊成使用。請使用樣式
<center>	對文本進行水平居中。不贊成使用。請使用樣式

HTML 表格標簽

<table> 定義表格
<caption>	定義表格標題
<th>	定義表格的表頭
<tr>	定義表格的行
<td>	定義表格單元
<thead>	定義表格的頁眉
<tbody>	定義表格的主體
<tfoot>	定義表格的頁腳
<col>	定義用于表格列的屬性
<colgroup>	定義表格列的組

HTML 列表

<ol>	定義有序列表
<ul>	定義無序列表
<li>	定義列表項
<dl>	定義定義列表
<dt>	定義定義項目
<dd>	定義定義的描述

HTML 分組標簽

<p>	定義文檔中的分區(qū)或節(jié)（pision/section）。
<span>	定義 span，用來組合文檔中的行內(nèi)元素。

HTML Iframe 標簽

（1）添加 iframe 的語法: <iframe src="URL"> </iframe>URL 指向隔離頁面的位置。

（2）height 和 width 屬性用于規(guī)定 iframe 的高度和寬度。屬性值的默認單位是像素，但也可以用百分比來設定（比如 “80%”）。

實例：<iframe src="demo_iframe.htm" width="200" height="200"></iframe>

（3）刪除邊框

frameborder 屬性規(guī)定是否顯示 iframe 周圍的邊框。設置屬性值為 “0” 就可以移除邊框。實例：<iframe src="demo_iframe.htm" frameborder="0"></iframe>

（4）使用 iframe 作為鏈接的目標

iframe 可用作鏈接的目標（target）。鏈接的 target 屬性必須引用 iframe 的 name 屬性。實例：<iframe src="demo_iframe.htm" name="iframe_a"></iframe>

HTML 頭部元素

<head>	定義關于文檔的信息
<title>	定義文檔標題
<base>	定義頁面上所有鏈接的默認地址或默認目標
<link>	定義文檔與外部資源之間的關系
<meta>	定義關于 HTML 文檔的元數(shù)據(jù)
<script>	定義客戶端腳本
<style>	定義文檔的樣式信息

HTML 中有用的字符實體

html5中有什么標簽注釋：實體名稱對大小寫敏感

HTML 表單

<input> 元素有很多形態(tài)，根據(jù)不同的 type 屬性。
（1）text	定義常規(guī)文本輸入。
<input type="text"> 定義用于文本輸入的單行輸入字段。
（2）radio	定義單選按鈕輸入（選擇多個選擇之一）。
<input type="radio"> 定義單選按鈕。
（3）submit	定義提交按鈕（提交表單）。
<input type="submit"> 定義用于向表單處理程序（form-handler）提交表單的按鈕。
（4）action 屬性定義在提交表單時執(zhí)行的動作。向服務器提交表單的通常做法是使用提交按鈕。通常，表單會被提交到 web 服務器上的網(wǎng)頁。
<form action="action_page.php"> 如果省略 action 屬性，則 action 會被設置為當前頁面。
（5）button屬性定義按鈕。<input type="button> 
（6）method 屬性規(guī)定在提交表單時所用的 HTTP 方法（GET 或 POST）：
<form action="action_page.php" method="GET">或：<form action="action_page.php" method="POST">
（7）name規(guī)定識別表單的名稱（對于 DOM 使用：document.forms.name）。
（8）用 <fieldset> 組合表單數(shù)據(jù)：<fieldset> 元素組合表單中的相關數(shù)據(jù)，<legend> 元素為 <fieldset> 元素定義標題。
（9）novalidate 規(guī)定瀏覽器不驗證表單。
（10）target規(guī)定 action 屬性中地址的目標（默認：_self）。
（11）date用于應該包含日期的輸入字段<input type="date"> 。month允許用戶選擇月份和年份<input type="month"> 。week允許用戶選擇周和年<input type="week"> 。time允許用戶選擇時間（無時區(qū)）<input type="time"> 。datetime允許用戶選擇日期和時間（有時區(qū)）<input type="datetime"> 。datetime-local允許用戶選擇日期和時間（無時區(qū)）<input type="datetime-local"> 。color用于應該包含顏色的輸入字段<input type="color"> 。range用于應該包含一定范圍內(nèi)的值的輸入字段<input type="range"> 。根據(jù)瀏覽器支持，日期選擇器會出現(xiàn)輸入字段中。
（12）search 用于搜索字段（搜索字段的表現(xiàn)類似常規(guī)文本字段）<input type="search">。tel用于應該包含電話號碼的輸入字段<input type="tel"> 。url 用于應該包含 URL 地址的輸入字段<input type="url">。

HTML Input 屬性

value 屬性：規(guī)定輸入字段的初始值。
readonly 屬性：規(guī)定輸入字段為只讀（不能修改），readonly 屬性不需要值。它等同于 readonly=“readonly”。
disabled 屬性：規(guī)定輸入字段是禁用的，被禁用的元素是不可用和不可點擊的，被禁用的元素不會被提交。disabled 屬性不需要值。它等同于 disabled=“disabled”。
size 屬性：規(guī)定輸入字段的尺寸（以字符計）。
maxlength 屬性：規(guī)定輸入字段允許的最大長度。
autocomplete 屬性：規(guī)定表單或輸入字段是否應該自動完成。當自動完成開啟，瀏覽器會基于用戶之前的輸入值自動填寫值。
novalidate 屬性屬于< form>屬性。如果設置，則 novalidate 規(guī)定在提交表單時不對表單數(shù)據(jù)進行驗證。
autofocus 屬性是布爾屬性。如果設置，則規(guī)定當頁面加載時< input> 元素應該自動獲得焦點。
form 屬性規(guī)定< input>元素所屬的一個或多個表單。如需引用一個以上的表單，請使用空格分隔的表單 id 列表。
ormaction 屬性規(guī)定當提交表單時處理該輸入控件的文件的 URL。formaction 屬性覆蓋< form>元素的 action 屬性。formaction 屬性適用于 type=“submit” 以及 type=“image”。
formenctype 屬性規(guī)定當把表單數(shù)據(jù)（form-data）提交至服務器時如何對其進行編碼（僅針對 method=“post” 的表單）。formenctype 屬性覆蓋 < form>元素的 enctype 屬性。formenctype 屬性適用于 type=“submit” 以及 type=“image”。
formmethod 屬性定義用以向 action URL 發(fā)送表單數(shù)據(jù)（form-data）的 HTTP 方法。formmethod 屬性覆蓋 < form> 元素的 method 屬性。formmethod 屬性適用于 type=“submit” 以及 type=“image”。
novalidate 屬性是布爾屬性。如果設置，則規(guī)定在提交表單時不對< input>元素進行驗證。formnovalidate 屬性覆蓋 < form> 元素的 novalidate 屬性。formnovalidate 屬性可用于 type=“submit”。
formtarget 屬性規(guī)定的名稱或關鍵詞指示提交表單后在何處顯示接收到的響應。formtarget 屬性會覆蓋 < form> 元素的 target 屬性。formtarget 屬性可與 type=“submit” 和 type=“image” 使用。
height 和 width 屬性規(guī)定 < input> 元素的高度和寬度。height 和 width 屬性僅用于 < input type=“image”>。
list 屬性引用的 < datalist> 元素中包含了 < input> 元素的預定義選項。
min 和 max 屬性規(guī)定元素的最小值和最大值。min 和 max 屬性適用于如需輸入類型：number、range、date、datetime、datetime-local、month、time 以及 week。
multiple 屬性是布爾屬性。如果設置，則規(guī)定允許用戶在 < input> 元素中輸入一個以上的值。multiple 屬性適用于以下輸入類型：email 和 file。
pattern 屬性規(guī)定用于檢查 < input> 元素值的正則表達式。pattern 屬性適用于以下輸入類型：text、search、url、tel、email、and password。
placeholder 屬性規(guī)定用以描述輸入字段預期值的提示（樣本值或有關格式的簡短描述）。該提示會在用戶輸入值之前顯示在輸入字段中。placeholder 屬性適用于以下輸入類型：text、search、url、tel、email 以及 password。
required 屬性是布爾屬性。如果設置，則規(guī)定在提交表單之前必須填寫輸入字段。required 屬性適用于以下輸入類型：text、search、url、tel、email、password、date pickers、number、checkbox、radio、and file。
step 屬性規(guī)定元素的合法數(shù)字間隔。示例：如果 step=“3”，則合法數(shù)字應該是 -3、0、3、6、等等。

<article>	定義文檔內(nèi)的文章。
<aside>	定義頁面內(nèi)容之外的內(nèi)容。
<bdi>	定義與其他文本不同的文本方向。
<details>	定義用戶可查看或隱藏的額外細節(jié)。
<dialog>	定義對話框或窗口。
<figcaption>	定義 <figure> 元素的標題。
<figure>	定義自包含內(nèi)容，比如圖示、圖表、照片、代碼清單等等。
<footer>	定義文檔或節(jié)的頁腳。
<header>	定義文檔或節(jié)的頁眉。
<main>	定義文檔的主內(nèi)容。
<mark>	定義重要或強調(diào)的內(nèi)容。
<menuitem>	定義用戶能夠從彈出菜單調(diào)用的命令/菜單項目。
<meter>	定義已知范圍（尺度）內(nèi)的標量測量。
<nav>	定義文檔內(nèi)的導航鏈接。
<progress>	定義任務進度。
<rp>	定義在不支持 ruby 注釋的瀏覽器中顯示什么。
<rt>	定義關于字符的解釋/發(fā)音（用于東亞字體）。
<ruby>	定義 ruby 注釋（用于東亞字體）。
<section>	定義文檔中的節(jié)。
<summary>	定義 <details> 元素的可見標題。
<time>	定義日期/時間。
<wbr>	定義可能的折行（line-break）。
<canvas>	定義使用 JavaScript 的圖像繪制。
<svg>	定義使用 SVG 的圖像繪制。
<audio>	定義聲音或音樂內(nèi)容。
<embed>	定義外部應用程序的容器（比如插件）。
<source>	定義 <video> 和 <audio> 的來源。
<track>	定義 <video> 和 <audio> 的軌道。
<video>	定義視頻或影片內(nèi)容。

關于“html5中有什么標簽”這篇文章就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，使各位可以學到更多知識，如果覺得文章不錯，請把它分享出去讓更多的人看到。

向AI問一下細節(jié)