コンテンツにスキップ

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

削除された内容 追加された内容
en:Template:Clear/doc 16:21, 4 September 2006 CesarB (Talk | contribs) m (fix link) written by CesarB より翻訳
 
m編集の要約なし
 
(24人の利用者による、間の33版が非表示)
1行目: 1行目:
<noinclude>{{Documentation subpage|種類=[[Help:テンプレート|テンプレート]]}}</noinclude>
<includeonly>:''このテンプレートページのドキュメントは、[[Wikipedia:Template doc page pattern|transcluded]]の[[{{FULLPAGENAME}}/doc]]から取り込まれています。'' [<span class="plainlinks">[{{fullurl:{{FULLPAGENAMEE}}/doc|action=edit}} 編集]</span>]</includeonly>
<includeonly>{{使用箇所の多いテンプレート|48,000以上}}</includeonly>
<!-- EDIT TEMPLATE DOCUMENTATION BELOW THIS LINE -->
{{tsh|clr|-}}
このテンプレートは<tt>&lt;div style="clear: both"&gt;&lt;/div&gt;</tt>;を追加する。
このテンプレートは<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]]を参照。
XHTML 技術の詳細は[[en:Template talk:Clear]]を参照。


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

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

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


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


テンプレートはトランスクルードしてもい。しかし、トランスクルードオーバヘッドにくらべ、メイクアップが改善されいこともある。
テンプレートは[[WP:SUBST|subst展開]]してもい。しかし、展開するとこ解説ペ辿り着けななり、何のためのものかわかりづなる。


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


== 次のセクション ==
[[Image:HeidelbergTun.jpg|200px|left]]
{{lorem}}
==次のセクション==
行がイメージと重なり、イメージの右側でこのセクションが始まっていることに注意。
行がイメージと重なり、イメージの右側でこのセクションが始まっていることに注意。
<div style="clear:both"></div>


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


== 次のセクション ==
[[Image:HeidelbergTun.jpg|200px|left]]
ここから行が始まる。
{{lorem}}
'''<nowiki>{{clear}}</nowiki>'''
<div style="clear: both"></div>
==次のセクション==
こっちの方がよい?


{{#ifeq:{{FULLPAGENAME}}|Template:Clear|
==動作原理==
===TemplateData===
これが、 {{Tl|clear}} 実際にするこで、 <nowiki>{{msgnw:clear}}</nowiki> で表示される <tt>&lt;noinclude&gt;</tt> 部分は関係ない。
{{TemplateDataHeader}}
<templatedata>{
"description": "先行するコンテンツが終了する行まで、次のコンテンツを待たせる指定。しばしば、関連しないイメージの後に記載したいときに使う。",
"params": {
"1": {
"label": "side",
"description": "「left」で左側、「right」で右側のカラムが終わるまで待つことができる。既定値は両方のカラムが終わるまで待つ。",
"type": "string",
"required": false
}
}
}</templatedata>
}}


== 関連テンプレート ==
<tt>{{msgnw:clear}}</tt>
* {{tlx|Clearleft}}左側のカラムが終わるまで待つ。

* {{tlx|Clearright}}右側のカラムが終わるまで待つ。
=== 参照 ===
* {{Lts|clear}}
* {{tlx|Float}}
* {{tlx|Stack}}
* {{Lts|clearleft}}: 左側のカラムが終わるまで待つ。
* {{tlx|After float}}:画面幅が狭い場合のみ、{{tlc|Clear}}に類似した効果を発生させる。
* {{Lts|clearright}}: 右側のカラムが終わるまで待つ。
* {{Lts|-}} は似ているが技術的には異なる。


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

{{Tl|clear}} と {{Tl|-}} の詳細の比較は [[en:Template talk:-#-_versus_clear|Template talk:-]].で議論されている。


<includeonly>
<includeonly>
<!-- カテゴリは以下に追加してください -->
<!-- ADD CATEGORIES BELOW THIS LINE -->
{{デフォルトソート:{{PAGENAME}}}}

[[Category:HTML入力支援テンプレート]][[Category:レイアウト用テンプレート]]

<!-- 言語間リンクは以下に追加してください -->
<!-- ADD INTERWIKIS BELOW THIS LINE -->
[[en:Template:Clear]]
[[vi:Tiêu bản: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:-のとおりリダイレクト化されている。