HTML
 Computer >> コンピューター >  >> プログラミング >> HTML

HTML に著作権記号を挿入する:迅速かつ信頼性の高い方法

©または ©記号は HTML の著作権標識を表します。これらのシンボルを使用すると、Web ページに著作権標識を埋め込むことができます。著作権記号はほとんどのキーボードには表示されないため、HTML シンボル コードを使用する必要があります。

HTML には、たとえ表示されたとしても、必ずしもキーボード上で簡単に見つけられるとは限らない記号やエンティティが含まれています。これは、コンピューター上で使用できる記号が何百も存在するためです。キーボードには、すべての記号を表すために何百ものキーがあることになります。

この記事では、さまざまなショートカットを使用して HTML で著作権記号を作成する方法について説明します。

© を使用して HTML 著作権記号を作成できます。または ©シンボルコード。これらは多くの場合、段落内で囲まれます。アンパサンドは、Web ページに特殊文字を埋め込むことを示します。

著作権記号の構文は次のとおりです。

<p>© 2020 Career Karma</p>

これにより、次のテキストが表示されます:

© を使用して同じ目的を達成することもできます。アンパサンドとセミコロンを指定する必要があります。そうしないと、著作権記号が Web ページに埋め込まれません。これは、© と © が特殊な HTML 文字であるためです。

Web ページを作成するときは、作成したものの所有権を主張することをお勧めします。これにより、あなたの作品が法的に保護されます。所有権を主張するには、フッターに著作権表示を使用して、あなたまたはあなたのクライアントの素材を保護します。所有権の主張を明確にするために、著作権マークを使用することもできます。

著作権 HTML リファレンス

次の表は、コード内で HTML 著作権記号を作成するさまざまな方法を示しています。

HTML に著作権記号を挿入する:迅速かつ信頼性の高い方法

Windows または Mac マシンには、実際のキャラクター自体を作成するためだけに使用できる特別なショートカットがあります。 Windows では Alt + 0169 で著作権文字 (©) が取得されますが、Mac では Option + G です。

HTML エンティティ名または番号を使用して特殊文字を作成します。ラップ&コピー;または ©一連の タグ内に入力しても、同じ結果が得られます。

著作権シンボルの HTML の例

著作権記号を使用する一般的な場所はフッターです。フッターに表示される著作権表示を書きましょう:

<footer>
 <p>Created by Career Karma. © 2020</p>
</footer>

HTML の

タグは、Web ページのフッターを作成していることをコードに伝えます。そのフッター内に HTML

タグを指定しました。

タグには、テキストと著作権記号が含まれています。コードは次のように表示されます:

Created by Career Karma. © 2020

著作権シンボルが正常に作成されました。

コード内での HTML 著作権記号の使用

HTML 著作権記号の完全な例を見てみましょう。

<!DOCTYPE html>
<html>
 <head>
 <meta charset="utf-8">
 <meta name="viewport" content="width=device-width">
 <title>repl.it</title>
 <link href="style.css" rel="stylesheet" type="text/css" />
 <style>
 body {
 font-family: Arial
 }
 table, th, td {
 border: 1px solid black;
 border-collapse: collapse;
 }
 th, td {
 padding: 15px;
 }
 table, footer {
 margin: 20px auto;
 text-align: center;
 }
 tr:nth-child(even) {
 background-color: #dddddd;
 }
 span {
 color: blue;
 }
 </style>
 <script>
 function todayDate(){
 var d = new Date();
 var n = d.getFullYear() + " ";
 return document.getElementById("date").innerHTML = n;
 }
 </script>
 </head>
 <body onload=todayDate()>
 <table bordered>
 <tr>
 <th>Option</th>
 <th>shortcut or syntax</th>
 </tr>
 <tr>
 <td>Windows</td>
 <td>Alt + 0169</td>
 </tr>
 <tr>
 <td>Mac</td>
 <td>option + G</td>
 </tr>
 <tr>
 <td>HTML Entity Name</td>
 <td><span>&lt;span></span>&amp;copy;<span>&lt;span></span></td>
 </tr>
 <tr>
 <td>HTML Entity Number</td>
 <td><span>&lt;span></span>&amp;#169;<span>&lt;span></span></td>
 </tr>
 
 </table>
 <footer>
 &copy; <em id="date"></em>Career Karma
 </footer>
 </body>
</html>

フッター HTML コードの最後から 4 行目に著作権記号を使用します。それらすべてをうまく機能させる方法を切り替えてください。

結論

HTML 著作権記号は © で表されます。または©。この文字がキーボードに表示されていない場合は、このコードを使用して、著作権記号を Web ページに埋め込むことができます。

HTML と Web 開発者になる方法についてもっと知りたいですか?完全な HTML の学習方法ガイドをご覧ください。このガイドには、HTML の学習に関する専門家のアドバイスと、主要なオンライン学習リソースのリストが記載されています。


  1. HTMLDOM入力日付オートフォーカスプロパティ

    HTML DOM入力日付オートフォーカスプロパティは、入力日付が最初のページ読み込みにフォーカスされるかどうかを設定/返します。 構文 以下は構文です- ブール値を返す-true/false inputDateObject.autofocus オートフォーカスの設定 booleanValueへ inputDateObject.autofocus = booleanValue ブール値 ここでは、「booleanValue」 次のようになります- booleanValue 詳細 true 入力がページの読み込み時に自動フォーカスされることを定義します。

  2. HTMLDOMスタイルのflexWrapプロパティ

    HTML DOMスタイルのflexWrapプロパティは、flex要素内の要素がどのようにラップされるかを指定するために使用されます。 以下は、-の構文です。 flexWrapプロパティの設定- object.style.flexWrap = "nowrap|wrap|wrap-reverse|initial|inherit" 上記の特性は次のように説明されます- 値 説明 nowrap これは、フレキシブルアイテムがラップしないことを指定するデフォルト値です。 ラップ これは、必要に応じて柔軟なアイテムをラップすることを指定します