そして、
これは最良の質問ではないかもしれませんが、私はプログラミングの初心者です (私は 12 歳です)。HTML と CSS をかなり理解し、JavaScript に移行したと思います。しかし、「div タグ」とその機能がわかりません。これを説明してもらえますか?:) ありがとう
そして、
これは最良の質問ではないかもしれませんが、私はプログラミングの初心者です (私は 12 歳です)。HTML と CSS をかなり理解し、JavaScript に移行したと思います。しかし、「div タグ」とその機能がわかりません。これを説明してもらえますか?:) ありがとう
HTML
<div>
要素 (または HTML ドキュメント分割要素) は、フロー コンテンツの一般的なコンテナーであり、本質的に何も表現しません。スタイリング目的で (class または id 属性を使用して)、または lang などの属性値を共有するために、要素をグループ化するために使用できます。<article>
他のセマンティック要素 (または など<nav>
) が適切でない場合にのみ使用してください。
例
<div>
<p>Any kind of content here. Such as <p>, <table>. You name it!</p>
</div>
結果
どんな内容でも構いません。<p>、<table> など。あなたはそれに名前を付けます!
JavaScript に関しては、それは HTML 要素であり、フォーム要素を除いて、他の HTML 要素と同じ方法で操作できます。HTML要素 - MDN
各 HTML 要素には、ブラウザのデフォルト スタイルが<b>
あり<strong>
ますfont-weight: bold
。<div>
デフォルトのスタイリングは、display: block
各 div 要素の前後に改行があることを意味します。もちろん、CSS を使用してその要素のデフォルトのスタイリングを変更できることはご存知でしょう。
デフォルトのスタイルを変更する方法の例。これにより、すべて<div>
の要素のテキストの色が赤に変わります
div {
// change default styling here
color: red;
}
CSS 参照も必要になるようです。w3school は使用しないでください。MDN Learn CSS を試す | MDN
タグは、要素を指定するdiv
HTML コードです。div
例:
<div>content</div>
要素が何をするのかを把握するのが難しい理由は、div
要素ができる限り少ないことをするからです。div という名前は分割を表し、テキストやその他の要素を配置するために使用できる単なるコンテナーです。もちろんdiv
、境界線や背景などの要素にスタイルを追加することはできますが、要素は依然として「見える」だけです。input
要素などの特別な機能はありません。ほとんどの要素と同様に、クリック ハンドラーなどのイベントを追加することもできますが、既定ではどのイベントにも反応しません。
このような 2 つのミニマルな要素、div
要素とspan
要素があります。div
要素はブロック要素で、要素span
はインライン要素です。それらを何らかの方法でスタイリングせずにマークアップに追加すると、div
要素はブロック要素であることによって他の要素にどのように影響するかによってのみ表示され、span
要素はまったく表示されません。
HTML5 では、 、 、 など、要素に似た要素がいくつか追加されheader
ていますが、より具体的な目的があります。footer
section
div
要素は最初はまったく役に立たないように見えるかもしれませんが、div
実際にはかなり頻繁に使用されています。ニュートラルなデフォルト設定のため、スタイルやイベントと一緒に使用すると、どんな形や機能にも対応できるため、非常に便利です。