自動車関係のお仕事に5年間勤め、WEB業界に転職致しました。基本インドアです!InstagramTwitterContactサーバーとドメインの同時取得で.jpが無料シュウ今回は【HTML】del要素の使い方、削除になった内容に線を引こう!の解説になります!こんな方に読んでほしいHTMLを学び始めた方へHTMLについて学びたい方へ今回はdel要素(削除になった内容)について解説しております。左の図が、del要素を指定なしの場合は、通常通りのテキスト表示になります。右の図が、del要素を指定することにより、削除になった内容に線を引いてくれます。ChromeSafariFirefoxIEEdge[記事の内容]del要素についてcite属性(削除した内容についてのURL)についてdatetime属性(削除した日時)についてまとめdel要素についてdel要素とは、削除になった内容に線を引いてくれます。「del」とは、「delete(削除の意味を表す)」の略になります。削除前の記述を残すことで、ユーザーが削除の内容を理解しやすいメリットもあります。書き方は以下のようになります。12:00〜例2:〇〇〇〇サイトは、2021年4月1日をもって閉鎖します。/><b>例2:</b><del>〇〇〇〇サイトは、2021年4月1日をもって閉鎖します。削除した内容についてのURLを指定します。削除した日時を指定します。cite属性(削除した内容についてのURL)についてcite属性とは、削除した内容についてのURL(説明に関するページ)を指定します。ブラウザ画面では表示されません。開発者(記述者)が、後で見たときに分かりやすいようにする為です。cite属性について〇〇〇〇サイトは、2021年4月1日をもって閉鎖します。cite="http://sample.com/">〇〇〇〇サイトは、2021年4月1日をもって閉鎖します。</del>datetime属性(削除した日時)についてdatetime属性とは、削除した日時を指定します。今回は、「年月日」の指定のみでしたが、更に詳しく指定できます。例:2021-04-01T12:00:00年月日と時分秒Tで繋げます。例:2021-04-01T12:00:00+9:00UTC(協定世界時)とJST(日本標準時)の時差が9時間にたる為、「+9:00」を付けます。ブラウザ画面では表示されません。開発者(記述者)が、後で見たときに分かりやすいようにする為です。〇〇〇〇サイトは、2021年4月1日をもって閉鎖します。datetime="2021-04-01">〇〇〇〇サイトは、2021年4月1日をもって閉鎖します。</del>ポイント!今回は、del要素について解説しました。del要素は、削除になった内容に線を引いてくれます。似たような要素にs要素があります。s要素は、無効になった内容や、正確ではなくなった内容に取り消し線を引いてくれます。使い分けて使用しましょう。下記に関連記事を載せておきます。s要素の使い方s要素の使い方、無効になった内容に取り消し線を引こう!無効になった内容や、正確ではなくなった内容に取り消し線を引いてくれます。まとめ今回はこれで以上です。削除になった内容に線を引いてくれます。削除した内容についてのURL(説明に関するページ)を指定します。削除した日時を指定します。無効になった内容や、正確ではなくなった内容に取り消し線を引いてくれます。「削除する」という意味ではありません。内容を削除することを表す内容でしたら、del要素を使いましょう。自動車関係のお仕事に5年間勤め、WEB業界に転職致しました。趣味:サッカー観戦、ゲーム、映画、漫画基本インドアです!笑つくる、しあわせをテーマとして主にWEBに関する様々な情報を発信しています。自動車関係のお仕事に5年間勤め、WEB業界に転職致しました。