2011-07-20 10 views
1

それはちょうどGoogle Chromeで次のように表示されます:予想通りウェブブラウザでhtmlレンダリングが行われないのはなぜですか?

<html> 
<head> 
<title>Hello World!</title> 
</head> 
<body> 
<h1 align="center">Hello World!<br/>Welcome to My Web Server.</h1> 
</body> 
</html> 

は、なぜそれが変換されていませんか?

編集:はいファイルには.htmlファイル名があります。私はそれがまだ1つなしで正しくレンダリングする必要があると言う使用しているチュートリアルによると、まだヘッダーが必要なはずですか?すべてこれに新しいので、私は不明です。

編集:私はテキストエディットでそれを開くと、私はこれを取得:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> 
<html> 
<head> 
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 
    <meta http-equiv="Content-Style-Type" content="text/css"> 
    <title></title> 
    <meta name="Generator" content="Cocoa HTML Writer"> 
    <meta name="CocoaVersion" content="1038.35"> 
    <style type="text/css"> 
    p.p1 {margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px Helvetica} 
    </style> 
</head> 
<body> 
<p class="p1">&lt;html&gt;</p> 
<p class="p1">&lt;head&gt;</p> 
<p class="p1">&lt;title&gt;Hello World!&lt;/title&gt;</p> 
<p class="p1">&lt;/head&gt;</p> 
<p class="p1">&lt;body&gt;</p> 
<p class="p1">&lt;h1 align="center"&gt;Hello World!&lt;br/&gt;Welcome to My Web Server.&lt;/h1&gt;</p> 
<p class="p1">&lt;/body&gt;</p> 
<p class="p1">&lt;/html&gt;</p> 
</body> 
</html> 

私は全くこのようにそれを保存覚えていません。

+5

http://tinyurl.com/so-hints – Oded

+0

ファイル拡張子とは何ですか? –

+0

そして、どのような変形が予想されますか? –

答えて

9

どのようにWebページを作成しましたか?

<html> 
<head> 
<title>Hello World!</title> 
</head> 
<body> 
<h1 align="center">Hello World!<br/>Welcome to My Web Server.</h1> 
</body> 
</html> 

なく

を:「<」を示しているように、あなたが使用するエディタが内容であることを確認し、代わりにそれらをメモ帳で

オープンファイルをレンダリングするHTMLを変換することは可能です

&lt;html&gt; 
...... 
&lt;/html&gt; 

あなたはあなたが投稿ファイルの内容から、.html拡張子

+0

さて、元のHTMLに戻って変更しました。テキスト編集が将来どのように変換されないようにするには?助けてくれてありがとうbtw! – Chucky

+0

あなたのHTMLを "HTMLを編集する"ためにエディタに切り替えてください...またはWYSIWIGモードを使用している場合は、タグを入力する必要はありません.Windowsのように使用してください – inspite

3

ウェブサーバーではなくブラウザでレンダリングする必要があります。 HTTPヘッダー "Content-Type"を確認してください。それは "Content-Type:text/html; charset = utf-8"のようなものです。

Chromeを使用している場合は、次の手順でデベロッパーツールを読み込みます。

  1. 右ページをクリックします - ネットワーク]タブ
  2. へ>「要素を検査」を選択し
  3. Goがあなたがあなたが検査したいページのURLを選択
  4. を点検しようとしているページをロードしますヘッダーなど
3

を使用してファイルを保存してください説明が含まれています:

<meta name="Generator" content="Cocoa HTML Writer"> 

は基本的には、テキストエディタを使用すると、変換あなたがウェブページに入力されていた「テキスト」を望んでいたと思いました。だからあなたが入力したものを正確に表示するウェブページとして保存しました。

ファイルをどのように保存しましたか? HTMLに「変換」または「書き出し」という言葉を使用した場合、それが原因です。通常の「保存」オプションを使用してください。それでも問題が解決しない場合は、より優れたエディターを入手してください。

関連する問題