w3schools Web サイトの HTML 属性 HTMLtutorial_html/css_WEB-ITnose
- HTML 要素は属性を持つことができます
- 属性は HTML 要素に関する追加情報を提供します
- 属性は開始タグ で定義する必要があります
- 属性は、キーと値のペアを使用して定義されます。例: name="value"
lang 属性
HTML ページで使用される言語は、< で定義できます。 ;html>タグの真ん中。
lang 属性を使用して、現在の HTML ページで使用される言語を定義します。
言語の定義は、アプリケーションのアクセシビリティ (スクリーン リーダー) と検索エンジンにとって重要です。
<!DOCTYPE html><html lang="en-US"> <body> <h1>My First Heading</h1> <p>My first paragraph.</p> </body></html>
上記の例では、最初の 2 文字は言語 (en) を指します。方言がある場合は、さらに 2 文字が使用されます。 (私たち )。
title 属性
タグを使用して HTML 段落を定義します。
次の例では、
タグは、値が「About W3Schools」であるタイトル属性を定義します。
<p title="About W3Schools">W3Schools is a web developer's site.It provides tutorials and references coveringmany aspects of web programming,including HTML, CSS, JavaScript, XML, SQL, PHP, ASP, etc.</p>
マウスを
要素の上に移動すると、title属性値の内容がツールチップの内容として表示されます。
href 属性
<a href="http://www.longestory.com">This is a link</a>
size 属性
タグを使用して HTML 画像を定義します。
画像のリンク アドレス (src) と画像のサイズ (幅と高さ) はすべて タグの属性です:
<img src="w3schools.jpg" width="104" height="142">
上記のコードの画像はピクセル単位で定義されています。width="104" は幅が 104 ピクセルであることを意味します。
タグについては後の章で詳しく説明します。
alt 属性
alt 属性は、HTML 要素が正しく表示できない場合のヒントの内容を定義するために使用されます。
この属性の値は、スクリーン リーダーで読み取ることができます。このようにして、ページを「聞く」ことができ、たとえば目の見えない人でも要素を「聞く」ことができます。
<img src="w3schools.jpg" alt="W3Schools.com" width="104" height="142">
推奨: 小文字の属性を使用するようにしてください
HTML5 標準では、小文字の属性名を使用する必要があるとは規定されていません。
title 属性は、Title や TITLE のように、大文字でも小文字でも記述できます。
W3C は、HTML4 および XHTML などの厳密に定義されたドキュメント タイプでは小文字を使用することを推奨しています。
小文字は最も一般的で理解しやすい書き方です。 W3Schools では、可能な限り小文字のプロパティ名を使用するようにしています。
推奨: 属性値には引用符を使用するようにしてください。
HTML5 標準では、属性値に引用符を使用する必要があるとは規定していません。
上記のように記述された href 属性の値は、次の形式でも記述できます。
<a href=http://www.w3schools.com>
HTML4 では、W3C が推奨しています。および XHTML この厳密に定義されたドキュメント タイプでは引用符が使用されます。
引用符の使用が必要な場合があります。たとえば、次の例は属性値にスペースが含まれているため、正しく表示されません:
<p title=About W3Schools>
引用符を使用するのが最も一般的です。 。引用符を省略するとエラーが発生します。 W3Schools では、プロパティ値を設定するときに引用符を使用するようにしています。
一重引用符か二重引用符か?
HTML では二重引用符が最も一般的に使用されますが、一重引用符も使用できます。
場合によっては、属性値自体に二重引用符が含まれている場合、属性値を定義するために一重引用符を使用する必要があります。
<p title='John "ShotGun" Nelson'>
次のように書くこともできます:
<p title="John 'ShotGun' Nelson">
この章の概要
- すべての HTML 要素は属性
- title 属性は、ツールヒントの情報を提供します
- href 属性は、リンクの値に関する情報を提供します
- width 属性と height 属性は、リンクのサイズに関する情報を提供しますimage
- alt 属性は画面の読み取りを提供します コンテナのコンテンツ
- W3Schools では、HTML 属性名を定義するために小文字を使用しようとします
- W3Schools では、次のように使用します二重引用符で属性値を定義します
HTML 属性
次のリストは、一般的な HTML 属性のアルファベット順です:
属性名 | 描述 |
---|---|
alt | 用于指定图像的提示内容 |
disabled | 用于指定输入框不可用 |
href | 用于指定链接的 URL(web地址) |
id | 用于指定一个元素的标识 |
src | 用于指定一个图像的 URL(web地址) |
style | 用于指定一个元素的内联 CSS 样式 |
title | 用于指定一个元素的额外信息(作为工具提示的内容) |
この記事は、「w3schools」Web サイトで提供されている HTML チュートリアルを翻訳したものです。

ホットAIツール

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

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

Undress AI Tool
脱衣画像を無料で

Clothoff.io
AI衣類リムーバー

AI Hentai Generator
AIヘンタイを無料で生成します。

人気の記事

ホットツール

メモ帳++7.3.1
使いやすく無料のコードエディター

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

ゼンドスタジオ 13.0.1
強力な PHP 統合開発環境

ドリームウィーバー CS6
ビジュアル Web 開発ツール

SublimeText3 Mac版
神レベルのコード編集ソフト(SublimeText3)

ホットトピック









この記事では、HTML&lt; Progress&gt;について説明します。要素、その目的、スタイリング、および&lt; meter&gt;との違い要素。主な焦点は、&lt; Progress&gt;を使用することです。タスクの完了と&lt; Meter&gt; statiの場合

この記事では、HTML&lt; Datalist&GT;について説明します。オートコンプリートの提案を提供し、ユーザーエクスペリエンスの改善、エラーの削減によりフォームを強化する要素。

この記事では、html&lt; meter&gt;について説明します。要素は、範囲内でスカラーまたは分数値を表示するために使用され、Web開発におけるその一般的なアプリケーション。それは差別化&lt; Meter&gt; &lt; Progress&gt;およびex

記事では、HTML5クロスブラウザーの互換性を確保するためのベストプラクティスについて説明し、機能検出、プログレッシブエンハンスメント、およびテスト方法に焦点を当てています。

この記事では、ブラウザのユーザー入力を直接検証するために、必要、パターン、MIN、MAX、および長さの制限などのHTML5フォーム検証属性を使用して説明します。

この記事では、モバイルデバイスのレスポンシブWebデザインに不可欠なViewportメタタグについて説明します。適切な使用により、最適なコンテンツのスケーリングとユーザーの相互作用が保証され、誤用が設計とアクセシビリティの問題につながる可能性があることを説明しています。

この記事では、&lt; iframe&gt;外部コンテンツをWebページ、その一般的な用途、セキュリティリスク、およびオブジェクトタグやAPIなどの代替案に埋め込む際のタグの目的。

GiteEpages静的Webサイトの展開が失敗しました:404エラーのトラブルシューティングと解像度Giteeを使用する
