フロントエンドQ&A

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、アドレス、bdo、q など。

html5タグとは何ですか?

このチュートリアルの動作環境: Windows 7 システム、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 属性は、iframe の name 属性を参照する必要があります。例:

HTML ヘッダー要素

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

HTML の便利な文字エンティティ

html5タグとは何ですか? 注: エンティティ名は大文字と小文字が区別されます

HTML form

<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 入力属性

value 属性: 入力フィールドの頭文字を指定します価値。
readonly 属性: 入力フィールドが読み取り専用 (変更できない) であることを指定します。readonly 属性には値は必要ありません。これは、readonly="readonly" と同等です。
disabled 属性: 入力フィールドが無効であり、無効な要素は使用不可およびクリック不可であり、無効な要素は送信されないことを指定します。無効な属性には値は必要ありません。これは、disabled="disabled" と同等です。
size 属性: 入力フィールドのサイズ (文字数) を指定します。
maxlength 属性: 入力フィールドに許可される最大長を指定します。
autocomplete 属性: フォームまたは入力フィールドを自動的に入力するかどうかを指定します。オートコンプリートがオンになっている場合、ブラウザーはユーザーが以前に入力した内容に基づいて値を自動的に入力します。
novalidate 属性は属性に属します。設定すると、novalidate はフォームの送信時にフォームデータが検証されないことを指定します。
autofocus プロパティはブール値のプロパティです。設定すると、ページの読み込み時に要素が自動的にフォーカスを取得するように指定します。
form 属性は、要素が属する 1 つ以上のフォームを指定します。複数のフォームを参照するには、スペースで区切られたフォーム ID のリストを使用します。
ormaction 属性は、フォームの送信時に入力コントロールを処理するファイルの URL を指定します。 formaction 属性は、要素の action 属性をオーバーライドします。 formaction 属性は、type="submit" および type="image" で機能します。
formenctype 属性は、サーバーに送信されるときにフォームデータをエンコードする方法を指定します (method="post" を持つフォームのみ)。 formenctype 属性は、要素の enctype 属性をオーバーライドします。 formatctype 属性は、type="submit" および type="image" に適用されます。
formmethod 属性は、アクション URL にフォームデータを送信するために使用される HTTP メソッドを定義します。 formmethod 属性は、要素のメソッド属性をオーバーライドします。 formmethod 属性は、type="submit" および type="image" で機能します。
novalidate プロパティはブール型プロパティです。設定すると、フォームの送信時に要素が検証されないことを指定します。 formnovalidate 属性は、要素の novalidate 属性をオーバーライドします。 formnovalidate 属性は、type="submit" で使用できます。
formtarget 属性で指定された名前またはキーワードは、フォームの送信後に受信した応答を表示する場所を示します。 formtarget 属性は、要素の target 属性をオーバーライドします。 formtarget 属性は、type="submit" および type="image" とともに使用できます。
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 中国語 Web サイトの他の関連記事を参照してください。

声明

この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

CSS：IDセレクターを使用するのは悪いですか？May 13, 2025 am 12:14 AM

IDセレクターを使用することは、CSSでは本質的に悪くはありませんが、注意して使用する必要があります。 1）IDセレクターは、一意の要素またはJavaScriptフックに適しています。 2）一般的なスタイルの場合、クラスセレクターはより柔軟で保守可能であるため、使用する必要があります。 IDとクラスの使用のバランスをとることにより、より堅牢で効率的なCSSアーキテクチャを実装できます。

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

HTML5'SGOALSIN2024FOCUSONREFINIMINGANDOPTIMIZATION、notnewfeatures.1）強化された拡張性と拡張効率化されたレンダリング.2）

HTML5が改善しようとした主な領域は何ですか？May 13, 2025 am 12:12 AM

html5aimed toemprovewebdevelymentinfourkeyareas：1）multimediasupport、2）セマンティクス構造、3）フォームキャピリティ、および4）offlineandstorageoptions.1）html5introduededelements、simplifiedediaembedingemencemanteddim.2）

CSS IDおよびクラス：一般的な間違いMay 13, 2025 am 12:11 AM

idsは、Javascripthooksを使用しているので、whileclasseSarebetterforstyling.1）useclassess forStylingtoEriousEREUSERESERESERESPICITYISSUES.2）USEIDSSFORIDSSSCRIPTHOOKSTOUNIQUELYIEDIENEMENTS.3）3）回避策を避けてください

クラスセレクターとIDセレクターの間の差別化とは何ですか？May 12, 2025 am 12:13 AM

classSelectorEctorSareverSatileAndReusable、whiledseLectorSareUniqueandspecific.1）useclassselectors（notedby。）forstylingMultipleElementswithsharedCharacteristics.2）useidselectors（notedby＃）forstylinguniqueeletementonapage.classselectorectorotorsoffermoreflexibili

CSS IDS対クラス：実際の違いMay 12, 2025 am 12:10 AM

idsareuniqueIdentifiersforsingleelements、whileclassesstylemultipleements.1）useidsforuniqueelementsandjavascripthooks.2）useclasses forReusable、flexiblestylingacrossmultipletements。

CSS：クラスだけを使用した場合はどうなりますか？May 12, 2025 am 12:09 AM

クラスのみのセレクターを使用すると、コードの再利用性と保守性が向上しますが、クラス名と優先順位の管理が必要です。 1.再利用性と柔軟性を向上させる、2。複数のクラスを組み合わせて複雑なスタイルを作成する3。長いクラス名と優先順位につながる可能性があります。4。パフォーマンスへの影響は小さい、5。簡潔な命名や使用規則などのベストプラクティスに従ってください。

CSSのIDおよびクラスセレクター：初心者向けガイドMay 12, 2025 am 12:06 AM

IDおよびクラスセレクターは、それぞれ一意でマルチエレメントスタイルの設定にCSSで使用されます。 1. IDセレクター（＃）は、特定のナビゲーションメニューなどの単一の要素に適しています。 2.クラスセレクター（。）は、統一ボタンスタイルなどの複数の要素に使用されます。 IDは注意して使用し、過度の特異性を避け、スタイルの再利用性と柔軟性を向上させるためにクラスに優先順位を付ける必要があります。

See all articles

ホットAIツール

Undresser.AI Undress

リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover

写真から衣服を削除するオンライン AI ツール。

Undress AI Tool

脱衣画像を無料で

Clothoff.io

AI衣類リムーバー

Video Face Swap

完全無料の AI 顔交換ツールを使用して、あらゆるビデオの顔を簡単に交換できます。

ホットツール

PhpStorm Mac バージョン

最新(2018.2.1)のプロフェッショナル向けPHP統合開発ツール

DVWA

Damn Vulnerable Web App (DVWA) は、非常に脆弱な PHP/MySQL Web アプリケーションです。その主な目的は、セキュリティ専門家が法的環境でスキルとツールをテストするのに役立ち、Web 開発者が Web アプリケーションを保護するプロセスをより深く理解できるようにし、教師/生徒が教室環境で Web アプリケーションを教え/学習できるようにすることです。安全。 DVWA の目標は、シンプルでわかりやすいインターフェイスを通じて、さまざまな難易度で最も一般的な Web 脆弱性のいくつかを実践することです。このソフトウェアは、

SublimeText3 中国語版

中国語版、とても使いやすい

SecLists

SecLists は、セキュリティテスターの究極の相棒です。これは、セキュリティ評価中に頻繁に使用されるさまざまな種類のリストを 1 か所にまとめたものです。 SecLists は、セキュリティテスターが必要とする可能性のあるすべてのリストを便利に提供することで、セキュリティテストをより効率的かつ生産的にするのに役立ちます。リストの種類には、ユーザー名、パスワード、URL、ファジングペイロード、機密データパターン、Web シェルなどが含まれます。テスターはこのリポジトリを新しいテストマシンにプルするだけで、必要なあらゆる種類のリストにアクセスできるようになります。