コンテンツにスキップ

「Template:Clear/doc」の版間の差分

削除された内容 追加された内容
編集の要約なし
m編集の要約なし
 
(14人の利用者による、間の19版が非表示)
1行目: 1行目:
<noinclude>{{Documentation subpage|種類=[[Help:テンプレート|テンプレート]]}}</noinclude>
<noinclude>{{Documentation subpage|種類=[[Help:テンプレート|テンプレート]]}}</noinclude>
<!-- 以下でテンプレートの解説を編集してください -->
<includeonly>{{使用箇所の多いテンプレート|48,000以上}}</includeonly>
{{tsh|clr|-}}
このテンプレートは<code>&lt;div style="clear:both"&gt;&lt;/div&gt;</code>を追加する。XHTMLの技術的な詳細は[[:en:Template talk:Clear]]を参照。
このテンプレートは<code>&lt;div style="clear:both;"&gt;&lt;/div&gt;</code>か<code>&lt;div style="clear:left;"&gt;&lt;/div&gt;</code>か<code>&lt;div style="clear:right;"&gt;&lt;/div&gt;</code>;を追加する。XHTMLの技術的な詳細は[[:en:Template talk:Clear]]を参照。


== 説明 ==
== 説明 ==
{{tl|clear}}:先行するコンテンツが終了する行まで、次のコンテンツを待たせる指定。しばしば、関連しないイメージの後に記載したいときに使う。
{{Tlc|Clear}}:先行するコンテンツが終了する行まで、次のコンテンツを待たせる指定。しばしば、関連しないイメージの後に記載したいときに使う。

=== 使用法 ===
=== 使用法 ===
<nowiki>{{Clear}}</nowiki>
<nowiki>{{Clear}}</nowiki>
<nowiki>{{Clear|left}}</nowiki>
<nowiki>{{Clear|right}}</nowiki>

これを使用すると、画面幅、画像数に対する文字数の少なさによっては本文欄に空白が発生することがあり、場合によっては空白が多くなることがある。


このテンプレートは[[WP:SUBST|subst展開]]してもよい。しかし、展開するとこの解説ページに辿り着けなくなり、何のためのものかわかりづらくなる。
このテンプレートは[[WP:SUBST|subst展開]]してもよい。しかし、展開するとこの解説ページに辿り着けなくなり、何のためのものかわかりづらくなる。


== clearテンプレートを使用しない例 ==
== Clearテンプレートを使用しない例 ==
[[ファイル:HeidelbergTun.jpg|200px|left]]
[[ファイル:HeidelbergTun.jpg|200px|left]]
{{lorem ipsum}}
{{Lorem ipsum}}


== 次のセクション ==
== 次のセクション ==
行がイメージと重なり、イメージの右側でこのセクションが始まっていることに注意。
行がイメージと重なり、イメージの右側でこのセクションが始まっていることに注意。

<div style="clear:both"></div>
<div style="clear:both"></div>


== clearテンプレートを使った例 ==
== Clearテンプレートを使った例 ==
[[ファイル:HeidelbergTun.jpg|200px|left]]
[[ファイル:HeidelbergTun.jpg|200px|left]]
{{lorem ipsum}}
{{Lorem ipsum}}
'''<nowiki>{{clear}}</nowiki>'''
'''<nowiki>{{Clear}}</nowiki>'''
<div style="clear:both"></div>
<div style="clear:both"></div>


== 次のセクション ==
== 次のセクション ==
ここから行が始まる。
こっちの方がよい?

{{#ifeq:{{FULLPAGENAME}}|Template:Clear|
===TemplateData===
{{TemplateDataHeader}}
<templatedata>{
"description": "先行するコンテンツが終了する行まで、次のコンテンツを待たせる指定。しばしば、関連しないイメージの後に記載したいときに使う。",
"params": {
"1": {
"label": "side",
"description": "「left」で左側、「right」で右側のカラムが終わるまで待つことができる。既定値は両方のカラムが終わるまで待つ。",
"type": "string",
"required": false
}
}
}</templatedata>
}}


== 関連テンプレート ==
== 関連テンプレート ==
* {{tl|Clearleft}}:左側のカラムが終わるまで待つ。
* {{tlx|Clearleft}}:左側のカラムが終わるまで待つ。
* {{tl|Clearright}}:右側のカラムが終わるまで待つ。
* {{tlx|Clearright}}:右側のカラムが終わるまで待つ。
* {{tlx|Float}}
* {{tl|-}} は似ているが技術的には異なる。
* {{tlx|Stack}}
* {{tlx|After float}}:画面幅が狭い場合のみ、{{tlc|Clear}}に類似した効果を発生させる。


== 議論 ==
== 議論 ==
{{Tl|clear}}と{{Tl|-}}の詳細比較は[[:en:Template talk:-#-_versus_clear|Template talk:-]]で議論されている。
{{Tlc|Clear}}と{{Tlc|-}}の詳細比較は[[:en:Template talk:-#-_versus_clear|en:Template talk:-]]で議論されていたとおり、似ていながらも技術的には異なっていたが、[[HTML5]]に準拠するため[[Template talk:-]]のとおりリダイレクト化されている。

<includeonly>
<includeonly>
<!-- カテゴリは以下に追加してください -->
<!-- カテゴリは以下に追加してください -->
{{DEFAULTSORT:{{PAGENAME}}}}
{{デフォルトソート:{{PAGENAME}}}}
[[Category:レイアウト用テンプレート]]
[[Category:HTML入力支援テンプレート]][[Category:レイアウト用テンプレート]]
<!-- 言語間リンクは以下に追加してください -->
<!-- 言語間リンクは以下に追加してください -->
[[en:Template:Clear]]
[[ko:틀:비우기]]
[[vi:Tiêu bản:Clear]]
[[zh:Template:Clear]]
</includeonly>
</includeonly>

2023年10月28日 (土) 00:14時点における最新版

このテンプレートは<div style="clear:both;"></div><div style="clear:left;"></div><div style="clear:right;"></div>;を追加する。XHTMLの技術的な詳細はen:Template talk:Clearを参照。

説明

[編集]

{{Clear}}:先行するコンテンツが終了する行まで、次のコンテンツを待たせる指定。しばしば、関連しないイメージの後に記載したいときに使う。

使用法

[編集]
{{Clear}}
{{Clear|left}}
{{Clear|right}}

これを使用すると、画面幅、画像数に対する文字数の少なさによっては本文欄に空白が発生することがあり、場合によっては空白が多くなることがある。

このテンプレートはsubst展開してもよい。しかし、展開するとこの解説ページに辿り着けなくなり、何のためのものかわかりづらくなる。

Clearテンプレートを使用しない例

[編集]

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

次のセクション

[編集]

行がイメージと重なり、イメージの右側でこのセクションが始まっていることに注意。

Clearテンプレートを使った例

[編集]

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. {{Clear}}

次のセクション

[編集]

ここから行が始まる。


関連テンプレート

[編集]
  • {{Clearleft}}:左側のカラムが終わるまで待つ。
  • {{Clearright}}:右側のカラムが終わるまで待つ。
  • {{Float}}
  • {{Stack}}
  • {{After float}}:画面幅が狭い場合のみ、{{Clear}}に類似した効果を発生させる。

議論

[編集]

{{Clear}}{{-}}の詳細な比較はen:Template talk:-で議論されていたとおり、似ていながらも技術的には異なっていたが、HTML5に準拠するためTemplate talk:-のとおりリダイレクト化されている。