Webページ制作/HTML

Headタグに書くものを覚えよう(ド素人でも分かるWeb制作)

投稿日:2020年4月13日 更新日:

こんにちは、ハルネコです。

この記事ではheadタグの中に入れるものについて書いていきます。

【この記事を読んでほしい読者】

・HTMLを勉強し始めてすぐの人。

・これからHTMLを勉強する人。

【以下の人は読まないでください】

・すでにWebサイト構築をしている人

・HTMLを理解している人

■Headタグに書くものを覚えよう

<head>
    <meta charset="utf-8">
    <meta name="description" content="sampleのページです">
    <title>sample</title>
    <link rel="stylesheet" href="default.css">
    <link rel="stylesheet" href="pc.css" media="screen and (min-width: 1000px)">
    <meta name="viewport" content="width=device-width, initial-scale=1">    
</head>

【タグの解説】

<meta>

→Webページ自身の情報を示すためのマーク。

  (例)<meta charset=”utf=8″> 

     → 「このページはUTF-8で書かれています」と言う意味。

     <meta name=”description” content=”sampleのページです”

     →「このページの紹介文」と言う意味。

     <meta name=”viewport” content=”widt=device-width” , initial-scale=1″>

     →このページをスマホで見たときにも縮小表示しない為の設定。

<link>

→リンクを示しています。示したリンクを参照するためのマーク。

 head内では、Webサイトを表示したときに文字の大きさなどレイアウトを決める為の設定を呼び出すために使用。

-Webページ制作/HTML
-, ,

執筆者:


comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

CAPTCHA


関連記事

レンタルサーバー(Xerver)契約の手順【誰でもできる!】

レンタルサーバー(Xerver)契約の手順 このページは「ブログやホームページをはじめるのにレンタルサーバーを借りたいけど、借り方が分からない、もしくはやり方に不安がある」という方向けに書かれています …

HTML構文の全体像を覚えよう(ド素人でも分かるWeb制作)

こんにちは、ハルです。 このカテゴリでは、HTMLを勉強する人へ向けて、勉強を始めた過去の私自身に説明するように、基本からまとめていきたいと思います。 【この記事の対象者】  ・何も知らないところから …

ワードプレスを始める為の作業リストを作ってみました【初心者でも簡単】

この記事は次のような悩みを持つ人向けに書いてあります。 「ワードプレスでブログを始めてみたいけど レンタルサーバーやらドメインやら 専門用語が多くてよく分からない。 ネットやパソコンがド素人の私でも出 …