トップページ > IT, Internet > ブログを早く書く工夫。HTMLを辞書登録する
カスタム検索

ブログを早く書く工夫。HTMLを辞書登録する

IM(インプッドメソッド)によく使うHTMLを辞書登録すると便利



Clip to Evernote


ブログを書いているときに思考を一時停止させてしまうのが、HTMLタグの記述。ほとんどのブログではボタンをクリックするだけでタグを挿入する機能を備えていますが、タイプしているときにボタン操作が加わることで、書くリズムが損なわれることも多々あります。

そこで僕は、よく使いそうなHTMLタグ等を辞書登録しています。ブログ以外にもちょっとしたHTMLを記述する際にも使えますから便利です。

以下が、僕が実際に辞書登録しているものです。コピペして辞書登録しておくと良いでしょう。

■ りんく…
リンクは最も良く使うだけに、リンク挿入機能を備えてないブログはまずありませんね。それだけに「<a href="" target="_blank"></a>」としたり、title属性、name属性なども変換候補としておくと、辞書登録する意味も強まります。

■ がぞう…
画像に関してはブログにアップロードした際などにHTMLが発行されますけども、他所のサーバにあるものを貼付ける事も多々あるでしょうから、やはりこれも辞書登録すると便利です。

■ れふと…
主に画像を左寄せするときに使ってます。rightも登録しておくと良いですね。

■ くりあ…
左寄せ画像を解除するときに打ちます。右寄せもする人はleft部分をallに変えると良いでしょう。

■ いんよう…
引用を示すタグです。これもブログでは多用しますね。

■ すとろんぐ…
強調タグ。スタイルシートで太字や赤字の指定をしてやると見た目も分かり易くなります。

■ くぎり…
区切り線を表示する際に使います。

■ かせん…
下線です。「u」タグは非推奨要素らしいので、こうしてスタイルシートでアンダーラインを引いた方が良さそうです。これを都度打つのは手間なので、ぜひとも辞書登録されたし。

■ かいぎょう…
場合によっては改行コンバートが効かないので、改行のタグも出ると重宝します。

■ だんらく…
これも改行同様の理由で、辞書登録しておくと、いざというとき便利。

■ あまぞん…
これアフィリエイターには必須ですね、「〜」の部分に商品固有のASIN(アマゾンの各商品ページに書いてあります)番号を記入するだけでアフィリエイトリンクが完了です。例えばもすかうのCDは「B000BWAH8W」がASINです。URL中の「ASIN/」から次の「/」までの間にある文字列です。

■ りすと…
リストを手打ちするのって面倒なんですよね。<ul>だけでなく<ol>も登録しておくと良いでしょうね。

■ こめんと…
HTMLソース上にコメントを記すのみで、これはブログ本文の見た目には影響しませんけど、テンプレートいじるときなんかのためにも、あると便利ですよね。

■ こみだし…
見出しのレベルは 6段階ありますが、h1からh3くらいまではブログ上で多用されてるので、本文中の小見出しとしてはh4くらいが適当ではないかと思います。下手にh2やh3を本文中に入れてしまうと、タイトルや日付のスタイルシートが適用されてしまうこともありますから。

■ でかじ…
デカ字のことです。話の展開によって級数を上げるのはテキストサイトではよく見かけますが、ブログではむしろ文字を小さくしてナイショ話風にする方が多く見かけますよね。その場合はlargeの箇所をsmallにしておくと良いです。

■ あかじ…
赤字です。そもそも赤字や太字は強調を意味することが多いので、僕の場合はstrongタグをスタイルシートで赤字にしてます。まあこれは赤字というよりも色指定全般に応用して下さい。redと書いてある箇所を、blueやgreenなどに変えてもいいですし「#CC6600」といった具合に16進数で色指定もできます。

■ うちけし…もしくは
打ち消し線です。前者は、削除したという意味合い。後者は単に打ち消し線。※このページ下部、コメント欄のyuuさんの発言も読んでください。
厳密には以下URLにあるような感じです。
http://www.htmq.com/html/strike.shtml

■ いたりっく…
イタリック、つまり斜体文字です。「i」タグは非推奨要素なので、こうしてスタイル指定します。あまりブログ上で使うことはないでしょうけどね。


アマゾる?オンラインショップAmazonをとことん限界まで使いこなすこと
アマゾる?オンラインショップAmazonをとことん限界まで使いこなすこと

Amazon Hacks 世界最大のショッピングサイト完全活用テクニック100選
Amazon Hacks 世界最大のショッピングサイト完全活用テクニック100選

最新WebサービスAPIエクスプロ-ラ ~Amazon、はてな、Google、Yahoo! 4大Webサービス完全攻略
最新WebサービスAPIエクスプロ-ラ ~Amazon、はてな、Google、Yahoo! 4大Webサービス完全攻略



Clip to Evernote



投稿者 愛場大介(Daisuke AIBA / Jetdaisuke) : 2005年11月25日 10:36

コメント:

このエントリーのトラックバックURL:

このエントリーを参照してないトラックバックは削除する場合があります

Related Posts Plugin for WordPress, Blogger...

ジェット☆ダイスケ

ジェット☆ダイスケ
愛場大介ジェット☆ダイスケ
昭和生まれの古い男がこのブログを地味に更新しつづけております。趣味はブログです。 ツイッターIDは @jetdaisukeです。 そしてGoogle Plusはこちらにどうぞ。また、YouTubeのチャンネル登録はこちらからできます。

なんかいいアイテム


ナノ一眼 PENTAX Q の実力
iPhoneとも戦えるカメラ、ナノ一眼 PENTAX Q を購入しました
シャッター切るたび画調が変わる PENTAX Q のランダムなクロスプロセスが楽し過ぎるのだ
PENTAX Q トイレンズ比較 魚眼/広角/望遠
ペンタックスQのバッテリは、フジフイルム、コダックとも共通
ナノ一眼PENTAX Qをもう一台導入しまして
ナノ一眼 PENTAX Q でも星を撮影できた
PENTAX Q 動画モードについての感想

世界最小15倍ズームレンズB008とキヤノンEOS 60Dで大自然を撮ってみよう!
TAMRON 18-270mmF3.5-6.3 Di2 VC PZD B008
タムロン 18-270mmF3.5-6.3 Di2 VC PZD B008

バリアングル液晶でビデオ撮影も快適なデジイチ
Canon デジタル一眼レフカメラ EOS 60D
EOS 60D
レビュー記事:
EOS 60Dのバリアングル液晶はやっぱり動画撮りやすいです
キヤノン 一眼レフ EOS 60D を購入してみた

[地球圏最強の標準レンズ]
シグマ30mm F1.4レンズは企業プロモーションビデオにも使える優れもの
SIGMA 30mm F1.4 EX DC

Canon EFレンズ 50mm F1.8 II 最安の単焦点レンズを試す
Canon EFレンズ 50mm F1.8 II
[最安の超広角レンズ買うた]
タムロン超広角ズームレンズ TAMRON SP AF10-24mm F/3.5-4.5 Di II
TAMRON AF10-24mm F/3.5-4.5 DiIILD Aspherical
TAMRON AF10-24mm F/3.5-4.5 DiIILD

【EOS 関連記事】
キヤノンEOS Kiss X3関連で購入したアイテムまとめ1 純正品編
キヤノンEOS Kiss X3関連で購入したアイテムまとめ2 お役立ち編
キヤノンEOS Kiss X3関連で購入したアイテムまとめ3 交換レンズ編

最近のエントリー

AMN