基礎訓練web講座 6日目。
今日から《CSS》。はじめての内容がガツーンとたくさんで、上手く消化出来ていない私。
365歩のマーチ(古っ!)のように少しずつ前進できると祈りつつ…
■ DTD(Document Type Definition文書型定義)
◎HTML4.01 Transitionalの場合
< !DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
◎XHTML1.0 Transitionalの場合
< ?xml version="1.0" encoding="UTF-8"?>
< !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
と、記述するべし。
HTML4.01にはルールがあり自由度が低く、XHTML1.0は独自に指定した要素(metaやXML等)を追加でき、自由度が高い。
ちなみに、
< ?xml version="1.0" encoding="UTF-8"?>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja">
の文章はDreamweaverやホームページビルダーでは記述されないので、手打ちをすること。
◎HTML5
IEがうまく対応しない言語。HTML4.01とXHTML1.0の両方が理解出来ていないと難しい言語。
■ meta要素
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<meta http-equiv="Content-Script-Type" content="text/javascript" />
※ http-equiv属性=equivはイコールの意味。
この文章もDreamweaverやホームページビルダーでは記述されないので、3種セットで手打ちをすること。
meta要素はあまり入れすぎるとNGとのこと。
■ robots.txt
個人情報を扱うECサイトなどで、SEOに検索されないようにするためのもの。
indx.htmlと同一階層に置いて使用する。
その他、
- HTMLとCSSのチェック機能のアプリとHPを使ってみる
- web上での色の表示方法=#000000(16進数)
- illustratorの複合パスとクリッピングパス
について… と盛りだくさんの授業でした。