HTML - divタグのソースを表示

== 概要 ==
divタグは、HTMLにおける基本的なブロックレベル要素の1つである。<br>
コンテンツをグループ化して、論理的なセクションを作成するために使用する。<br>
<br>
セマンティクスの観点から、header、nav、main、article、section等の意味的要素の使用することを推奨する。<br>
<br>
divタグは、これらの意味的要素で表現できない場合のフォールバックとして使用するのが最適である。<br>
<br>
 <syntaxhighlight lang="html">
 <!-- 基本的な使用方法 -->
 <div>
    <p>コンテンツ</p>
    <span>他の要素</span>
 </div>
 </syntaxhighlight>
<br>
divタグの特徴を以下に示す。<br>
* ブロックレベル要素として、デフォルトで前後に改行が入る。
* CSSと組み合わせて、レイアウトやスタイリングの基礎として機能する。
* class属性やid属性を使用して、特定のスタイルやJavaScriptとの連携が可能である。
<br>
 <syntaxhighlight lang="html">
 <!-- スタイリングの例 -->
 <div class="container">
    <div class="header">ヘッダー</div>
    <div class="content">メインコンテンツ</div>
 </div>
 
 <style>
 .container {
    width: 80%;
    margin: 0 auto;
 }
 
 .header {
    background-color: #f0f0f0;
    padding: 20px;
 }
 </style>
 </syntaxhighlight>
<br><br>


{{#seo:
|title={{PAGENAME}} : Exploring Electronics and SUSE Linux | MochiuWiki
|keywords=MochiuWiki,Mochiu,Wiki,Mochiu Wiki,Electric Circuit,Electric,pcb,Mathematics,AVR,TI,STMicro,AVR,ATmega,MSP430,STM,Arduino,Xilinx,FPGA,Verilog,HDL,PinePhone,Pine Phone,Raspberry,Raspberry Pi,C,C++,C#,Qt,Qml,MFC,Shell,Bash,Zsh,Fish,SUSE,SLE,Suse Enterprise,Suse Linux,openSUSE,open SUSE,Leap,Linux,uCLnux,Podman,電気回路,電子回路,基板,プリント基板
|description={{PAGENAME}} - 電子回路とSUSE Linuxに関する情報 | This page is {{PAGENAME}} in our wiki about electronic circuits and SUSE Linux
|image=/resources/assets/MochiuLogo_Single_Blue.png
}}

__FORCETOC__
[[カテゴリ:Web]]