入門書を片手に独習を始めたばかりで、早くもつまずいています。
以下作成し、検証サービスでも問題なし、と出ましたが、何度試しても文字デザインが反映されません。下例には大きさfont-sizeしか入っていませんが、フォント・色についても反映されませんでした。WindowsとMac、両方で試しましたが同じ状況です。
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0
Transitional//EN””http://www.w3.org/TR/xhtml1/DTD/
xhtml-transitional.dtd”>
<html xmlns=“http://www.w3.org/1999/xhtml”>
<head>
<meta http-equiv=“Content-type”
content=“text/html;charset=utf-8” />
<title>I love Paris</title>
<style type=“text/css”>
h1 {font-size: 0.75pix}
</style>
</head>
<body>
<h1>Paris</h1>
</body>
</html>
打ち慣れているキーボードがフランス語方式なのですが、いくつかの記号が出ないため、途中英語方式に変えたりしたのが悪いのかと思い、全て英語方式で書き直したりもしましたが状況は変わりません。キーボードの仕様はあまり関係ありませんでしょうか。
解決策を教えてくださるかた、よろしくお願いします。
No.2ベストアンサー
- 回答日時:
属性値を記述する時に使用出来るクォーテーションは、""と''です。
『すべての属性値を二重引用符(ASCII十進34)または単引用符(ASCII十進39)のどちらかを用いて 囲うよう求めている。( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html4 … )』
使われている“”ではありません。
サイズにpixはありません。意図は、0.75emだと思います。0.75pxじゃ見えません。
【引用】____________ここから
・in: インチ―1inは2.54cmに等しい。
・cm: センチメートル
・mm: ミリメートル
・pt: ポイント―CSSで用いるポイントは1inの1/72に等しい。
・pc: パイカ―1pcは12ptに等しい。
・px: ピクセル―1pxは0.75ptに等しい。
 ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ここまで[Syntax and basic data types - CSS 2.1 spec (ja)( http://momdo.s35.xrea.com/web-html-test/spec/CSS … )]より
★transitinalは、あくまで古いブラウザ用の後方互換です。
さすがにHTML5を控えた現在では、transitionalの必要はないでしょう。
『HTML文書を作る場合には、この仕様における、他のDTDセットではなく strict DTD に適合する文書を作るよう推奨する。( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html4 … )』
★XHTML1.0はHTML4.01をそのままXMLにしたものです。
HTMLは4.01で終了予定でしたが、時代は変わりHTML5が主流になりそう。なら、HTML4.01strict→HTML5のほうがスムーズ
>入門書を片手に独習を始めたばかりで、早くもつまずいています。
---余り良い物がありませんね。本当に!!・・仕様書を通読しておいたほうが良いですよ。
・HTML 4.01仕様書( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html4 … )
・CSS 2.1仕様書( http://momdo.s35.xrea.com/web-html-test/spec/CSS … )
そして
☆Another HTML Lint - Gateway( http://www.htmllint.net/html-lint/htmllint.html )
☆W3C CSS 検証サービス( http://jigsaw.w3.org/css-validator/#validate_by_ … )
サンプル
このままコピーペーストする。
★タブは_に置換してあるので戻す。
★Another HTML Lint - Gateway( http://www.htmllint.net/html-lint/htmllint.html )
でチェック済みのHTML4.01strict+CSS2.1 ウェブ標準
☆文字コードはUTF-8
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="ja">
<head>
_<meta http-equiv="content-type" content="text/html; charset=UTF-8">
_<title>サンプル</title>
_<meta name="author" content="ORUKA1951">
_<meta http-equiv="Content-Style-Type" content="text/css">
_<link rev="made" href="mailto:oruka1951@hoge.com" title="send a mail" >
_<link rel="START" href="../index.html">
_<style type="text/css">
<!--
html,body{margin:0;padding:0;}
h1{font-size:40px;}
h1,h2,h3,h4,h5,h6,p{margin:0;line-height:1.6em;}
div.header,div.section,div.footer{
_width:90%;min-width:470px;max-width:900px;
_padding:5px;margin:0 auto;
}
div.section{min-height:300px;position:relative;}
div.section div.section{width:auto;min-width:0;}
div.section div.section,
div.section h2,
div.section p{margin:0 170px;}
div.section div p{margin:0;}
div.section div.nav,div.section div.aside{position:absolute;top:0;width:160px;height:100%;font-size:0.9em;}
div.section div.nav{left:0;}
div.section div.aside{right:0;}
/* 色づけ */
body{background-color:silver;}
div.header{background-color:rgb(240,240,240);}
div.section{background-color:rgb(247,247,247);}
div.footer{background-color:rgb(200,200,247);}
div.nav{background-color:aqua;}
div.aside{background-color:rgb(255,200,200);}
-->
_</style>
</head>
<body>
_<div class="header">
__<h1>タイトル</h1>
__<p>このページでは・・・・</p>
_</div>
_<div class="section">
__<h2>見出し</h2>
__<p>・・・</p>
__<div class="section">
___<h3>見出し</h3>
___<p>・・・</p>
__</div>
__<div class="nav">
___<h3>ナビゲーション</h3>
___<ol>
____<li>・・・・</li>
____<li>・・・・</li>
___</ol>
__</div>
__<div class="aside">
___<h3>補足</h3>
___<p>記事</p>
__</div>
_</div>
_<div class="footer">
__<h2>文書情報</h2>
__<dl class="documentHistry">
___<dt id="FIRST-PUBLISHED">First Published</dt>
___<dd>2012-08-10</dd>
___<dt id="LAST-MODIFIED">Last Modified</dt>
___<dd>2012-08-10 12:00:00 (JST)</dd>
__</dl>
__<address>© ORUKA1951 2012 - 2016 All Rights Reserved mailto:*****</address>
_</div>
</body>
</html>
大変丁寧なご指導、ありがとうございます。さっそく参考にさせて頂きます。
海外在住で最新の書籍が手に入りにくい環境の為、いささか古い入門書を使用しています。まだまだ長い道のりになりそうですが、頂いた仕様書も併用で勉強を続けようと思います。
No.1
- 回答日時:
こんにちは。
キーボードの仕様というか、文中の””は半角で打たないといけません。
""
これです。
またフォントサイズの単位にpixはないです。
pxです。
http://jigsaw.w3.org/css-validator/validator.htm …
で検証したらがっつりpixでエラーになってますよ。
手元の本には"についての記載がなかったので、目からうろこが落ちました。
サイズ単位についてはすでに読んでいて、注意していたはずなのですが何度も何度も夜中まで打ち直しをしたので疲労で目が見えなくなっていたようです、、、
検証サイトも参考にさせて頂きます。
ご指導ありがとうございました。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
関連するカテゴリからQ&Aを探す
おすすめ情報
- ・漫画をレンタルでお得に読める!
- ・人生のプチ美学を教えてください!!
- ・10秒目をつむったら…
- ・あなたの習慣について教えてください!!
- ・牛、豚、鶏、どれか一つ食べられなくなるとしたら?
- ・【大喜利】【投稿~9/18】 おとぎ話『桃太郎』の知られざるエピソード
- ・街中で見かけて「グッときた人」の思い出
- ・「一気に最後まで読んだ」本、教えて下さい!
- ・幼稚園時代「何組」でしたか?
- ・激凹みから立ち直る方法
- ・1つだけ過去を変えられるとしたら?
- ・【あるあるbot連動企画】あるあるbotに投稿したけど採用されなかったあるある募集
- ・【あるあるbot連動企画】フォロワー20万人のアカウントであなたのあるあるを披露してみませんか?
- ・映画のエンドロール観る派?観ない派?
- ・海外旅行から帰ってきたら、まず何を食べる?
- ・誕生日にもらった意外なもの
- ・天使と悪魔選手権
- ・ちょっと先の未来クイズ第2問
- ・【大喜利】【投稿~9/7】 ロボットの住む世界で流行ってる罰ゲームとは?
- ・推しミネラルウォーターはありますか?
- ・都道府県穴埋めゲーム
- ・この人頭いいなと思ったエピソード
- ・準・究極の選択
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
複数のボタンを等間隔に、かつ...
-
HTML属性での「""」 「''」違い
-
<div id="container">の使いか...
-
html の divとtable の役割
-
htmlのolやulなどlistにtitleや...
-
ヘッダーとフッターだけ背景を...
-
inline-blockを上下中央揃えに...
-
画面を縮小するとカラムが落ち...
-
セクションをdivで囲むと見出し...
-
1時間30分を簡単に表したいで...
-
ヘッダーを左右に二分割する方...
-
<div>テキスト</div>
-
テキストの揃え方について
-
「見出し画像+小見出し」と「見...
-
リストで画像を右に表示したい
-
XHTMLでループ処理のやり方
-
カラム落ちの対処法について
-
画像の横にテキストを縦方向中...
-
<div>で改行させない方法
-
div要素が重なってします
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
htmlのolやulなどlistにtitleや...
-
HTML属性での「""」 「''」違い
-
html の divとtable の役割
-
<div id="container">の使いか...
-
1時間30分を簡単に表したいで...
-
min-heightとheightの違いについて
-
複数のボタンを等間隔に、かつ...
-
ヘッダーとフッターだけ背景を...
-
div要素が重なってします
-
divを横に並べる方法
-
スペースを使わず文字位置を揃...
-
<!-- #BeginLibraryItemとは
-
HTMLのJIS規格について
-
スライド部分のリンクが貼れな...
-
セクションをdivで囲むと見出し...
-
要素間、要素内に隙間が空く
-
hタグの右横に画像を表示
-
inline-blockをネストすると表...
-
divとpの使いわけ
-
グリッドレイアウトで"auto-fit...
おすすめ情報