[Å]感激っ!Dreamweaver 「Ctrl+T、T、T」でタグ編集/タグ追加が楽になる!

こんにちは、一期一会のアカメ(@mk_mizuho)です❦ ショートカットキーって知ってると押すけど、知らないと一生押すことない不思議なものです。Dreamweaverで「Ctrl+T」ではなく、「Ctrl+T、T、T」って押したことありますか?「Ctrl+T」には更に先があることを初めて知りました。タグ編集これで更にになりそうです!

「Ctrl+T、T、T」を使って既存のタグを任意のタグに置き換える!

既にマークアップしてしまったタグを別のタグに変更しなければならない時やプレーンテキストを流し込み後からタグ付けをしないといけない時に重宝する「Ctrl+T、T、T」です。では早速。

こんな感じにマークアップされていたとしましょう。

後からh1をh2タグに変更したくなった時にどうしますか?開始と終了タグのh1をh2に変えますよね?デリート押して、h2と入力。それを開始と終了タグ両方行う必要があるのでカーソルを動かし…また同じような事を入力。手間。やめましょう!

デザインビューを表示して変えたい所を反転させます。

デザインビューを表示して変えたい所を反転

その状態で「Ctrl+T、T、T」。Ctrlを押しながらTを3回クリックです。すると「タグの編集」というバーが表示されます。

「タグの編集」というバーが表示

そしてh1と書かれているところをh2に変更。

1回の入力でタグの置き換えが出来ました!デザインビューに直接打つってことはほとんどしないけど、上手く使えば時間短縮になるぞ。

1回の入力でタグの置き換え

ちなみにCtrl+Tは反転した場所をタグで囲むショートカット

今紹介したのはCtrlを押しながらTを3回押すものでしたが、1回押すだけでも便利なんです。これは実際今まで何回も使用。strongやspan、liとか結構使える。

例えばpタグ内のあるテキストにボールドをかけたい。囲みたいテキストを反転させます。

Ctrl+Tでタグで囲む

そして、「Ctrl+T」を押してみてください。「折り返しタグ」というバーが表示されます。

折り返しタグの中にくくりたいタグを入力(今回の場合はstrong)。

タグで囲まれる

「strong」と1回の入力で自動的に閉じタグまで入力されるスグレモノ!これは超便利ショートカットなのでぜひ。

最後に

Ctrl+tは知ってたけど、このショートカットには更に先があるなんて知らなかった。Ctrl+T、T、T!!知らないと絶対にTを2回も3回も押しませんから…あっ!ちなみにTを2回クリックでタグの挿入らしいです。こちらも良かったらお試しください。ショートカットは頭の片隅にでもないと押すことがない、そもそも押すという考えが生まれません。頭の片隅にこのショートカット入れておけばいつか幸せになれるかも。ではでは効率良いコーディングを!@mk_mizuhoをよろしくお願いします。

■ 同じカテゴリについてもっと読む

ブログ運営者をフォローする!

\ この情報を周りの人にも教える /

プロフィールあかめの画像
あかめAkame Mizuho
横浜在住。フリーランス。
食べ歩き / 旅行 / カメラ / WEBデザイン 好き。

プロフィール / お問い合わせ

個人アカウント(メイン)▼

ブログ公式アカウント▼