HTMLにページアイコン（ロゴ）を設定する方法

HTML では、リンク タグを使用してページ アイコンを設定できます。先頭に「」コードを追加するだけです。ページのタグ これだけです。

このチュートリアルの動作環境: Windows 7 システム、HTML5 バージョン、Dell G3 コンピューター。

素材を用意する

1. 32px*32pxサイズのicoアイコンを用意します。

2. 開発環境を準備します。

作り始める

Web ページの ico アイコンの設定は、実際には比較的簡単で、ページの head タグにコードを 1 行追加するだけです。 <link rel="shortcut icon" href="favicon.ico">、このコード行は非常に単純に見えますか?

使用例は次のとおりです:

<!--声明文档内容为html-->
nbsp;html>
<!--设置语言为英文-->


    <!--设置文档默认编码-->
    <meta>
    <!--网页的title-->
    <title>系统首页</title>
    <!--设置ico图标-->
    <link>


<p>Hello World</p>

ブラウザでページを更新し、下の図のような効果が表示されたら、おめでとうございます。この一連の作戦は成功しました。

説明:

link 要素は、HTML ページの外部にリソース ファイルを導入するために使用できます。 Web 開発プロセス中、開発者は link を使用して CSS ファイルをページに導入します。もちろん、link を使用して ico アイコンを設定することもできます。

rel: 参照するリソースの種類を示します。

href: リソースを指す URL を示します。コード中の

<link rel="shortcut icon" href="favicon.ico">, rel="shortcut icon" は固定の書き方です方法 。デフォルトの場合、この属性は ico アイコンの正しい表示に影響します。 したがって、この属性を忘れずに記述する必要があります。 わかりやすく言うと、このコード行は、ico 形式のアイコンの導入を支援するようにブラウザーに指示します。リソースのアドレスは href にあります。

推奨チュートリアル: 「html ビデオ チュートリアル 」

以上がHTMLにページアイコン（ロゴ）を設定する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。