ホームページ > 記事 > ウェブフロントエンド > html5のimgはブロックレベルの要素ですか?
html5 img はブロックレベルの要素ではありません。 img はインライン要素であり、置換要素でもあり、幅と高さの属性が組み込まれているため、img タグで幅と高さを設定できます。 img はインライン置換要素で、高さ、幅、パディング、マージンがすべて利用可能で、効果はブロック要素と同等です。
このチュートリアルの動作環境: Windows 7 システム、CSS3&&HTML5 バージョン、Dell G3 コンピューター。
タグの基本的な使用方法
ブラウザのサポート
#すべての主要なブラウザがサポート
タグの定義と使用手順
開発中のすべての画像で alt 属性を使用することを強くお勧めします。こうすることで、画像を表示できない場合でも、ユーザーは何が欠けているかに関する情報を確認できます。そして、障害のある人にとって、多くの場合、alt 属性は、画像が何についてのものかを知る唯一の方法です。
インライン要素なのになぜ幅や高さが設定できるのでしょうか?
この質問は次の部分につながります。
要素関連の MDN 説明
置き換えられない要素
例:
置換可能な要素
ブラウザは、タグと属性に基づいて要素の具体的な表示コンテンツを決定します。<input>
タグのtype属性によって、入力ボックスを表示するかラジオボタンを表示するかが決まります。
(X)
<img>置換要素には通常、固有の寸法があるため、
width
たとえば、<img>
の height
を指定しないと、幅と高さ
#フォーム要素の場合、ブラウザには幅と高さを含むデフォルトのスタイルもあります
推奨チュートリアル: "html ビデオ チュートリアル
"以上がhtml5のimgはブロックレベルの要素ですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。