コンテンツにスキップ

英文维基 | 中文维基 | 日文维基 | 草榴社区

「BBコード」の版間の差分

出典: フリー百科事典『ウィキペディア（Wikipedia）』
履歴の双方向閲覧
← 古い編集新しい編集 →
削除された内容 追加された内容
ビジュアルウィキテキスト
Bsahd11 (会話 | 投稿記録)
135 回編集
m delete comment
Cewbot (会話 | 投稿記録)
ボット
781,592 回編集
m Bot作業依頼: sourceタグをsyntaxhighlightタグに置換 (Category:非推奨のsourceタグを使用しているページ) - log
13行目: 13行目:
! BBコード !! XHTML !! 表示例
! BBコード !! XHTML !! 表示例
|-
|-
| <source lang="bbcode">[b]太字 text[/b]</source>
| <syntaxhighlight lang="bbcode">[b]太字 text[/b]</syntaxhighlight>
| <source lang="html"><span style="font-weight: bold">太字 text</span></source>
| <syntaxhighlight lang="html"><span style="font-weight: bold">太字 text</span></syntaxhighlight>
| <span style="font-weight: bold">太字 text</span>
| <span style="font-weight: bold">太字 text</span>
|-
|-
| <source lang="bbcode">[i]斜体 text[/i]</source>
| <syntaxhighlight lang="bbcode">[i]斜体 text[/i]</syntaxhighlight>
| <source lang="html"><span style="font-style: italic">斜体 text</span></source>
| <syntaxhighlight lang="html"><span style="font-style: italic">斜体 text</span></syntaxhighlight>
|style="font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','IPA Pゴシック','Takao Pゴシック','VL Pゴシック',Osaka,'IPA モナー Pゴシック','梅Pゴシック','東風ゴシック','さざなみゴシック','ＭＳ Ｐゴシック';"| <span style="font-style: italic">斜体 text</span>
|style="font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','IPA Pゴシック','Takao Pゴシック','VL Pゴシック',Osaka,'IPA モナー Pゴシック','梅Pゴシック','東風ゴシック','さざなみゴシック','ＭＳ Ｐゴシック';"| <span style="font-style: italic">斜体 text</span>
|-
|-
| <source lang="bbcode">[u]下線付き text[/u]</source>
| <syntaxhighlight lang="bbcode">[u]下線付き text[/u]</syntaxhighlight>
| <source lang="html"><span style="text-decoration: underline">下線付き text</span></source>
| <syntaxhighlight lang="html"><span style="text-decoration: underline">下線付き text</span></syntaxhighlight>
| <span style="text-decoration: underline">下線付き text</span>
| <span style="text-decoration: underline">下線付き text</span>
|-
|-
| <source lang="bbcode">[size=18]サイズ text[/size]</source>
| <syntaxhighlight lang="bbcode">[size=18]サイズ text[/size]</syntaxhighlight>
| <source lang="html"><span style="font-size: 18px">サイズ text</span></source>
| <syntaxhighlight lang="html"><span style="font-size: 18px">サイズ text</span></syntaxhighlight>
| <span style="font-size:18px">サイズ text</span>
| <span style="font-size:18px">サイズ text</span>
|-
|-
| <source lang="bbcode" inline>[color=red]赤色 text[/color]</source>
| <syntaxhighlight lang="bbcode" inline>[color=red]赤色 text[/color]</syntaxhighlight>
または <source lang="bbcode" inline>[color=#FF0000]赤色 text[/color]</source>
または <syntaxhighlight lang="bbcode" inline>[color=#FF0000]赤色 text[/color]</syntaxhighlight>
| <source lang="html"><span style="color: #FF0000">赤色 text</span></source>
| <syntaxhighlight lang="html"><span style="color: #FF0000">赤色 text</span></syntaxhighlight>
| <span style="color: #FF0000">赤色 text</span>
| <span style="color: #FF0000">赤色 text</span>
|-
|-
| <source lang="bbcode">以下は引用。
| <syntaxhighlight lang="bbcode">以下は引用。
[quote]引用 text[/quote]</source>
[quote]引用 text[/quote]</syntaxhighlight>
| <source lang="html"><p>以下は引用。</p><blockquote><p>引用 text</p></blockquote></source>
| <syntaxhighlight lang="html"><p>以下は引用。</p><blockquote><p>引用 text</p></blockquote></syntaxhighlight>
| 以下は引用。<blockquote><p>引用 text</p></blockquote>
| 以下は引用。<blockquote><p>引用 text</p></blockquote>
|-
|-
| <source lang="bbcode">[code]整形済み code[/code]</source>
| <syntaxhighlight lang="bbcode">[code]整形済み code[/code]</syntaxhighlight>
| <source lang="html"><pre>整形済み code</pre></source>
| <syntaxhighlight lang="html"><pre>整形済み code</pre></syntaxhighlight>
| <pre>整形済み code</pre>
| <pre>整形済み code</pre>
|-
|-
| <source lang="bbcode">
| <syntaxhighlight lang="bbcode">
[list]
[list]
[*]順序なし list 1
[*]順序なし list 1
49行目: 49行目:
[*]順序なし list 3
[*]順序なし list 3
[/list]
[/list]
</syntaxhighlight>
</source>
| <source lang="html">
| <syntaxhighlight lang="html">
<ul>
<ul>
<li>順序なし list 1</li>
<li>順序なし list 1</li>
56行目: 56行目:
<li>順序なし list 3</li>
<li>順序なし list 3</li>
</ul>
</ul>
</syntaxhighlight>
</source>
|
|
* 順序なし list 1
* 順序なし list 1
62行目: 62行目:
* 順序なし list 3
* 順序なし list 3
|-
|-
| <source lang="bbcode">
| <syntaxhighlight lang="bbcode">
[list=1]
[list=1]
[*]順序あり list 1
[*]順序あり list 1
68行目: 68行目:
[*]順序あり list 3
[*]順序あり list 3
[/list]
[/list]
</syntaxhighlight>
</source>
| <source lang="html">
| <syntaxhighlight lang="html">
<ol>
<ol>
<li>順序あり list 1</li>
<li>順序あり list 1</li>
75行目: 75行目:
<li>順序あり list 3</li>
<li>順序あり list 3</li>
</ol>
</ol>
</syntaxhighlight>
</source>
|
|
# 順序あり list 1
# 順序あり list 1
81行目: 81行目:
# 順序あり list 3
# 順序あり list 3
|-
|-
| <source lang="bbcode" inline>:-)</source>または<source lang="bbcode" inline>:smile:</source>
| <syntaxhighlight lang="bbcode" inline>:-)</syntaxhighlight>または<syntaxhighlight lang="bbcode" inline>:smile:</syntaxhighlight>
| <source lang="html"><img src="Smile.svg" alt="smile" /></source>
| <syntaxhighlight lang="html"><img src="Smile.svg" alt="smile" /></syntaxhighlight>
| [[ファイル:Smile.svg|smile]]
| [[ファイル:Smile.svg|smile]]
|-
|-
| <source lang="bbcode">[url]http://www.wikipedia.org/[/url]</source>
| <syntaxhighlight lang="bbcode">[url]http://www.wikipedia.org/[/url]</syntaxhighlight>
| <source lang="html"><a href="http://www.wikipedia.org/">http://www.wikipedia.org/</a></source>
| <syntaxhighlight lang="html"><a href="http://www.wikipedia.org/">http://www.wikipedia.org/</a></syntaxhighlight>
| <span class="plainlinks">[http://www.wikipedia.org/ http://www.wikipedia.org/]</span>
| <span class="plainlinks">[http://www.wikipedia.org/ http://www.wikipedia.org/]</span>
|-
|-
| <source lang="bbcode">[url=http://www.wikipedia.org/]Wikipedia[/url]</source>
| <syntaxhighlight lang="bbcode">[url=http://www.wikipedia.org/]Wikipedia[/url]</syntaxhighlight>
| <source lang="html"><a href="http://www.wikipedia.org/">Wikipedia</a></source>
| <syntaxhighlight lang="html"><a href="http://www.wikipedia.org/">Wikipedia</a></syntaxhighlight>
| <span class="plainlinks">[http://www.wikipedia.org/ Wikipedia]</span>
| <span class="plainlinks">[http://www.wikipedia.org/ Wikipedia]</span>
|-
|-
| <source lang="bbcode">[img]http://upload.wikimedia.org/wikipedia/commons/6/6c/Bouncywikilogo.gif[/img]</source>
| <syntaxhighlight lang="bbcode">[img]http://upload.wikimedia.org/wikipedia/commons/6/6c/Bouncywikilogo.gif[/img]</syntaxhighlight>
| <source lang="html"><img src="http://upload.wikimedia.org/wikipedia/commons/6/6c/Bouncywikilogo.gif" /></source>
| <syntaxhighlight lang="html"><img src="http://upload.wikimedia.org/wikipedia/commons/6/6c/Bouncywikilogo.gif" /></syntaxhighlight>
| [[ファイル:Bouncywikilogo.gif]]
| [[ファイル:Bouncywikilogo.gif]]
|}
|}

2020年7月5日 (日) 22:54時点における版

BBコード（びーびーこーど）は、 Bulletin Board Code の略で、電子掲示板やブログなどで使用される軽量マークアップ言語である。 キーワードを角括弧で囲んでタグとし、ウェブブラウザが理解して表示できるように構文解析してHTML（XHTML）に変換される。

目的と経緯

BBコードを初めて実装したのは1998年にリリースされた電子掲示板ソフトウェアの UBB (Ultimate Bulletin Board) v3 である。インターネットが普及し始めた頃の電子掲示板は書き込む内容にHTMLやJavaScriptの使用が許容されていたため、不慣れな書き方による表示の破壊やそれを目的とした荒らしの手段となっていた。これに対し、ユーザーが文書内容を整形する手段を限定させ、しかも容易に安全に行えるように考案されたのがBBコードである。文書のマークアップをBBコード限定で許可することで、インターネット・フォーラムでの表示破壊は見られなくなった。

その後BBコードは広く普及して、phpBBやvBulletinなどの多くのソフトウェアで使用されるようになった。しかし定められた仕様が存在しないため、同じBBコードでありながら互換性がないものが存在する。

BBコード タグ

以下は標準的なBBコードの一覧。ソフトウェアによってより多くのタグを実装する場合や、それぞれ細かい仕様や動作が異なる場合がある。

BBコード XHTML 表示例 
[b]太字 text[/b]

<span style="font-weight: bold">太字 text</span>
太字 text 
[i]斜体 text[/i]

<span style="font-style: italic">斜体 text</span>
斜体 text 
[u]下線付き text[/u]

<span style="text-decoration: underline">下線付き text</span>
下線付き text 
[size=18]サイズ text[/size]

<span style="font-size: 18px">サイズ text</span>
サイズ text
[color=red]赤色 text[/color]

または [color=#FF0000]赤色 text[/color] 

<span style="color: #FF0000">赤色 text</span>
赤色 text 
以下は引用。
[quote]引用 text[/quote]

<p>以下は引用。</p><blockquote><p>引用 text</p></blockquote>
以下は引用。

引用 text

[code]整形済み code[/code]

<pre>整形済み code</pre>

整形済み code
[list]
[*]順序なし list 1
[*]順序なし list 2
[*]順序なし list 3
[/list]

<ul>
<li>順序なし list 1</li>
<li>順序なし list 2</li>
<li>順序なし list 3</li>
</ul>
  • 順序なし list 1
  • 順序なし list 2
  • 順序なし list 3
[list=1]
[*]順序あり list 1
[*]順序あり list 2
[*]順序あり list 3
[/list]

<ol>
<li>順序あり list 1</li>
<li>順序あり list 2</li>
<li>順序あり list 3</li>
</ol>
  1. 順序あり list 1
  2. 順序あり list 2
  3. 順序あり list 3
:-)または:smile: 
<img src="Smile.svg" alt="smile" />
smile 
[url]http://www.wikipedia.org/[/url]

<a href="http://www.wikipedia.org/">http://www.wikipedia.org/</a>
http://www.wikipedia.org/ 
[url=http://www.wikipedia.org/]Wikipedia[/url]

<a href="http://www.wikipedia.org/">Wikipedia</a>
Wikipedia 
[img]http://upload.wikimedia.org/wikipedia/commons/6/6c/Bouncywikilogo.gif[/img]

<img src="http://upload.wikimedia.org/wikipedia/commons/6/6c/Bouncywikilogo.gif" />

関連項目

「https://ja-two.iwiki.icu/w/index.php?title=BBコード&oldid=78331608」から取得