Technology

[HTML] HTMLで最初に書くべきタグ

2021-01-16

HTMLを書き始めるために、最初に必要なタグの備忘録。

HTMLを書き始めるには、下記のタグが必要。

<!DOCTYPE html>
<html>
 <head>
  <title>ページのタイトル</title>
  <meta charset="UTF-8">
 </head>
 <body>
   <h1>Hello World!</h1>
 </body>
</html>


<!DOCTYPE html>

<!DOCTYPE html>のことをドキュメントタイプという。

HTMLのバージョンを宣言するために使う。

HTMLタグを書く前に、必ずこのタグを記述している必要がある。


<head></head>

HTMLファイルに関してのさまざまな情報を記述する。

主に<meta>タグ、<link>タグなどが記述され、ここに書く情報はウェブサイトには表示されない。


<body></body>

実際にウェブサイトに表示される部分を記述する場所。

<h1>タグ、<p>タグ、<img>タグなどがここには入る。


CSSやjavascriptを使いたい時

<head></head>内に、下記のようにリンクを埋め込む。

<!DOCTYPE html>
<html>
 <head>
  <title>ページのタイトル</title>
  <meta charset="UTF-8">
 <!-- CSS -->
 <link rel="stylesheet" href="cssファイル名.css">
 <!-- javascriptファイル -->
  <script type="text/javascript" src="javascriptファイル名.js"></script>
 <!-- jQuery -->
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
 </head>
 <body>
   <h1>Hello World!</h1>
 </body>
</html>

-Technology