MACのテキストエディタでhtmlとcssの練習を始めたのですがスタイルタグがsafariに反映されません。解決方法をお願いします!!(超初心者ですすいません)

↓が打ったコードです

<html>
<head>
<meta http-equiv=“content-type”
content=“text/html; charset=shift_jis”>
<title>ニューヨーク日記</title>
<style type=“text/css”>
body { background:
lightyellow; }
h1 {background: green; }
</style>
</head>
<body>
<h1>ニューヨーク日記</h1>
<p>このサイトでは<a href=“http://newyork.com”>ニューヨーク</a>での生活日記を紹介していきます</p>
</body>
<html>

これを作ったのですが背景の色や見出しの色が変わりません
解決方法をお願いします!!

回答の条件
  • 1人5回まで
  • 登録:
  • 終了:2013/11/06 10:10:27

ベストアンサー

id:windofjuly No.1

回答回数2625ベストアンサー獲得回数1149

ポイントだけ指摘すると…。

    <style>
        body { background-color: lightyellow; }
        h1 { background-color: green; }
    </style>

全体を見直すと…。

<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS" />
    <meta http-equiv="Content-Style-Type" content="text/css" />
    <title>ニューヨーク日記</title>
    <style>
        body { background-color: lightyellow; }
        h1 { background-color: green; }
    </style>
</head>
<body>
    <h1>ニューヨーク日記</h1>
    <p>このサイトでは<a href=“http://newyork.com”>ニューヨーク</a>での生活日記を紹介していきます</p>
</body>
</html>
他3件のコメントを見る
id:windofjuly

>入れ方が違うのですか?

Windows向けの教材はWindows用のInternetExplorerに合わせ、
Mac向けの教材はご存じMac用のsafariに合わせてあるので、
メモ帳とテキストエディットの違いではなく、
対象ブラウザがそもそも違うというのが主な原因だと思います。

同じブラウザでもバージョンの違いで挙動が変わることもある、
と覚えておいてください。

>教材が古いからでしょうか

それもあるでしょう。HTMLの少々古い書き方を用いてますし、
WEBでShift-JISが必須になるのはガラケーくらいなので、
対象ブラウザのバージョンが古いということは十分に考えられます。

WindowsもMacOSXもUnicodeベースに移行していて、
WEBサイトのキャラクタセットはUTF-8が主流になっています。

古い教材も役に立つことはあるのですが、
ブラウザだけでなくHTMLもCSSもバージョンアップしてますので、
HTML5 + CSS3に対応した教材を探してください。

2013/11/01 09:03:42
id:goreinugon

なるほどです
丁寧な対応ありがとうございました!!
感謝です

2013/11/01 09:13:23

コメントはまだありません

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

回答リクエストを送信したユーザーはいません