meta要素の役割
headタグの内部に配置し、HTMLドキュメントのメタ情報を記述します。name属性により、その役割を定義しますが、一般的なメタ情報は、description(ページ説明)、keywords(ページのキーワード)、viewport(ページの表示仕様)などです。
よくあるmetaフィールドの例
一般的には、charset, description, viewport は書いておいたほうがよいでしょう。keywordsは、記述しても良いですが、Googleなどの一般的な検索エンジンがこのフィールドを利用することはありませんので、特別な理由がなければ、書かなくてもよいでしょう。
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="description" content="HTMLタグの使い方を完全ガイド"> <meta name="keywords" content="HTML,CSS,tag,reference"> <meta name="viewport" content="width=devide-width,initial-scale=1,user-scaleble=0"> </head> <body> ... </body> </html>
metaタグで利用可能な属性
この要素で利用可能なタグ属性とその値についてです。
Attribute | Value | Description |
charset | 文字コード | 文字コードを設定します。utf-8でファイルを作成し、この値に「utf-8」と記述するが一般的ですが、開発環境の理由で、shift-jisや、 euc-jpなどを設定する事があります。(テキストエディタによっては、保存時の文字コードを選択できます。) |