WEB関係

!DOCTYPE htmlとは?読み方や意味・使い方【HTML】

投稿日:

サイトをいじっていると必ず出てくる!DOCTYPE html。今回はこれについての備忘録。

!DOCTYPE htmlとは?

!DOCTYPE htmlとは、HTMLの文章の一番上に記載されています。こちらは、明確にはタグではなく「DOCTYPE宣言」「文章型宣言」と呼ばれています。作るサイトがHTMLのどのバージョンによって作成されたかを宣言するためのものです。(バージョンを指定)
現在はHYML5が主流なのでHTMLを作る際に!DOCTYPE htmlを記載します。

!DOCTYPE html読み方

!DOCTYPE htmlの読み方です。!DOCTYPEは「ドックタイプ」と読みます。
Document Type Definitionの略です。

!DOCTYPE htmlの使い方

!DOCTYPE htmlの使い方を紹介していきます。HTMLの上に書くだけでOK。

<!DOCTYPE html>
<html lang=”jp”>
<head>
    <meta charset=”UTF-8″>
    <meta name=”viewport” content=”width=device-width, initial-scale=1.0″>
    <title>Document</title>
</head>
<body>
</body>
</html>

 

イメージとしては今からHTML5で文章書くからな!!!という宣言。

まとめ

HTML5から勉強始めてよかった…前のバージョンだと色々大変そう。。。機会があったらHTML以前の勉強もしよう。

スポンサーリンク




スポンサーリンク




-WEB関係
-,

執筆者:


comment

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

関連記事

screenshot_2

ブラウザ(クローム)でのウェブサイトフルキャプチャ(スクショ)のやり方・撮り方

デザインを参考にしたいサイトがあったのでキャプチャしようとしたら結構面倒くさかったので備忘録。 Contents1 ブラウザ(クローム)でのウェブサイトフルキャプチャ(スクショ)のやり方・撮り方2 サ …

divタグの囲み枠をテキスト(文字)の幅に調節して修飾させる方法

サイトの修飾ってとても好き。けどなかなかうまく行かなくてイライラ☆ タイトルとかに色をつけたくてdivタグにカラーとか枠指定をすると、画面横いっぱいに色が広がってしまいますよね。 今回はちょうど修飾幅 …

circle_gizagiza (2)

【Illustrator】イラレで丸(円)をギザギザ・なみなみな感じにする方法

今回はIllustrator(イラレ)で円をギザギザ(ラフ)な感じにしていきたいと思います。 Contents1 イラレで丸(円)をギザギザ・ラフ(なみなみ)にした完成図2 作り方3 1:円を作成する …

wp_error

WPログイン画面でエラー(Cookieがブロック)が出る時の対策<SSLの設定にご注意を>

ある時、ログイン画面で下記のようなエラーがでてしまった。 「エラー: Cookie がブロックされているか、お使いのブラウザーで未対応のようです。WordPress を使うには Cookie を有効化 …

convenient _tool_3

背景画像の切り取り(削除)が一瞬で出来る無料サイトが最高なので綴る<remove.bg>

いきなりですが 無料で、背景画像が一瞬で切り取り(削除)が出来るサイトが最高でした。 フォトショとかで背景を切り取るするのって結構面倒くさい。ベジェ曲線も苦手。 画像加工の画像数が増えれば増えるほどめ …

背景画像

プロフィール画像

あさの まき

WEB関連の仕事をしている旅行と酒を愛してやまない女。 いい大人の雑記。

ツイッター

SPONSORED LINK