Html-div-tag
提供:Dev Guides
HTML-divタグ
説明
HTML <div>タグは、ドキュメントのセクションを定義するために使用されます。 divタグを使用すると、HTML要素の大きなセクションをグループ化し、CSSでフォーマットできます。
divタグとspanタグの違いは、divタグがブロックレベル要素で使用され、spanタグがインライン要素で使用されることです。
例
<!DOCTYPE html>
<html>
<head>
<title>HTML div Tag</title>
<link rel = "stylesheet" href = "style2.css">
</head>
<body>
<div id = "contentinfo">
<p>Welcome to our website. We provide tutorials on various subjects.</p>
</div>
</body>
</html>
これはcsssファイル_style2.css_です
#contentinfo p {
line-height: 20px;
margin: 30px;
padding-bottom: 20px;
text-align: justify;
width: 140px;
color: red;
}
これは、次の結果を生成します-
グローバル属性
このタグは、リンク:/html/html_attributes_reference [HTML属性リファレンス]で説明されているすべてのグローバル属性をサポートします
特定の属性
HTML <div>タグは、次の追加属性もサポートしています-
Attribute | Value | Description |
---|---|---|
autofocus html-5 | autofocus | Specifies |
イベント属性
このタグは、link:/html/html_events_reference [HTMLイベントリファレンス]で説明されているすべてのイベント属性をサポートしています。
ブラウザのサポート
Chrome | Firefox | IE | Opera | Safari | Android |
---|---|---|---|---|---|
Yes | Yes | Yes | Yes | Yes | Yes |