前端問答

html5標籤有哪些

醉折花枝作酒筹

Jun 09, 2021 am 10:35 AM

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等。

html5標籤有哪些

本教學操作環境：windows7系統、CSS3&&HTML5版、Dell G3電腦。

最常用的HTML5 標籤及屬性

基本的HTML 標籤

<h1> - <h6> 标签定义 HTML 标题
<p> 标签定义 HTML 段落
<a> 标签定义 HTML 链接
   超链接：
   >通过使用 href 属性 - 创建指向另一个文档的链接
   >通过使用 name 属性 - 创建文档内的书签
   >通过使用 Target 属性，你可以定义被链接的文档在何处显示
   >语法：<a href="url">Link text</a>
   锚点：
   >语法：<a name="label">锚（显示在页面上的文本）</a>
<img  src="/static/imghwm/default1.png"  data-src="demo_iframe.htm"  class="lazy"  alt="html5標籤有哪些" > 标签定义 HTML 图像
<map>	定义图像地图
<area>	定义图像地图中的可点击区域
<html>	定义 HTML 文档
<body>	定义文档的主体
<hr /> 标签创建 HTML 页面水平线
 <!-- --> HTML 注释
<br />	插入单个折行（换行）

HTML 文字格式化標籤

<b> 定义粗体文本
<big> 定义大号字
<em> 定义着重文字
<i> 定义斜体字
<small> 定义小号字
<strong> 定义加重语气
<sub>	定义下标字
<sup>	定义上标字
<ins>	定义插入字
<del>	定义删除字

HTML “電腦輸出”標籤

<code> 定义计算机代码
<kbd> 定义键盘码
<samp> 定义计算机代码样本
<tt> 定义打字机代码
<var> 定义变量
<pre class="brush:php;toolbar:false"> 定义预格式文本

HTML 引文、引用和定義標籤

<abbr>	定义缩写或首字母缩略语
<address>	定义文档作者或拥有者的联系信息
<bdo>	定义文本方向
<blockquote>	定义从其他来源引用的节
<dfn>	定义项目或缩略词的定义
<q>	定义短的行内引用
<cite>	定义著作的标题

HTML CSS樣式

<style>	定义样式定义
<link>	定义资源引用
<p>	定义文档中的节或区域（块级）
<span>	定义文档中的行内的小块或区域
<font>	规定文本的字体、字体尺寸、字体颜色。不赞成使用。请使用样式
<center>	对文本进行水平居中。不赞成使用。请使用样式

HTML 表格標籤

<table> 定义表格
<caption>	定义表格标题
<th>	定义表格的表头
<tr>	定义表格的行
<td>	定义表格单元
<thead>	定义表格的页眉
<tbody>	定义表格的主体
<tfoot>	定义表格的页脚
<col>	定义用于表格列的属性
<colgroup>	定义表格列的组

HTML 清單

<ol>	定义有序列表
<ul>	定义无序列表
<li>	定义列表项
<dl>	定义定义列表
<dt>	定义定义项目
<dd>	定义定义的描述

HTML 分組標籤

<p>	定义文档中的分区或节（pision/section）。
<span>	定义 span，用来组合文档中的行内元素。

HTML Iframe 標籤

定義內聯的子視窗（框架）

（1）新增iframe 的語法: URL 指向隔離頁面的位置。

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

實例：

（3）刪除邊框

frameborder 屬性規定是否顯示iframe 周圍的邊框。設定屬性值為 “0” 就可以移除邊框。實例：

（4）使用iframe 作為連結的目標

iframe 可用作連結的目標（target）。連結的 target 屬性必須引用 iframe 的 name 屬性。實例：

HTML 頭部元素

<head>	定义关于文档的信息
<title>	定义文档标题
<base>	定义页面上所有链接的默认地址或默认目标
<link>	定义文档与外部资源之间的关系
<meta>	定义关于 HTML 文档的元数据
<script>	定义客户端脚本
<style>	定义文档的样式信息

HTML 中有用的字元實體

html5標籤有哪些 #註解：實體名稱對大小寫敏感

HTML 表單

<input> 元素有很多形态，根据不同的 type 属性。
（1）text	定义常规文本输入。
<input type="text"> 定义用于文本输入的单行输入字段。
（2）radio	定义单选按钮输入（选择多个选择之一）。
<input type="radio"> 定义单选按钮。
（3）submit	定义提交按钮（提交表单）。
<input type="submit"> 定义用于向表单处理程序（form-handler）提交表单的按钮。
（4）action 属性定义在提交表单时执行的动作。向服务器提交表单的通常做法是使用提交按钮。通常，表单会被提交到 web 服务器上的网页。
<form action="action_page.php"> 如果省略 action 属性，则 action 会被设置为当前页面。
（5）button属性定义按钮。<input type="button> 
（6）method 属性规定在提交表单时所用的 HTTP 方法（GET 或 POST）：
<form action="action_page.php" method="GET">或：<form action="action_page.php" method="POST">
（7）name规定识别表单的名称（对于 DOM 使用：document.forms.name）。
（8）用 <fieldset> 组合表单数据：<fieldset> 元素组合表单中的相关数据，<legend> 元素为 <fieldset> 元素定义标题。
（9）novalidate 规定浏览器不验证表单。
（10）target规定 action 属性中地址的目标（默认：_self）。
（11）date用于应该包含日期的输入字段<input type="date"> 。month允许用户选择月份和年份<input type="month"> 。week允许用户选择周和年<input type="week"> 。time允许用户选择时间（无时区）<input type="time"> 。datetime允许用户选择日期和时间（有时区）<input type="datetime"> 。datetime-local允许用户选择日期和时间（无时区）<input type="datetime-local"> 。color用于应该包含颜色的输入字段<input type="color"> 。range用于应该包含一定范围内的值的输入字段<input type="range"> 。根据浏览器支持，日期选择器会出现输入字段中。
（12）search 用于搜索字段（搜索字段的表现类似常规文本字段）<input type="search">。tel用于应该包含电话号码的输入字段<input type="tel"> 。url 用于应该包含 URL 地址的输入字段<input type="url">。

HTML Input 屬性

value 屬性：規定輸入字段的初始值。
readonly 屬性：規定輸入欄位為唯讀（不能修改），readonly 屬性不需要值。它等同於 readonly=“readonly”。
disabled 屬性：規定輸入欄位是停用的，被停用的元素是不可用且不可點擊的，被停用的元素不會被提交。 disabled 屬性不需要值。它等同於 disabled=“disabled”。
size 屬性：規定輸入欄位的尺寸（以字元計）。
maxlength 屬性：規定輸入欄位允許的最大長度。
autocomplete 屬性：規定表單或輸入欄位是否應該自動完成。當自動完成開啟，瀏覽器會基於使用者先前的輸入值自動填入值。
novalidate 屬性屬於屬性。如果設定，則 novalidate 規定在提交表單時不對表單資料進行驗證。
autofocus 屬性是布林屬性。如果設置，則規定當頁面載入時元素應該會自動獲得焦點。
form 屬性規定元素所屬的一個或多個表單。如需引用一個以上的表單，請使用空格分隔的表單 id 清單。
ormaction 屬性規定當提交表單時處理該輸入控制項的檔案的 URL。 formaction 屬性覆寫元素的 action 屬性。 formaction 屬性適用於 type=“submit” 以及 type=“image”。
formenctype 屬性規定當把表單資料（form-data）提交至伺服器時如何編碼（僅針對 method=「post」的表單）。 formenctype 屬性覆寫元素的 enctype 屬性。 formenctype 屬性適用於 type=“submit” 以及 type=“image”。
formmethod 屬性定義用以向 action URL 傳送表單資料（form-data）的 HTTP 方法。 formmethod 屬性覆寫元素的 method 屬性。 formmethod 屬性適用於 type=“submit” 以及 type=“image”。
novalidate 屬性是布林屬性。如果設置，則規定在提交表單時不對元素進行驗證。 formnovalidate 屬性覆寫元素的 novalidate 屬性。 formnovalidate 屬性可用於 type=“submit”。
formtarget 屬性規定的名稱或關鍵字指示提交表單後在何處顯示接收到的回應。 formtarget 屬性會覆寫元素的 target 屬性。 formtarget 屬性可與 type=“submit” 和 type=“image” 使用。
height 和 width 屬性規定元素的高度和寬度。 height 和 width 屬性只用於。
list 属性引用的元素中包含了元素的预定义选项。
min 和 max 属性规定元素的最小值和最大值。min 和 max 属性适用于如需输入类型：number、range、date、datetime、datetime-local、month、time 以及 week。
multiple 属性是布尔属性。如果设置，则规定允许用户在元素中输入一个以上的值。multiple 属性适用于以下输入类型：email 和 file。
pattern 属性规定用于检查元素值的正则表达式。pattern 属性适用于以下输入类型：text、search、url、tel、email、and password。
placeholder 属性规定用以描述输入字段预期值的提示（样本值或有关格式的简短描述）。该提示会在用户输入值之前显示在输入字段中。placeholder 属性适用于以下输入类型：text、search、url、tel、email 以及 password。
required 属性是布尔属性。如果设置，则规定在提交表单之前必须填写输入字段。required 属性适用于以下输入类型：text、search、url、tel、email、password、date pickers、number、checkbox、radio、and file。
step 属性规定元素的合法数字间隔。示例：如果 step=“3”，则合法数字应该是 -3、0、3、6、等等。

<article>	定义文档内的文章。
<aside>	定义页面内容之外的内容。
<bdi>	定义与其他文本不同的文本方向。
<details>	定义用户可查看或隐藏的额外细节。
<dialog>	定义对话框或窗口。
<figcaption>	定义 <figure> 元素的标题。
<figure>	定义自包含内容，比如图示、图表、照片、代码清单等等。
<footer>	定义文档或节的页脚。
<header>	定义文档或节的页眉。
<main>	定义文档的主内容。
<mark>	定义重要或强调的内容。
<menuitem>	定义用户能够从弹出菜单调用的命令/菜单项目。
<meter>	定义已知范围（尺度）内的标量测量。
<nav>	定义文档内的导航链接。
<progress>	定义任务进度。
<rp>	定义在不支持 ruby 注释的浏览器中显示什么。
<rt>	定义关于字符的解释/发音（用于东亚字体）。
<ruby>	定义 ruby 注释（用于东亚字体）。
<section>	定义文档中的节。
<summary>	定义 <details> 元素的可见标题。
<time>	定义日期/时间。
<wbr>	定义可能的折行（line-break）。
<canvas>	定义使用 JavaScript 的图像绘制。
<svg>	定义使用 SVG 的图像绘制。
<audio>	定义声音或音乐内容。
<embed>	定义外部应用程序的容器（比如插件）。
<source>	定义 <video> 和 <audio> 的来源。
<track>	定义 <video> 和 <audio> 的轨道。
<video>	定义视频或影片内容。

推荐学习：html视频教程

以上是html5標籤有哪些的詳細內容。更多資訊請關注PHP中文網其他相關文章！

陳述

本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn

CSS：使用ID選擇器不好嗎？May 13, 2025 am 12:14 AM

使用ID選擇器在CSS中並非固有地不好，但應謹慎使用。 1）ID選擇器適用於唯一元素或JavaScript鉤子。 2）對於一般樣式，應使用類選擇器，因為它們更靈活和可維護。通過平衡ID和類的使用，可以實現更robust和efficient的CSS架構。

HTML5：2024年的目標May 13, 2025 am 12:13 AM

html5'sgoalsin2024focusonrefinement和optimization，notNewFeatures.1）增強performanceandeffipedroptimizedRendering.2）inviveAccessibilitywithRefinedwithRefinedTributesAndEllements.3）explityconcerns，尤其是withercercern.4.4）

HTML5試圖改進的主要領域是什麼？May 13, 2025 am 12:12 AM

html5aimedtotoimprovewebdevelopmentInfourKeyAreas：1）多中心供應，2）語義結構，3）formcapabilities.1）offlineandstorageoptions.1）html5intoryements html5introctosements introdements and toctosements and toctosements，簡化了inifyingmediaembedingmediabbeddingingandenhangingusexperience.2）newsements.2）

CSS ID和類：常見錯誤May 13, 2025 am 12:11 AM

IDsshouldbeusedforJavaScripthooks,whileclassesarebetterforstyling.1)Useclassesforstylingtoallowforeasierreuseandavoidspecificityissues.2)UseIDsforJavaScripthookstouniquelyidentifyelements.3)Avoiddeepnestingtokeepselectorssimpleandimproveperformance.4

課程和ID選擇器之間的差異是什麼？May 12, 2025 am 12:13 AM

classSelectorSareVersAtileAndReusable，whileIdSelectorSareEctorAreNiqueAndspecific.1）USECLASSSELECTORS（表示）forStylingmultilemtsswithsharedCharacteristics.2）UseIdSelectors.2）UseIdSelectors（eustotedBy＃）

CSS IDS vs類：真正的差異May 12, 2025 am 12:10 AM

IDSareuniqueIdentifiersForsingLelements，而LileclassesstyLemultiplelements.1）useidsforuniquelementsand andjavascripthooks.2）useclassesforporporporblesable，flexiblestylestylestylinglingactossmultiplelements。