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">

言語コードは日本語「ja」
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タイプ
テキスト.txttext/plain
HTML文書.htm .htmltext/html
XML文書.xmltext/xml
JavaScript.jstext/javascript
VBScript.vbstext/vbscript
CSS.csstext/css
GIF画像.gifimage/gif
JPEG画像.jpg .jpegimage/jpeg
PNG画像.pngimage/png
CGIスクリプト.cgiapplication/x-httpd-cgi
Word文書.docapplication/msword
PDF文書.pdfapplication/pdf

文字コード

文字コードとは
文字や記号一つ一つに割り当てられた数字のこと。
日本語では、「UTF-8」以外に
UTF-16」「Shift_JIS」「EUC-JP」などが多く使用されている。
迷った時は「UTF-8」を使えば良い。

説明文

<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" />

xml宣言

<?xml verssion="1.0" encoding="UTF-8"?>

Internet Expirer 6では
xml宣言を指定することでCSSの解釈に問題が出るため、
現段階では削除しておきます。