ぴっぴのはてなブログでアフィリエイト

ブログ初心者ぴっぴが、はてなブログでアフィリエイトに挑戦中。

はてなブログの打消し線の使い方【スマホアプリでも使用可】

はてなブログで打消し線の使い方

記事の種類 はてなブログの使い方
SEO対策 関係なし
SXO対策 やや関係あり
難しさ かんたん
重要さ あまり重要ではない
※こちらの記事は次のような方に対して書きました°˖☆◝(⁰▿⁰)◜☆˖°

ぴっぴ(@hiyoko_no_pippi)です!

今回は、はてなブログで打消し線を使う方法を紹介します。

打消し線の設置
  1. 打消し線を引きたいテキストを指定する
  2. 打消し線ボタンを押す
  3. 打消し線が表示される
見たままモードの打消し線タグ

<p><span style="text-decoration: line-through;">打消し線を引きたいテキスト</span></p>

HTML編集の打消し線タグ

<p><span style="text-decoration: line-through;">打消し線を引きたいテキスト</span></p>

はてな記法の打消し線タグ

<s>打消し線を引きたいテキスト</s>

<del>打消し線を引きたいテキスト</del>も使える

markdownの打消し線タグ

<s>打消し線を引きたいテキスト</s>

<del>打消し線を引きたいテキスト</del>も使える

打消し線の使い方

「公開したいけど公開すべきでない情報」に使う

打消し線を引いた古い情報と新しい情報の比較に使う

このように打消し線は難しいものではありません。

打消し線は、記事で値段を効果的に見せたい方にオススメの機能です。

この機会に「はてなブログ」の打消し線の使い方を覚えて、情報を伝えられるようになってくださいね。

ぴっぴのプロフィールカード

はてなブログで打消し線を使う方法

はてなブログの打消し線引き方

はてなブログのテキスト打消し線を引く方法は、次のとおりです。

  1. 打消し線を引くテキストを指定する
  2. 打消し線ボタンを押す
  3. 打消し線が表示される

このように「はてなブログ」の打消し線を引く方法は、とても簡単です。

HTML編集は後述のコードを入力しても構いません。

しかし、見たままモードに切り替えてボタンを押す方が簡単ですよ。

詳細は次をご覧ください。

STEP
打消し線を引くテキストを指定する
打消し線を引きたいテキストを指定する
打消し線を引きたいテキストを指定します。
STEP
打消し線ボタンを押す
打消し線ボタンを押す
打消し線ボタンを押してください。
STEP
打消し線が表示される
打消し線が表示される
ボタンを押すと、打消し線が表示されます。

はてなブログで使わている打消し線タグ【要注意】

はてなブログの打消し線タグ

はてなブログで使われている打消し線は、編集モードによって違います。

見たままモードの打消し線タグ

<p><span style="text-decoration: line-through;">打消し線を引きたいテキスト</span></p>

HTML編集の打消し線タグ

<p><span style="text-decoration: line-through;">打消し線を引きたいテキスト</span></p>

はてな記法の打消し線タグ

<s>打消し線を引きたいテキスト</s>

<del>打消し線を引きたいテキスト</del>も使える

markdownの打消し線タグ

<s>打消し線を引きたいテキスト</s>

<del>打消し線を引きたいテキスト</del>も使える

このように編集モードによって、打消し線のタグは違います。

ところで、Sタグは古いHTML要素です。

そのため、SタグはHTML4とXHTML1では非推奨で、HTML5では廃止されています。

また、Sタグは「取り消し線を引く」という意味しか持っていません。

もしも「削除されたテキスト内容」という意味をつけたいなら、deタグを使ってくださいね。

打消し線の基本的な使い方

打消し線の基本的な使い方

打消し線には2つの使い方があります。

それは「公開したいけど公開すべきではない情報」と「古い情報と新しい情報の比較」です。

これらに打消し線を使います。

打消し線の使い方 使用例
公開すべきでない情報 ワードプレス使ってもアクセスは増えない使ってアクセスを増やしましょう
古い情報と新しい情報の比較

税込価格2200円1980円

はてなブログの打消し線の使い方まとめ

はてなブログの打消し線の使い方まとめ

今回は、はてなブログの打消し線を使う方法を紹介しました。

打消し線の設置
  1. 打消し線を引きたいテキストを指定する
  2. 打消し線ボタンを押す
  3. 打消し線が表示される
見たままモードの打消し線タグ

<p><span style="text-decoration: line-through;">打消し線を引きたいテキスト</span></p>

HTML編集の打消し線タグ

<p><span style="text-decoration: line-through;">打消し線を引きたいテキスト</span></p>

はてな記法の打消し線タグ

<s>打消し線を引きたいテキスト</s>

<del>打消し線を引きたいテキスト</del>も使える

markdownの打消し線タグ

<s>打消し線を引きたいテキスト</s>

<del>打消し線を引きたいテキスト</del>も使える

打消し線の使い方

「公開したいけど公開すべきでない情報」に使う

打消し線を引いた古い情報と新しい情報の比較に使う

ちょっと使いどころが難しい打消し線ですが、上の表のように使い方は非常に簡単です。

この機会に打消し線の使い方を覚えて、正確に情報を伝えられるようになってくださいね。