suchen

Was sind die HTML5-Tags?

Jun 09, 2021 am 10:35 AM
html5标签

HTML5-Tags umfassen: 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 usw.

Was sind die HTML5-Tags?

Die Betriebsumgebung dieses Tutorials: Windows7-System, CSS3- und HTML5-Version, Dell G3-Computer.

Die am häufigsten verwendeten HTML5-Tags und -Attribute

Einfache HTML-Tags

<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="Was sind die HTML5-Tags?" > 标签定义 HTML 图像
<map>	定义图像地图
<area>	定义图像地图中的可点击区域
<html>	定义 HTML 文档
<body>	定义文档的主体
<hr /> 标签创建 HTML 页面水平线
 <!-- --> HTML 注释
<br />	插入单个折行(换行)

HTML-Textformatierungs-Tag

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

HTML-Tag „Computerausgabe“

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

HTML-Tags für Zitate, Zitate und Definitionen

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

HTML-CSS-Stil

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

HTML-Tabellen-Tag

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

HTML-Liste

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

HTML-Gruppierungs-Tag

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

HTML-Iframe-Tag

(1) Syntax zum Hinzufügen von Iframe: URL verweist auf den Speicherort der Quarantäneseite.

(2) Die Attribute height und width werden verwendet, um die Höhe und Breite des Iframes anzugeben. Die Standardeinheit für Attributwerte sind Pixel, sie können jedoch auch in Prozentsätzen (z. B. „80 %)“ festgelegt werden.

Beispiel:

(3) Entfernen Sie den Rahmen

Das Attribut „frameborder“ gibt an, ob der Rahmen angezeigt werden soll um den Iframe herum. Setzen Sie den Eigenschaftswert auf „0“, um den Rahmen zu entfernen. Beispiel:

(4) Iframe als Ziel des Links verwenden

iframe kann als Ziel des Links verwendet werden. Das Zielattribut des Links muss auf das Namensattribut des Iframes verweisen. Beispiel:

HTML-Header-Element

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

Nützliche Zeichenentitäten in HTML

Was sind die HTML5-Tags?Hinweis: Bei Entitätsnamen muss die Groß-/Kleinschreibung beachtet werden

HTML-Formular

<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-Eingabeattribut

  • Wertattribut: Gibt den Anfangswert des Eingabefelds an.

  • readonly-Attribut: Gibt an, dass das Eingabefeld schreibgeschützt ist (nicht geändert werden kann) und das readonly-Attribut keinen Wert erfordert. Es entspricht readonly="readonly".

  • disabled-Attribut: Gibt an, dass das Eingabefeld deaktiviert ist, deaktivierte Elemente nicht verfügbar und nicht anklickbar sind und deaktivierte Elemente nicht übermittelt werden. Das Attribut „disabled“ erfordert keinen Wert. Es entspricht „disabled“ = „disabled“.

  • size-Attribut: Gibt die Größe des Eingabefelds (in Zeichen) an.

  • maxlength-Attribut: Gibt die maximal zulässige Länge für das Eingabefeld an.

  • Autocomplete-Attribut: Gibt an, ob das Formular oder Eingabefeld automatisch vervollständigt werden soll. Wenn die automatische Vervollständigung aktiviert ist, trägt der Browser automatisch Werte ein, die auf den zuvor vom Benutzer eingegebenen Daten basieren. Das Attribut

  • novalidate gehört zum Attribut

  • Autofocus-Eigenschaft ist eine boolesche Eigenschaft. Wenn festgelegt, wird festgelegt, dass das Element automatisch den Fokus erhält, wenn die Seite geladen wird. Das

  • form-Attribut gibt ein oder mehrere Formulare an, zu denen das -Element gehört. Um auf mehr als ein Formular zu verweisen, verwenden Sie eine durch Leerzeichen getrennte Liste von Formular-IDs. Das Attribut

  • ormaction gibt die URL der Datei an, die diese Eingabesteuerung beim Absenden des Formulars verarbeitet. Das Attribut „formaction“ überschreibt das Attribut „action“ des Elements

  • formenctype gibt an, wie Formulardaten codiert werden, wenn sie an den Server übermittelt werden (nur für Formulare mit method="post"). Das Attribut formenctype überschreibt das Attribut enctype des Elements

  • Das formmethod-Attribut definiert die HTTP-Methode, die zum Senden von Formulardaten an die Aktions-URL verwendet wird. Das formmethod-Attribut überschreibt das method-Attribut des Das formmethod-Attribut funktioniert mit type="submit" und type="image". Die

  • novalidate-Eigenschaft ist eine boolesche Eigenschaft. Wenn festgelegt, wird angegeben, dass -Elemente beim Absenden des Formulars nicht validiert werden. Das Attribut „formnovalidate“ überschreibt das Attribut „novalidate“ des Elements

  • formtarget-Attribut angegebene Name oder Schlüsselwort gibt an, wo die empfangene Antwort nach dem Absenden des Formulars angezeigt werden soll. Das Attribut „formtarget“ überschreibt das Attribut „target“ des Elements

  • height und width geben die Höhe und Breite des verwendet.

  • 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视频教程

Das obige ist der detaillierte Inhalt vonWas sind die HTML5-Tags?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Reagieren gegen Backend Frameworks: Ein VergleichReagieren gegen Backend Frameworks: Ein VergleichApr 13, 2025 am 12:06 AM

React ist ein Front-End-Framework zum Erstellen von Benutzeroberflächen. Ein Back-End-Framework wird verwendet, um serverseitige Anwendungen zu erstellen. React bietet komponentierte und effiziente UI -Updates, und das Backend -Framework bietet eine vollständige Backend -Service -Lösung. Bei der Auswahl eines Technologie -Stacks sollten Projektanforderungen, Teamfähigkeiten und Skalierbarkeit berücksichtigt werden.

HTML und React: Die Beziehung zwischen Markup und KomponentenHTML und React: Die Beziehung zwischen Markup und KomponentenApr 12, 2025 am 12:03 AM

Die Beziehung zwischen HTML und React ist der Kern der Front-End-Entwicklung und erstellt gemeinsam die Benutzeroberfläche moderner Webanwendungen. 1) HTML definiert die Inhaltsstruktur und die Semantik und erstellt eine dynamische Schnittstelle durch Komponenten. 2) React -Komponenten verwenden die JSX -Syntax, um HTML einzubetten, um intelligentes Rendering zu erreichen. 3) Komponentenlebenszyklus verwaltet HTML -Rendering und aktualisiert dynamisch nach Zustand und Attributen. 4) Verwenden Sie Komponenten, um die HTML -Struktur zu optimieren und die Wartbarkeit zu verbessern. 5) Die Leistungsoptimierung umfasst die Vermeidung unnötiger Rendering, die Verwendung von Schlüsselattributen und die Einhaltung der einzigen Verantwortung der Komponente.

Reagieren und das Frontend: Bauen Sie interaktive Erlebnisse aufReagieren und das Frontend: Bauen Sie interaktive Erlebnisse aufApr 11, 2025 am 12:02 AM

React ist das bevorzugte Werkzeug zum Aufbau interaktiver Front-End-Erlebnisse. 1) React vereinfacht die UI -Entwicklung durch Komponentierungen und virtuelles DOM. 2) Komponenten werden in Funktionskomponenten und Klassenkomponenten unterteilt. Funktionskomponenten sind einfacher und Klassenkomponenten bieten mehr Lebenszyklusmethoden. 3) Das Arbeitsprinzip von React beruht auf virtuellen DOM- und Versöhnungsalgorithmus, um die Leistung zu verbessern. 4) State Management verwendet Usestate oder diese. 5) Die grundlegende Verwendung umfasst das Erstellen von Komponenten und das Verwalten von Status, und die erweiterte Verwendung umfasst benutzerdefinierte Haken und Leistungsoptimierung. 6) Zu den häufigen Fehlern gehören unsachgemäße Statusaktualisierungen und Leistungsprobleme, Debugging -Fähigkeiten umfassen die Verwendung von ReactDevtools und exzellent

Reagieren Sie und der Frontend Stack: die Werkzeuge und TechnologienReagieren Sie und der Frontend Stack: die Werkzeuge und TechnologienApr 10, 2025 am 09:34 AM

React ist eine JavaScript -Bibliothek zum Erstellen von Benutzeroberflächen mit ihren Kernkomponenten und staatlichen Verwaltung. 1) Vereinfachen Sie die UI -Entwicklung durch Komponentierungen und Staatsmanagement. 2) Das Arbeitsprinzip umfasst Versöhnung und Rendering, und die Optimierung kann durch React.Memo und Usememo implementiert werden. 3) Die grundlegende Verwendung besteht darin, Komponenten zu erstellen und zu rendern, und die erweiterte Verwendung umfasst die Verwendung von Hooks und ContextAPI. 4) Häufige Fehler wie eine unsachgemäße Status -Update können Sie ReactDevtools zum Debuggen verwenden. 5) Die Leistungsoptimierung umfasst die Verwendung von React.

Reacts Rolle bei HTML: Verbesserung der BenutzererfahrungReacts Rolle bei HTML: Verbesserung der BenutzererfahrungApr 09, 2025 am 12:11 AM

React kombiniert JSX und HTML, um die Benutzererfahrung zu verbessern. 1) JSX bettet HTML ein, um die Entwicklung intuitiver zu gestalten. 2) Der virtuelle DOM -Mechanismus optimiert die Leistung und reduziert den DOM -Betrieb. 3) Komponentenbasierte Verwaltungs-Benutzeroberfläche zur Verbesserung der Wartbarkeit. 4) Staatsmanagement und Ereignisverarbeitung verbessern die Interaktivität.

Reagieren Sie Komponenten: Erstellen wiederverwendbarer Elemente in HTMLReagieren Sie Komponenten: Erstellen wiederverwendbarer Elemente in HTMLApr 08, 2025 pm 05:53 PM

React -Komponenten können durch Funktionen oder Klassen definiert werden, wobei die UI -Logik eingefasst und Eingabedaten durch Props akzeptiert werden. 1) Komponenten definieren: Verwenden Sie Funktionen oder Klassen, um Reaktierungselemente zurückzugeben. 2) Rendering -Komponente: React -Aufrufe rendern Methode oder führt die Funktionskomponente aus. 3) Multiplexing -Komponenten: Daten durch Requisiten übergeben, um eine komplexe Benutzeroberfläche zu erstellen. Mit dem Lebenszyklusansatz von Komponenten kann die Logik in verschiedenen Phasen ausgeführt werden, wodurch die Entwicklungseffizienz und die Wartbarkeit des Codes verbessert werden.

Reagieren Sie den strengen ModuszweckReagieren Sie den strengen ModuszweckApr 02, 2025 pm 05:51 PM

React Strict Mode ist ein Entwicklungstool, das potenzielle Probleme in React -Anwendungen hervorhebt, indem zusätzliche Überprüfungen und Warnungen aktiviert werden. Es hilft, den Legacy -Code, unsichere Lebenszyklen und Nebenwirkungen zu identifizieren und moderne Reaktionspraktiken zu fördern.

Fragmente reagierenFragmente reagierenApr 02, 2025 pm 05:50 PM

React -Fragmente ermöglichen es, Kinder ohne zusätzliche Dom -Knoten zu gruppieren und Struktur, Leistung und Zugänglichkeit zu verbessern. Sie unterstützen Schlüssel für die effiziente Listenrendern.

See all articles

Heiße KI -Werkzeuge

Undresser.AI Undress

Undresser.AI Undress

KI-gestützte App zum Erstellen realistischer Aktfotos

AI Clothes Remover

AI Clothes Remover

Online-KI-Tool zum Entfernen von Kleidung aus Fotos.

Undress AI Tool

Undress AI Tool

Ausziehbilder kostenlos

Clothoff.io

Clothoff.io

KI-Kleiderentferner

AI Hentai Generator

AI Hentai Generator

Erstellen Sie kostenlos Ai Hentai.

Heißer Artikel

R.E.P.O. Energiekristalle erklärten und was sie tun (gelber Kristall)
3 Wochen vorBy尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Beste grafische Einstellungen
3 Wochen vorBy尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. So reparieren Sie Audio, wenn Sie niemanden hören können
3 Wochen vorBy尊渡假赌尊渡假赌尊渡假赌
WWE 2K25: Wie man alles in Myrise freischaltet
4 Wochen vorBy尊渡假赌尊渡假赌尊渡假赌

Heiße Werkzeuge

mPDF

mPDF

mPDF ist eine PHP-Bibliothek, die PDF-Dateien aus UTF-8-codiertem HTML generieren kann. Der ursprüngliche Autor, Ian Back, hat mPDF geschrieben, um PDF-Dateien „on the fly“ von seiner Website auszugeben und verschiedene Sprachen zu verarbeiten. Es ist langsamer und erzeugt bei der Verwendung von Unicode-Schriftarten größere Dateien als Originalskripte wie HTML2FPDF, unterstützt aber CSS-Stile usw. und verfügt über viele Verbesserungen. Unterstützt fast alle Sprachen, einschließlich RTL (Arabisch und Hebräisch) und CJK (Chinesisch, Japanisch und Koreanisch). Unterstützt verschachtelte Elemente auf Blockebene (wie P, DIV),

WebStorm-Mac-Version

WebStorm-Mac-Version

Nützliche JavaScript-Entwicklungstools

VSCode Windows 64-Bit-Download

VSCode Windows 64-Bit-Download

Ein kostenloser und leistungsstarker IDE-Editor von Microsoft

EditPlus chinesische Crack-Version

EditPlus chinesische Crack-Version

Geringe Größe, Syntaxhervorhebung, unterstützt keine Code-Eingabeaufforderungsfunktion

MantisBT

MantisBT

Mantis ist ein einfach zu implementierendes webbasiertes Tool zur Fehlerverfolgung, das die Fehlerverfolgung von Produkten unterstützen soll. Es erfordert PHP, MySQL und einen Webserver. Schauen Sie sich unsere Demo- und Hosting-Services an.