<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="Content-Style-Type" content="text/css">
<meta http-equiv="Content-Script-Type" content="text/javascript">
<title>構造的なタグ付け（h1～h6やｐの使い方）</title>
<link rel="stylesheet" href="../nobitastyle.css" type="text/css">
</head>
<body onCopy="alert('無断コピーを禁止いたします');return false">
<div id="layout">
<div id="container">

<div id="header">
<!--#include virtual="/ssi/head.html"-->
</div>
<p class="pan">
<a href="../index.html">内職！節約副収入生活</a>　&gt;　
<a href="../affiliate/index.html">「アフィリエイト」編</a>　&gt;　
構造的なタグ付け
</p>

<div id="main">

<h1 class="title">構造的なタグ付け（h1～h6やｐの使い方）</h1>
<p class="pankuzu">スタイルシートを適用しない時にも、それっぽく見えると良いかも！？。</p>

<H2 class="titlecolor">構造的にタグを付けてみる</H2>
<P>ホームページビルダー等で何も考えずに文書を作っても大丈夫ですが、タグを付けることによって文章に構造的な意味を持たせることが出来ます。</P>
<P>例えば、「h1～h6」は「見出し」を表し、「p」は「段落」を表します。</P>
<P class="go">
&lt;H2&gt;構造的にタグを付けてみる&lt;/H2&gt;<BR>
<BR>
&lt;P&gt;ホームページビルダー等で何も考えずに文書を作っても大丈夫ですが、タグを付けることによって文章に構造的な意味を持たせることが出来ます。&lt;/P&gt;<BR>
<BR>
&lt;P&gt;例えば、「h1～h6」は「見出し」を表し「p」は「段落」を表します。&lt;/P&gt;
</P>

<P>・・・といった感じです。&lt;H2&gt;から&lt;/H2&gt;で囲まれた部分は「見出し」を表し、<BR>
&lt;P&gt;から&lt;/P&gt;で囲まれた部分は段落を表します。</P>
<P>管理人が良く使うものを以下に挙げておきます。</P>
<P class="go">
h1～h6　　：見出し（数字が小さいほど大見出し）<BR>
p　　　　　　：段落<BR>
div　　　　　：グループ化（範囲の設定）<BR>
ul　　　　　：リスト<BR>
ol　　　　　：番号付きリスト
</P>
<P>注：文字の大きさの指定や行間などの表示の指定に関しては、スタイルシートを使います。スタイルシートを使うことによって、構造的なタグ付けをしつつ、見栄えにも気を配ることが出来ます。</P>

<H2 class="titlecolor">h1～h6の使い方（構造的なタグ付け）</H2>
<P>あくまで、「h1～h6」は「見出し」を表します。検索エンジンは「見出し」に書かれている内容を重視する傾向があるからといって、
文章全体を見出しで作ったり、「h1（大見出し）」をたくさん書いたりするのはやめましょう。「h1（大見出し）」は基本的にページに１つまでで、
他の見出しよりも上に来ます。</P>
<P>「h1～h6」の大きさはスタイルシート等で調節できますが、スタイルシート等を適用しなくても、それっぽく見える順序で使えば大丈夫だと思います。</P>

<!--#include virtual="/ssi/paffiliate.html"-->

<!--#include virtual="/ssi/pmain.html"-->

</div>

<div id="sub">
<!--#include virtual="/ssi/rtop.html"-->
</div>

<br class="cb">

<div id="footer">
<!--#include virtual="/ssi/foot.html"-->
</div>
</div>
</div>
<!--#include virtual="/ssi/aaffiliate.html"-->
</body>
</html>