link4060 link4061 link4062 link4063 link4064 link4065 link4066 link4067 link4068 link4069 link4070 link4071 link4072 link4073 link4074 link4075 link4076 link4077 link4078 link4079 link4080 link4081 link4082 link4083 link4084 link4085 link4086 link4087 link4088 link4089 link4090 link4091 link4092 link4093 link4094 link4095 link4096 link4097 link4098 link4099 link4100 link4101 link4102 link4103 link4104 link4105 link4106 link4107 link4108 link4109 link4110 link4111 link4112 link4113 link4114 link4115 link4116 link4117 link4118 link4119 link4120 link4121 link4122 link4123 link4124 link4125 link4126 link4127 link4128 link4129 link4130 link4131 link4132 link4133 link4134 link4135 link4136 link4137 link4138 link4139 link4140 link4141 link4142 link4143 link4144 link4145 link4146 link4147 link4148 link4149 link4150 link4151 link4152 link4153 link4154 link4155 link4156 link4157 link4158 link4159 link4160 link4161 link4162 link4163 link4164 link4165 link4166 link4167 link4168 link4169 link4170 link4171 link4172 link4173 link4174 link4175 link4176 link4177 link4178 link4179 link4180 link4181 link4182 link4183 link4184 link4185 link4186 link4187 link4188 link4189 link4190 link4191 link4192 link4193 link4194 link4195 link4196 link4197 link4198 link4199
トップページ > IT, Internet > ブログを早く書く工夫。HTMLを辞書登録する

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

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

ブログを書いているときに思考を一時停止させてしまうのが、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」タグは非推奨要素なので、こうしてスタイル指定します。あまりブログ上で使うことはないでしょうけどね。


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

ジェット☆ダイスケ

ジェット☆ダイスケ
愛場大介/ジェット☆ダイスケ
昭和生まれの古い男がこのブログを地味に更新しつづけております。趣味はブログです。 ツイッターIDは @jetdaisukeです。 また、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 交換レンズ編

最近のエントリー