コミュニティ 学ぶ ツールライブラリ レジャー
検索
日本語
ホームページ > ウェブフロントエンド > htmlチュートリアル > 本文

w3schools Web サイトの HTML 属性 HTMLtutorial_html/css_WEB-ITnose

WBOY
リリース： 2016-06-21 08:47:59
オリジナル
1221 人が閲覧しました

  • 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 属性

タグを使用して HTML リンクを定義します。 

<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 チュートリアルを翻訳したものです。

関連ラベル：
w3schools网站的HTML教程之HTML属性
ソース：php.cn
前の記事：基本的な CSS の問題_html/css_WEB-ITnose 次の記事：CSSの独自性をサンプルコードで分析
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
最新の問題
CSS スタイルがサイトに適用されない Bootstrap5を使用してWebサイトを作成していますが、index.cssプロパティがindex.htmlに適用されません。サービス カードの上にマウスを移動すると、背景が変...
から 2024-04-06 17:12:23
0
1
336
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート