WEBデザインの勉強

WEB制作初心者が1から勉強するブログ。

はてな記法

はてな記法とは

はてな記法」とは、はてなダイアリーを書く上で便利な機能を、
かんたんな記述で実現することができる記述法のことです。
はてな記法を使うと、難しい知識がなくても、見出しやリストといった、
ブログを書く上で便利な表現を簡単に行うことができます。
はてな記法一覧には、上記のサンプル以外にもたくさんの記法が記載されています。

http://d.hatena.ne.jp/guide/syntax


はてな記法一覧 - はてなダイアリーのヘルプ


見出し記法

 *見出し

h3を付ける

小見出し記法

 **見出し

h4をつける

小々見出し記法

 ***見出し

h5をつける

目次記法

[:contents]

見出しに合わせて自動で目次をつけてくれる

スーパーpre記法

ソースコードを色付けして記述する(シンタックス・ハイライト)

 >|ファイルタイプ|

ソース

 ||<

※「>||」「||<」は必ず行頭になるよう記述。

例:

 >|html|
 ||<

 >|javascript|
 ||<

 >|php|
 ||<

など

スーパーpre記法

HTMLなどのソースをそのまま表示する

 >||

ソース

 ||<

リスト記法

+リスト1
+リスト2
+リスト3
++リスト3-1
+++リスト3-1-1
-番号付きリスト1
-番号付きリスト2
-番号付きリスト3
--番号付きリスト3-1
---番号付きリスト3-1-1

「-」(半角ハイフン・マイナス)でulのliをつけることができる。
「+」(半角プラス)でolのliをつけることができる。
「-」や「+」を増やすとその数だけ深い階層にすることができる。

定義リスト記法

「:」(半角コロン)で始まり、「:タイトル:説明」という形式で書かれた行は
自動的に定義<dl>リストになります。

引用記法

引用ブロック(blockquote)を記述する

 >>

引用文

 <<

最初の『>>』の間にURLを記述するとリンク付きのアドレスが記述できる。

fotolife記法

はてなフォトライフにある画像を表示し、
様々な指定を行うことができる

wikipedia記法

[wikipedia:リンクさせたいウィキペディアの記事名]

google記法

[google:リンクさせたいGoogle検索結果の単語]

続きを読む記法

記事
 ====
続きを読むを押した後に見れる記事

関連記事

mmmmofu.hatenablog.com