テキストに関する要素 (co367798) [コミュニティ記事]

ソースコード	表示結果
<p>１２３４５６７８９０ＡＢＣ</p> <p>古池や　蛙飛びこむ　水の音</p> <p><tt>１２３４５６７８９０ＡＢＣ</tt></p> <p><tt>古池や　蛙飛びこむ　水の音</tt></p>	１２３４５６７８９０ＡＢＣ古池や　蛙飛びこむ　水の音 `１２３４５６７８９０ＡＢＣ` `古池や　蛙飛びこむ　水の音`

ソースコード

表示結果

１２３４５６７８９０ＡＢＣ
古池や　蛙飛びこむ　水の音

<tt>１２３４５６７８９０ＡＢＣ</tt>
<tt>古池や　蛙飛びこむ　水の音</tt>

１２３４５６７８９０ＡＢＣ

古池や　蛙飛びこむ　水の音

１２３４５６７８９０ＡＢＣ

古池や　蛙飛びこむ　水の音

入力した通りに等幅フォントで表示する

↑

<pre>～</pre>で囲んだ範囲の文字・スペース・改行をそのままの形で等幅フォントで表示します。

主にアスキーアートの表示などに使用します。詳しくはアスキーアート:ニコニコ大百科編集用テンプレートをご覧下さい。

ソースコード	表示結果
<p> 　　　　　　　　＿　　　　　　　　　　＿　　　 <br> 　　　　　　　./ 　.ｌ　　　　　　 / 　.ｌ　　 <br> 　　　　　　 ./　..,　ｌ,　　　　　 /　,､　ｌ,　　　 <br> 　　　　　　/　/ ﾞL　ｌ　　　　 / ./　ｌ　.ｌ　　　 <br> 　　　　　 /　/　　ｌ　ｌ　　　　　/ ./　　.ｌ　.ｌ.　　　 <br> 　　　　 ./ 　!――′ .ｌ　　　 ./ . ﾞ‐'―‐′ ｌ.　　 <br> 　　　　./　i''''''''''''''''''､ . ｌ　　./　,i'''''''''''''''''ｯ　.ｌ <br> 　　　../　/ 　　　　　ｌ　.ｌ. ../　/ 　　　　　.ｌ　ｌ　　 <br> 　　　.―"　　　　　　 .ゝ‐!┴‐′　　　　　 .ゝ‐′　 <br> </p> <pre style="font-size:16px; line-height:18px; font-family:Mona,IPAMonaPGothic,'IPA モナー Pゴシック','MS PGothic AA','MS PGothic','ＭＳＰゴシック',sans-serif;"> 　　　　　　　　＿　　　　　　　　　　＿　　　　　　　　　　./ 　.ｌ　　　　　　 / 　.ｌ　　　　　　　　 ./　..,　ｌ,　　　　　 /　,､　ｌ,　　　　　　　　　/　/ ﾞL　ｌ　　　　 / ./　ｌ　.ｌ　　　　　　　　 /　/　　ｌ　ｌ　　　　　/ ./　　.ｌ　.ｌ.　　　　　　　 ./ 　!――′ .ｌ　　　 ./ . ﾞ‐'―‐′ ｌ.　　　　　　./　i''''''''''''''''''､ . ｌ　　./　,i'''''''''''''''''ｯ　.ｌ　　　　../　/ 　　　　　ｌ　.ｌ. ../　/ 　　　　　.ｌ　ｌ　　　　　.―"　　　　　　 .ゝ‐!┴‐′　　　　　 .ゝ‐′　 </pre>	＿　　　　　　　　　　＿　　　　　　　　　　./ 　.ｌ　　　　　　 / 　.ｌ　　　　　　　　 ./　..,　ｌ,　　　　　 /　,､　ｌ,　　　　　　　　　/　/ ﾞL　ｌ　　　　 / ./　ｌ　.ｌ　　　　　　　　 /　/　　ｌ　ｌ　　　　　/ ./　　.ｌ　.ｌ.　　　　　　　 ./ 　!――′ .ｌ　　　 ./ . ﾞ‐'―‐′ ｌ.　　　　　　./　i''''''''''''''''''､ . ｌ　　./　,i'''''''''''''''''ｯ　.ｌ　　　　../　/ 　　　　　ｌ　.ｌ. ../　/ 　　　　　.ｌ　ｌ　　　　　.―"　　　　　　 .ゝ‐!┴‐′　　　　　 .ゝ‐′　　　　　　　　　＿　　　　　　　　　　＿　　　　　　　　　　./ 　.ｌ　　　　　　 / 　.ｌ　　　　　　　　 ./　..,　ｌ,　　　　　 /　,､　ｌ,　　　　　　　　　/　/ ﾞL　ｌ　　　　 / ./　ｌ　.ｌ　　　　　　　　 /　/　　ｌ　ｌ　　　　　/ ./　　.ｌ　.ｌ.　　　　　　　 ./ 　!――′ .ｌ　　　 ./ . ﾞ‐'―‐′ ｌ.　　　　　　./　i''''''''''''''''''､ . ｌ　　./　,i'''''''''''''''''ｯ　.ｌ　　　　../　/ 　　　　　ｌ　.ｌ. ../　/ 　　　　　.ｌ　ｌ　　　　　.―"　　　　　　 .ゝ‐!┴‐′　　　　　 .ゝ‐′

ソースコード

表示結果

＿　　　　　　　　　　＿　　　 
　　　　　　　./ 　.ｌ　　　　　　 / 　.ｌ　　 
　　　　　　 ./　..,　ｌ,　　　　　 /　,､　ｌ,　　　 
　　　　　　/　/ ﾞL　ｌ　　　　 / ./　ｌ　.ｌ　　　 
　　　　　 /　/　　ｌ　ｌ　　　　　/ ./　　.ｌ　.ｌ.　　　 
　　　　 ./ 　!――′ .ｌ　　　 ./ . ﾞ‐'―‐′ ｌ.　　 
　　　　./　i''''''''''''''''''､ . ｌ　　./　,i'''''''''''''''''ｯ　.ｌ 
　　　../　/ 　　　　　ｌ　.ｌ. ../　/ 　　　　　.ｌ　ｌ　　 
　　　.―"　　　　　　 .ゝ‐!┴‐′　　　　　 .ゝ‐′

　　　　　　　　＿　　　　　　　　　　＿　　　
　　　　　　　./ 　.ｌ　　　　　　 / 　.ｌ　　
　　　　　　 ./　..,　ｌ,　　　　　 /　,､　ｌ,　　　
　　　　　　/　/ ﾞL　ｌ　　　　 / ./　ｌ　.ｌ　　　
　　　　　 /　/　　ｌ　ｌ　　　　　/ ./　　.ｌ　.ｌ.　　　
　　　　 ./ 　!――′ .ｌ　　　 ./ . ﾞ‐'―‐′ ｌ.　　
　　　　./　i''''''''''''''''''､ . ｌ　　./　,i'''''''''''''''''ｯ　.ｌ　
　　　../　/ 　　　　　ｌ　.ｌ. ../　/ 　　　　　.ｌ　ｌ　　
　　　.―"　　　　　　 .ゝ‐!┴‐′　　　　　 .ゝ‐′　

　　　　　　　　＿　　　　　　　　　　＿ 　 　 　 
　　　　　　　./ 　.ｌ　 　 　 　 　 　 / 　.ｌ　　 
　　　　　　 ./　..,　ｌ,　 　 　 　 　 /　,､　ｌ,　　　 
　　　　　　/　/ ﾞL　ｌ 　 　 　 　 / ./　ｌ　.ｌ　　　 
　　　　　 /　/　　ｌ　 ｌ　　　　　/ ./　　.ｌ　.ｌ.　　　 
　　　　 ./ 　!――′ .ｌ　　　 ./ . ﾞ‐'―‐′ ｌ.　　 
　　　　./　i''''''''''''''''''､ . ｌ　　./　,i'''''''''''''''''ｯ　.ｌ　
　　　../　/ 　　　　　 ｌ　.ｌ. ../　/ 　　　　　.ｌ　 ｌ　　 
　　　.―"　　　　　　 .ゝ‐!┴‐′　　　　　 .ゝ‐′

プログラムコードであることを示す

↑

<code>～</code>で囲む事によって、それらの文字がコードであることが示されます。

一般的に、このタグの中の文字は等幅フォントで表示されます。

中の空白や改行をそのまま表示させたい場合はこのタグをpreタグで囲んでください。

ソースコード	表示結果
<pre> <code> try { throw new NullPointerException( "ぬるぽ" ); } catch ( Exception e ) { System.out.println( e ); System.out.println( "ガッ" ); } </code> </pre>	`try { throw new NullPointerException( "ぬるぽ" ); } catch ( Exception e ) { System.out.println( e ); System.out.println( "ガッ" ); }`

削除された部分を示す

↑

文字を<del>～</del>で囲む事によって、それらの文字が削除されている事を示す事が出来ます。

通常、それらの文字には打ち消し線が引かれます。

ソースコード	表示結果
<p>NHKとは、<del>日本引きこもり協会</del>日本放送協会の略である。</p>	NHKとは、~~日本引きこもり協会~~日本放送協会の略である。

del要素は内容が打ち消されたものである事を明示する要素です。ただ打ち消し線を引くだけの場合はCSSのtext-decorationプロパティを使用してください。

またdel要素はブロックレベル要素にも、インライン要素にも用いる事が出来ます。

追加された部分を示す

↑

文字を<ins>～</ins>で囲む事によって、それらの文字が後から追加されたものであることが示されます。

通常それらの文字には下線が引かれますが、ブラウザによっては自動リンクが張られる単語に下線が引かれません。環境によっては見栄えが悪くなるので、このタグは使用しないほうがよいかもしれません。

ソースコード	表示結果
<p>日本の人口は2005年10月1日時点で1億2776万7994人<br><ins>追記:2012年4月1日現在、1億2665万9683人に減少</ins></p>	日本の人口は2005年 10月1日時点で1億2776万7994人追記:2012年 4月1日現在、1億2665万9683人に減少