• HOME > 
  • HTML > 
  • HTMLでコピーライトを表記する方法【特殊文字で記号を表示さ...

HTMLでコピーライトを表記する方法【特殊文字で記号を表示させる】

投稿日:

このページにはGoogleアドセンス広告とアフィリエイト広告が含まれています。

カテゴリー記事のアイキャッチ画像

本記事は執筆時点(2020年12月08日)の情報をベースにしております。掲載している情報が最新ではない可能性がありますので何卒ご容赦ください。

広告
広告

コピーライトとは?

コピーライトとは著作権を示し、あらゆる制作物に対してその著作権を誰が有するのかを明記するものです。

コピーライトの例

コピーライトの表記に必要なもの

コピーライトを表記する際には次の3つが必要とされています。

  • 「Copyright」もしくはコピーライト記号「©」
  • 著作権の所有者の名称
  • 著作権の発行年

Webサイトにおけるコピーライト

Webサイトにおいてコピーライトは必ず記載しなくてはならないものではありませんが、実際にはほとんどのサイトでしっかりと明記されているのではないでしょうか?

(作品を公開した時点で自動的に著作権は発生しますので、コピーライトを表記していないからといって、そのサイトが著作権を放棄しているということにはつながりません。)

Webサイトでは、所有者はサイトタイトルや運営者名、発行年はサイトの公開年とすることが多く、サイトの一番下の部分(フッター)に記載することが一般的です。

Webサイトにおけるコピーライトの記載例

HTMLによるコピーライトの表記の仕方

Webサイトにコピーライトを記載するとなると当然ながらHTMLで記述しなくてはなりません。

その際の注意点としては次の2点が挙げられます。

  • smallタグを使う
  • コピーライトの記号を表示させる時は専用コードを使う

smallタグを使う

HTMLでコピーライトを表記する際には、h1~h6やpタグ等ではなく「smallタグ」を使うことが一般的です。

smallタグは注釈などに使用するHTMLタグで、小さな文字で表示されます。主にコピーライトや免責事項を表記する際に用います。

次のように記述します。

HTML

<small>Copyright 20XX 株式会社サンプル</small>

特殊文字の専用コードでコピーライトの記号を表示させる

コピーライトの表記においては、「Copyright」と文字で記載しても「©」コピーライト記号を用いてもどちらでも良いとされています。

Webサイトでコピーライト記号を使用する際は、どのブラウザでも正しく表示されるように特殊文字として専用の文字コードを用いて記述することが一般的です。

HTMLでコピーライトを表示させるには次のように記述します。

コピーライト記号のコード

先程のsmallタグと合わせると次のようになります。

HTML

<small>&copy; 20XX 株式会社サンプル</small>

まとめ

以上がHTMLでコピーライトを表記する方法です。

コピーライトを記載したからといって自身のサイトのコンテンツの無断転用を完全に防ぐことはできませんが、少なからず抑止効果はあると思いますので忘れずに表記しておきましょう。

広告
広告

関連する記事

サムネイル

HTMLのpicture要素とsourceタグの使い方【レス……

2024年11月07日
picture要素を使った画像の表示について備忘録としてまとめます。 picture要素とは? HTMLのpicture要素は、様々な画面サイズやブラウザに合わ […]
サムネイル

video要素とsource要素で画面サイズに応じて読み込む……

2024年09月19日
最終更新日:2024年11月07日
HTMLのsource要素とは? HTMLのsource要素は、video要素やpicture要素の子要素として複数のメディアソースを指定したいときに使う要素で […]
サムネイル

HTMLのテキストボックスにクリアボタンを実装【inputの……

2024年09月04日
inputのtype属性を「search」にすれば自動的にクリアボタンが表示されます。簡単ですがデザインはブラウザに依存しておりカスタマイズはできません。JSを使って処理を自作する方法は、HTML・CSS・JSに関するある程度の知識が必要ですが、自由にカスタマイズできます。
サムネイル

HTMLのinputのdateで日付の入力欄を作る【初期値や……

2023年10月01日
最終更新日:2023年09月28日
HTMLのinputタグのtype属性にdateを指定すると、フォームなどに日付の入力欄を設置することができます。
サムネイル

ブラウザキャッシュを回避するCache Bustingの方法……

2023年09月01日
Cache Busting(キャッシュバスティング)とはキャッシュを利用せずに読み込みするように指定することです。
サムネイル

HTMLのdatalistタグの使い方【文字入力とプルダウン……

2023年08月08日
HTMLのdatalistは、テキストボックスとセレクトボックスを組み合わせたような入力欄を作ることができるタグです。一見普通のテキストボックスですが、クリックすると用意した入力候補が表示されます。
サムネイル

HTMLでラジオボタンを作成する方法【初期値の設定・チェック……

2023年08月08日
HTMLのinputタグのtype属性にradioを指定すると、フォームなどにラジオボタンを設置することができます。複数の選択肢の中からどれかひとつをユーザーに選んでもらいたい時に使用します。