Webデザイナー応用制作ユニット 初日
!DOCTYPE宣言
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/TDT/xhtml1-transitional.dtd"> |
ってことは毎日手打ちの練習をしないと!!
パソコンがなくても出来る練習です。。
html要素 名前空間
<html xhtml="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja"> |
MIMEタイプと文字コード
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> |
MINEタイプ
Webの世界では拡張子という概念と、
もうひとつ『MIMEタイプ』という概念があります。
MIMEタイプとは「タイプ名/サブタイプ名」の形式の文字列で、
WEBサーバーとWEBブラウザの間は
このMIMEタイプを用いてデータの形式を指定しています。
例えばMIMEタイプには以下のようなものがあります。
ファイル形式 | 一般的な拡張子 | MIMEタイプ |
---|---|---|
テキスト | .txt | text/plain |
HTML文書 | .htm .html | text/html |
XML文書 | .xml | text/xml |
JavaScript | .js | text/javascript |
VBScript | .vbs | text/vbscript |
CSS | .css | text/css |
GIF画像 | .gif | image/gif |
JPEG画像 | .jpg .jpeg | image/jpeg |
PNG画像 | .png | image/png |
CGIスクリプト | .cgi | application/x-httpd-cgi |
Word文書 | .doc | application/msword |
PDF文書 | application/pdf |
説明文
<meta name="descriotion" content="〜ページの内容説明の文章〜" /> |
検索サイトの検索結果表示のページの内容説明をして表示される。
この指定を行わない場合には、
ページ内の文章がコメントとして使用されるようです。
全角100字以内にまとめると良い。
キーワード
<meta name="keywords" content="〜キーワード1,キーワード2〜," /> |
検索サイトで検索対象となるキーワードになる。
キーワードを複数入れる場合は、
半角のカンマ( , )で区切って記述する。
重要度が高い順に記述する。
キーワードは5個くらい、
それ以上記述しても検索対象から無視されてしまう。
「css」と「JavaScript」を予め指定
<meta http-equiv="Content-Style-Type" content="text/css" /> <meta http-equiv="Content-Script-Type" content="text/javascript" /> |