<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Web制作 ウェブマジック &#187; ブロックレベル要素</title>
	<atom:link href="http://www.hp-webmagic.com/wordpress/archives/tag/blocklevel/feed" rel="self" type="application/rss+xml" />
	<link>http://www.hp-webmagic.com/wordpress</link>
	<description>高品質なのに低価格 Web標準hp制作・CMS・ネットショップ</description>
	<lastBuildDate>Fri, 10 Feb 2012 03:27:49 +0000</lastBuildDate>
	<language>ja</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>ブロックレベル要素：ol要素</title>
		<link>http://www.hp-webmagic.com/wordpress/archives/173</link>
		<comments>http://www.hp-webmagic.com/wordpress/archives/173#comments</comments>
		<pubDate>Mon, 04 Aug 2008 02:58:48 +0000</pubDate>
		<dc:creator>Web Magic</dc:creator>
				<category><![CDATA[(X)HTML]]></category>
		<category><![CDATA[ブロックレベル要素]]></category>

		<guid isPermaLink="false">http://www.hp-webmagic.com/?p=173</guid>
		<description><![CDATA[ol要素は番号順リストを意味するブロックレベル要素です。 ol要素内に&#60;li&#62;項目&#60;/li&#62;として項目を記述します。また、ol要素の中にul要素等を記述する事も可能。 下記はol要素の指定サンプル [...]]]></description>
			<content:encoded><![CDATA[<p>ol要素は番号順リストを意味するブロックレベル要素です。</p>
<p>ol要素内に&lt;li&gt;項目&lt;/li&gt;として項目を記述します。また、ol要素の中にul要素等を記述する事も可能。</p>
<p>下記はol要素の指定サンプルです。</p>
<pre>&lt;ol&gt;
&lt;li&gt;サンプル項目&lt;/li&gt;
&lt;li&gt;サンプル項目&lt;/li&gt;
&lt;li&gt;サンプル項目&lt;/li&gt;
&lt;/o&gt;

&lt;ol&gt;
&lt;li&gt;サンプル項目
&lt;ul&gt;
&lt;li&gt;サンプル項目&lt;/li&gt;
&lt;li&gt;サンプル項目&lt;/li&gt;
&lt;li&gt;サンプル項目&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;サンプル項目&lt;/li&gt;
&lt;li&gt;サンプル項目&lt;/li&gt;
&lt;/ol&gt;</pre>
<h3>li要素</h3>
<p>&lt;li&gt;要素の中には、ブロックレベル要素、インラインレベル要素、テキストを記述できます。</p>
]]></content:encoded>
			<wfw:commentRss>http://www.hp-webmagic.com/wordpress/archives/173/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>ブロックレベル要素：ul要素</title>
		<link>http://www.hp-webmagic.com/wordpress/archives/171</link>
		<comments>http://www.hp-webmagic.com/wordpress/archives/171#comments</comments>
		<pubDate>Mon, 04 Aug 2008 02:53:59 +0000</pubDate>
		<dc:creator>Web Magic</dc:creator>
				<category><![CDATA[(X)HTML]]></category>
		<category><![CDATA[ブロックレベル要素]]></category>

		<guid isPermaLink="false">http://www.hp-webmagic.com/?p=171</guid>
		<description><![CDATA[ul要素は箇条書きリストを意味するブロックレベル要素です。 ul要素内に&#60;li&#62;項目&#60;/li&#62;として項目を記述します。また、ul要素の中にul要素等を記述する事も可能。 下記はul要素の指定サンプ [...]]]></description>
			<content:encoded><![CDATA[<p>ul要素は箇条書きリストを意味するブロックレベル要素です。</p>
<p>ul要素内に&lt;li&gt;項目&lt;/li&gt;として項目を記述します。また、ul要素の中にul要素等を記述する事も可能。</p>
<p>下記はul要素の指定サンプルです。</p>
<pre>&lt;ul&gt;
&lt;li&gt;サンプル項目&lt;/li&gt;
&lt;li&gt;サンプル項目&lt;/li&gt;
&lt;li&gt;サンプル項目&lt;/li&gt;
&lt;/ul&gt;

&lt;ul&gt;
&lt;li&gt;サンプル項目
&lt;ul&gt;
&lt;li&gt;サンプル項目&lt;/li&gt;
&lt;li&gt;サンプル項目&lt;/li&gt;
&lt;li&gt;サンプル項目&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;サンプル項目&lt;/li&gt;
&lt;li&gt;サンプル項目&lt;/li&gt;
&lt;/ul&gt;</pre>
<h3>li要素</h3>
<p>&lt;li&gt;要素の中には、ブロックレベル要素、インラインレベル要素、テキストを記述できます。</p>
]]></content:encoded>
			<wfw:commentRss>http://www.hp-webmagic.com/wordpress/archives/171/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>ブロックレベル要素：dl要素</title>
		<link>http://www.hp-webmagic.com/wordpress/archives/169</link>
		<comments>http://www.hp-webmagic.com/wordpress/archives/169#comments</comments>
		<pubDate>Tue, 29 Jul 2008 06:06:43 +0000</pubDate>
		<dc:creator>Web Magic</dc:creator>
				<category><![CDATA[(X)HTML]]></category>
		<category><![CDATA[ブロックレベル要素]]></category>

		<guid isPermaLink="false">http://www.hp-webmagic.com/?p=169</guid>
		<description><![CDATA[dｌ要素は定義型リスト（説明付きリスト）を意味するブロックレベル要素です。 dｌ要素内に&#60;dt&#62;定義する語句(項目)&#60;/dt&#62;と&#60;dd&#62;語句の定義（説明）&#60;/dd&#62;を記述し [...]]]></description>
			<content:encoded><![CDATA[<p>dｌ要素は定義型リスト（説明付きリスト）を意味するブロックレベル要素です。</p>
<p>dｌ要素内に&lt;dt&gt;定義する語句(項目)&lt;/dt&gt;と&lt;dd&gt;語句の定義（説明）&lt;/dd&gt;を記述します。</p>
<p>下記はdｌ要素の指定サンプルです。</p>
<pre>&lt;dl&gt;
&lt;dt&gt;項目&lt;/dt&gt;
&lt;dd&gt;説明&lt;/dd&gt;
&lt;dt&gt;項目&lt;/dt&gt;
&lt;dd&gt;説明&lt;/dd&gt;
&lt;/dl&gt;

&lt;dl&gt;
&lt;dt&gt;項目&lt;/dt&gt;
&lt;dd&gt;説明&lt;/dd&gt;
&lt;dd&gt;説明&lt;/dd&gt;
&lt;/dl&gt;</pre>
<h3>dt要素</h3>
<p>dt要素内には、インラインレベル要素とテキストが記述できます。</p>
<h3>dd要素</h3>
<p>dd要素内には、ブロックレベル要素とインラインレベル要素とテキストが記述できます。</p>
]]></content:encoded>
			<wfw:commentRss>http://www.hp-webmagic.com/wordpress/archives/169/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>ブロックレベル要素：pre要素</title>
		<link>http://www.hp-webmagic.com/wordpress/archives/168</link>
		<comments>http://www.hp-webmagic.com/wordpress/archives/168#comments</comments>
		<pubDate>Tue, 29 Jul 2008 01:02:00 +0000</pubDate>
		<dc:creator>Web Magic</dc:creator>
				<category><![CDATA[(X)HTML]]></category>
		<category><![CDATA[ブロックレベル要素]]></category>

		<guid isPermaLink="false">http://www.hp-webmagic.com/?p=168</guid>
		<description><![CDATA[preは整形済みテキストであることを意味するブロックレベル要素です。 pre要素の中に記述できるのは、インラインレベル要素とテキストです。 また、pre要素内に記述されたデータは半角スペースや改行など入力通りに表示されま [...]]]></description>
			<content:encoded><![CDATA[<p>preは整形済みテキストであることを意味するブロックレベル要素です。</p>
<p>pre要素の中に記述できるのは、インラインレベル要素とテキストです。</p>
<p>また、pre要素内に記述されたデータは半角スペースや改行など入力通りに表示されます。</p>
<h3>pre要素に記述できない要素</h3>
<p>applet / basefont / big / font / img / object / small / sub / sup</p>
]]></content:encoded>
			<wfw:commentRss>http://www.hp-webmagic.com/wordpress/archives/168/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>ブロックレベル要素：p要素</title>
		<link>http://www.hp-webmagic.com/wordpress/archives/166</link>
		<comments>http://www.hp-webmagic.com/wordpress/archives/166#comments</comments>
		<pubDate>Tue, 29 Jul 2008 00:55:51 +0000</pubDate>
		<dc:creator>Web Magic</dc:creator>
				<category><![CDATA[(X)HTML]]></category>
		<category><![CDATA[ブロックレベル要素]]></category>

		<guid isPermaLink="false">http://www.hp-webmagic.com/?p=166</guid>
		<description><![CDATA[pは段落（パラグラフ）を意味するブロックレベル要素です。 p要素の中に記述できるのは、インラインレベル要素とテキストです。 文章の段落を構成する際、&#60;br /&#62;タグを使いますが、、&#60;br /&#62;は必 [...]]]></description>
			<content:encoded><![CDATA[<p>pは段落（パラグラフ）を意味するブロックレベル要素です。</p>
<p>p要素の中に記述できるのは、インラインレベル要素とテキストです。</p>
<p>文章の段落を構成する際、&lt;br /&gt;タグを使いますが、、&lt;br /&gt;は必要な個所だけ指定するように心がけましょう。</p>
]]></content:encoded>
			<wfw:commentRss>http://www.hp-webmagic.com/wordpress/archives/166/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>ブロックレベル要素：h/見出し要素</title>
		<link>http://www.hp-webmagic.com/wordpress/archives/164</link>
		<comments>http://www.hp-webmagic.com/wordpress/archives/164#comments</comments>
		<pubDate>Tue, 29 Jul 2008 00:49:40 +0000</pubDate>
		<dc:creator>Web Magic</dc:creator>
				<category><![CDATA[(X)HTML]]></category>
		<category><![CDATA[ブロックレベル要素]]></category>

		<guid isPermaLink="false">http://www.hp-webmagic.com/?p=164</guid>
		<description><![CDATA[hは見出しを意味するブロックレベル要素です。 h1,h2,h3,h4,h5,h6まであり、重要度はh1が最も重く、以下h2,h3となります。 文書構造的に以下のような指定例は好ましくありません。 &#60;h1&#62;見出 [...]]]></description>
			<content:encoded><![CDATA[<p>hは見出しを意味するブロックレベル要素です。</p>
<p>h1,h2,h3,h4,h5,h6まであり、重要度はh1が最も重く、以下h2,h3となります。</p>
<p>文書構造的に以下のような指定例は好ましくありません。</p>
<pre>&lt;h1&gt;見出しレベル1&lt;/h1&gt;
&lt;p&gt;文章文章文章文章文章&lt;/p&gt;
&lt;h3&gt;見出しレベル3&lt;/h3&gt;
&lt;p&gt;文章文章文章文章文章&lt;/p&gt;
&lt;p&gt;文章文章文章文章文章&lt;/p&gt;
&lt;h2&gt;見出しレベル2&lt;/h2&gt;
&lt;p&gt;文章文章文章文章文章&lt;/p&gt;
&lt;p&gt;文章文章文章文章文章&lt;/p&gt;</pre>
<p>また、(X)HTMLの構造的に、サイドバー内に&lt;h2&gt;見出しレベル2&lt;/h2&gt;等を指定する際は、サイドバーがコンテンツ（本文）より先に記述される構造にするべきです。</p>
]]></content:encoded>
			<wfw:commentRss>http://www.hp-webmagic.com/wordpress/archives/164/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>ブロックレベル要素：address要素</title>
		<link>http://www.hp-webmagic.com/wordpress/archives/162</link>
		<comments>http://www.hp-webmagic.com/wordpress/archives/162#comments</comments>
		<pubDate>Tue, 29 Jul 2008 00:25:37 +0000</pubDate>
		<dc:creator>Web Magic</dc:creator>
				<category><![CDATA[(X)HTML]]></category>
		<category><![CDATA[ブロックレベル要素]]></category>

		<guid isPermaLink="false">http://www.hp-webmagic.com/?p=162</guid>
		<description><![CDATA[addressは制作者情報や連絡先などを意味するブロックレベル要素です。 addressの中に記述できるのはインラインレベル要素とテキストです。 address要素のデフォルト表示は下記サンプルのように傾いています。通常 [...]]]></description>
			<content:encoded><![CDATA[<p>addressは制作者情報や連絡先などを意味するブロックレベル要素です。</p>
<p>addressの中に記述できるのはインラインレベル要素とテキストです。</p>
<p>address要素のデフォルト表示は下記サンプルのように傾いています。通常スタイルに戻す場合は、CSSでfont-style: normal;を指定します。</p>
<address style="text-align:center;font-style:italic;padding:1em 0;margin:0 0 1em;">制作者:ウェブマジック  E-mail：info@*****</address>
<pre>&lt;address&gt;制作者:ウェブマジック  E-mail：info@*****&lt;/address&gt;</pre>
]]></content:encoded>
			<wfw:commentRss>http://www.hp-webmagic.com/wordpress/archives/162/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>ブロックレベル要素：fieldset要素</title>
		<link>http://www.hp-webmagic.com/wordpress/archives/160</link>
		<comments>http://www.hp-webmagic.com/wordpress/archives/160#comments</comments>
		<pubDate>Tue, 29 Jul 2008 00:13:27 +0000</pubDate>
		<dc:creator>Web Magic</dc:creator>
				<category><![CDATA[(X)HTML]]></category>
		<category><![CDATA[ブロックレベル要素]]></category>

		<guid isPermaLink="false">http://www.hp-webmagic.com/?p=160</guid>
		<description><![CDATA[fieldsetはフォームのグループ化を意味するブロックレベル要素です。 fieldset要素は必ず見出しを意味する legend要素ではじまらなければならず、legend要素の前には半角スペースや水平タブなどの空白類文 [...]]]></description>
			<content:encoded><![CDATA[<p>fieldsetはフォームのグループ化を意味するブロックレベル要素です。</p>
<p>fieldset要素は必ず見出しを意味する legend要素ではじまらなければならず、legend要素の前には半角スペースや水平タブなどの空白類文字しか許されません。</p>
<p>fieldsetの中に記述できるのはブロックレベル要素、インラインレベル要素です。</p>
<pre>&lt;fieldset&gt;
&lt;legend&gt;グループ&lt;/legend&gt;
*****内容*****
&lt;/fieldset&gt;

&lt;fieldset&gt;
&lt;legend&gt;グループ&lt;/legend&gt;
*****内容*****
&lt;/fieldset&gt;</pre>
]]></content:encoded>
			<wfw:commentRss>http://www.hp-webmagic.com/wordpress/archives/160/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>ブロックレベル要素：div要素</title>
		<link>http://www.hp-webmagic.com/wordpress/archives/158</link>
		<comments>http://www.hp-webmagic.com/wordpress/archives/158#comments</comments>
		<pubDate>Tue, 29 Jul 2008 00:00:43 +0000</pubDate>
		<dc:creator>Web Magic</dc:creator>
				<category><![CDATA[(X)HTML]]></category>
		<category><![CDATA[ブロックレベル要素]]></category>

		<guid isPermaLink="false">http://www.hp-webmagic.com/?p=158</guid>
		<description><![CDATA[div要素自体は意味を持っておらず、他のブロックレベル要素をまとめる目的で使用されます。 div要素の中には、ブロックレベル要素、インラインレベル要素、テキストが記述できますが、文書構造を考えると、div要素の中に直接テ [...]]]></description>
			<content:encoded><![CDATA[<p>div要素自体は意味を持っておらず、他のブロックレベル要素をまとめる目的で使用されます。</p>
<p>div要素の中には、ブロックレベル要素、インラインレベル要素、テキストが記述できますが、文書構造を考えると、div要素の中に直接テキストを記述するのはあまり好ましくありません。</p>
<pre>好ましくない例：
&lt;div&gt;
サンプルサンプルサンプルサンプル。
&lt;/div&gt;</pre>
<pre>良い例：
&lt;div&gt;
&lt;p&gt;サンプルサンプルサンプルサンプル。&lt;/p&gt;
&lt;/div&gt;</pre>
<p>或いは、単に文章だけなら適切なマーウアップは&lt;p&gt;です。</p>
<pre>良い例：
&lt;p&gt;サンプルサンプルサンプルサンプル。&lt;/p&gt;</pre>
<p>尚、上記サンプルの「好ましくない例」をAnother HTML-lint gatewayでチェックしても、減点にはなりませんが、正しい文書構造的に考えれば明らかに良くない記述です。</p>
]]></content:encoded>
			<wfw:commentRss>http://www.hp-webmagic.com/wordpress/archives/158/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>ブロックレベル要素：form要素</title>
		<link>http://www.hp-webmagic.com/wordpress/archives/157</link>
		<comments>http://www.hp-webmagic.com/wordpress/archives/157#comments</comments>
		<pubDate>Mon, 28 Jul 2008 23:43:31 +0000</pubDate>
		<dc:creator>Web Magic</dc:creator>
				<category><![CDATA[(X)HTML]]></category>
		<category><![CDATA[ブロックレベル要素]]></category>

		<guid isPermaLink="false">http://www.hp-webmagic.com/?p=157</guid>
		<description><![CDATA[フォーム全体を定義するブロックレベル要素です。 。 以下の宣言では、テキストやインライン要素を直接form要素の中に記述できません。必ずブロック要素を記述します。 HTML4.01 strict XHTML1.0 str [...]]]></description>
			<content:encoded><![CDATA[<p>フォーム全体を定義するブロックレベル要素です。</p>
<p>。</p>
<p>以下の宣言では、テキストやインライン要素を直接form要素の中に記述できません。必ずブロック要素を記述します。</p>
<ul>
<li>HTML4.01 strict</li>
<li>XHTML1.0 strict</li>
<li>XHTML1.1</li>
</ul>
<p>インライン要素が記述できるのはTransitional。</p>
<pre>&lt;form action=&quot;&nbsp;&quot; method=&quot;post&quot;&gt;
&lt;p&gt;&lt;input type=&quot;text&quot; name=&quot;email&quot; size=&quot;80&quot; /&gt;&lt;/p&gt;
&lt;/form&gt;</pre>
]]></content:encoded>
			<wfw:commentRss>http://www.hp-webmagic.com/wordpress/archives/157/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>ブロックレベル要素：blockquote要素</title>
		<link>http://www.hp-webmagic.com/wordpress/archives/156</link>
		<comments>http://www.hp-webmagic.com/wordpress/archives/156#comments</comments>
		<pubDate>Mon, 28 Jul 2008 07:03:28 +0000</pubDate>
		<dc:creator>Web Magic</dc:creator>
				<category><![CDATA[(X)HTML]]></category>
		<category><![CDATA[ブロックレベル要素]]></category>

		<guid isPermaLink="false">http://www.hp-webmagic.com/?p=156</guid>
		<description><![CDATA[文章の引用であることを意味するブロックレベル要素です。 以下の宣言では、テキストやインライン要素を直接 blockquote要素の中に記述できません。必ずブロック要素を記述します。 HTML4.01 strict XHT [...]]]></description>
			<content:encoded><![CDATA[<p>文章の引用であることを意味するブロックレベル要素です。</p>
<p>以下の宣言では、テキストやインライン要素を直接 blockquote要素の中に記述できません。必ずブロック要素を記述します。</p>
<ul>
<li>HTML4.01 strict</li>
<li>XHTML1.0 strict</li>
<li>XHTML1.1</li>
</ul>
<p>インライン要素が記述できるのはTransitional。</p>
<p>引用元のURLは&lt;cite&gt;を利用して下記のように記述します。</p>
<pre>&lt;blockquote cite=&quot;URL&quot;&gt;</pre>
]]></content:encoded>
			<wfw:commentRss>http://www.hp-webmagic.com/wordpress/archives/156/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>ブロックレベル要素について</title>
		<link>http://www.hp-webmagic.com/wordpress/archives/154</link>
		<comments>http://www.hp-webmagic.com/wordpress/archives/154#comments</comments>
		<pubDate>Mon, 28 Jul 2008 06:32:40 +0000</pubDate>
		<dc:creator>Web Magic</dc:creator>
				<category><![CDATA[(X)HTML]]></category>
		<category><![CDATA[ブロックレベル要素]]></category>

		<guid isPermaLink="false">http://www.hp-webmagic.com/?p=154</guid>
		<description><![CDATA[ブロックレベル要素とは 見出し / 段落 / リスト / 表など文章を構造化する基本要素です。ブロックレベル要素はCSSで幅を指定しなければ、ブラウザの画面いっぱいに広がり、一つの段落(ブロック)を構成します。 ブロック [...]]]></description>
			<content:encoded><![CDATA[<h3>ブロックレベル要素とは</h3>
<p>見出し / 段落 / リスト / 表など文章を構造化する基本要素です。ブロックレベル要素はCSSで幅を指定しなければ、ブラウザの画面いっぱいに広がり、一つの段落(ブロック)を構成します。</p>
<p>ブロックレベル要素は要素の中に、ブロックレベル要素とインラインレベル要素の両方を持つ事ができます(記述できます)が、P要素などインラインレベル要素しか記述できないものもあります。</p>
<h4>ブロックレベル要素</h4>
<dl>
<dt>要素内にブロックレベル要素だけ記述できる</dt>
<dd>
<p>blockquote要素</p>
<p>form要素</p>
</dd>
<dt>要素内にブロックレベル/インラインレベル要素を記述できる</dt>
<dd>
<p>div要素</p>
<p>fieldset要素</p>
</dd>
<dt>要素内にインラインレベル要素だけ記述できる</dt>
<dd>
<p>address要素</p>
<p>h要素</p>
<p>p要素</p>
<p>pre要素</p>
</dd>
<dt>要素内に特定要素だけ記述できる</dt>
<dd>
<p>dl要素</p>
<p>table要素</p>
<p>ol要素</p>
<p>ul要素</p>
</dd>
</dl>
]]></content:encoded>
			<wfw:commentRss>http://www.hp-webmagic.com/wordpress/archives/154/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

