Entries


上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

-件のコメント

コメントの投稿

新規

※設定NGワードは『http』です

投稿した内容は管理者にだけ閲覧出来ます

-件のトラックバック

トラックバックURL
http://pugiemonn.blog6.fc2.com/tb.php/1119-1856a56a

htmlで全角スペースと半角スペースの字下げ基本ルール


アスキーアートの編集をしていて今さら知ったことがあります.

アスキーアートはほぼ絵みたいなものですので,絵以外の部分はスペースを入れてあげる必要があります.実際のアスキーアートはほとんどがスペースで構成されています.
                       /7、
                      // `)
               .      //  (
           ____     .//   `ヽ、   なんか釣れたおっ!
         /⌒  ⌒\   //      \
       /( ●)  (●)\ //.        ',   不味そうだけど今夜の晩飯にするおっ
      /::::::⌒(__人__)⌒ノ彡手、     .  
      |     |r┬-| / て(_.ノ         ',
      \      `ー/ ///           ',
       /    ../ / //       .    .. ) . ____
                              ./  /_ノ三ヽ、\
                             .(_./(○)Ξ(○ ).\  
                             /\,.(__人__)    . \
   .                          |   `フゞ〈    ノ(   |
 .                            \ ..ノ⌒ヽゞ  .. ⌒ /

例,アスキーアートはスペースだらけ(このAAに特別な意味はありません)

スペースがうまく表示されないので調べてみると,スペースを有効にするにはHTMLのルールに従う必要があるということが分かりました.決まりは簡単で半角スペースの連続は無視されるというルール,そして行の頭は半角スペースが無視されるというルールです.

実際に書いて試してみましょう.以下の例をご覧ください.
test//行の頭に半角スペースを一つ
test//行の頭に半角スペースを二つ
 test//全角スペースを一つ
  test//全角スペースを一つと半角スペースを一つ
  test//全角スペースを一つと半角スペースを二つ
  test//全角スペースを一つと半角スペースを三つ
   test//全角スペースを一つと半角スペースを一つとさらに全角スペース一つ

書いてみると半角スペースと全角スペースがHTMLでどう表示されるかが一目瞭然です.素晴らしいですね.

そういえば思い出してみるとSNSやブログのコメント欄もこういう仕様になっていますね.一応株AA日記みたいなアスキーアートサイトをやってるのに知らなかったとは驚きです.

何故今まで気付かなかったかというと,そもそも日本語の文章を打つときに全角スペースしか打っていなかったし,コーディングをするときには半角スペースしか使わないというように,うまく(知らず知らずに)使い分けていたのでしょう.デザインなんかはスタイルシートを使えば当然スペースの出番なりません.そしてアスキーアートを編集するときは全角スペースと半角ピリオドを使っていました.

一応たまにネットのことを詳しい振りをしているので,基本を知らなかったのは本当にショックでした.

2ちゃんねる AA大辞典2ちゃんねる AA大辞典
(2003/02/28)
まるへそ太郎2ちゃんねる

商品詳細を見る

0件のコメント

コメントの投稿

新規

※設定NGワードは『http』です

投稿した内容は管理者にだけ閲覧出来ます

0件のトラックバック

トラックバックURL
http://pugiemonn.blog6.fc2.com/tb.php/1119-1856a56a

Appendix

プロフィール

川崎修

  • Author:川崎修
  • インターネット大好き!
    調布周辺で自宅警備してます



    メール:pugiemonn@gmail.com
    skype:pugiemonn
    twilog:Twilog
    mixi:mixi
    facebook:facebook
My Profile by iddy
FC2ブログ

カレンダー

04 | 2017/05 | 06
- 1 2 3 4 5 6
7 8 9 10 11 12 13
14 15 16 17 18 19 20
21 22 23 24 25 26 27
28 29 30 31 - - -

最近の記事

Twitter

コミュニティ

ブログ内検索

ブロとも申請フォーム

この人とブロともになる

Adsense

月別アーカイブ

はてぶ数

上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。