• ベストアンサー

ブラウザ内でhtmlソースがレタリングされるまで

ブラウザ内でhtmlソースが解析からレタリングされるまでの仕組みがよくわかりません。 http://www.atmarkit.co.jp/fwcr/rensai/imasara11/imasara11_3.html ↑ここのサイトの図2の説明では 「パーシング(解析)」→「整理」→「レンダリング(表示)」 という工程で処理される流れになってますが (1)htmlソースコードの上から順に一要素ずつ上の工程に流すのか (2)htmlソースコード全体を一度まるごと解析し終えてから、次の整理の段階に進むのか よくわかりません。

  • HTML
  • 回答数2
  • ありがとう数3

質問者が選んだベストアンサー

  • ベストアンサー
回答No.2

(1)ですが、 要素ずつではなく、「1文字ずつ」です。 CSSやJavaScriptなどで読み込み途中でHTML全体を書き直した場合は、必要に応じて最初から描画し直します。 HTMLの仕様では、ネットワーク遅延で途中までしか読み込めなかった場合でも、 (1)の方法により、読み込みが完了した場所までを表示出来るというメリットを上げています。 また、(1)の方法が出来るからこそ、広告削除ツールなども有効に機能します。 (広告部分を読み込んでいなくても、それ以外の部分だけを表示できる)

harusan90
質問者

お礼

回答ありがとうございます。 私も(1)ではないかなと思い質問してみました、が自信がありませんでした。 回答者さんのおっしゃるような事を考えてみると納得できました。 考えてくださりありがとうございます。

その他の回答 (1)

noname#121981
noname#121981
回答No.1

JAVASCRIPTとCSSを処理するので、(2)ではないでしょうか?

harusan90
質問者

お礼

回答してくださりありがとうございます、 色々調べてみると(1)のような感じの記事をちらほら見かけました。 考えてくださりありがとうございました。

関連するQ&A

  • HTMLソースを丸ごと貼り付けたい

    エクセルに http://www.html-cool.com/samples/tryhtml_basic.html から、コピーした <html> <body> body要素の内容は、ブラウザに表示されます。 </body> </html> を貼り付けると、ソースが張り付けられるので社なく、 「body要素の内容は、ブラウザに表示されます。」 だけが張り付けられます。 貼り付けオプションから、「テキストファイルウィザード」を選択すれば、 ソースを丸ごとエクセルに張り付けられます。 その張り付けたエクセルにソースをコピーして、違うセルに張り付ける時は、 ソースのまま貼り付けられます。 しかし、上記のサイトからコピペしてきたソースやメモ帳からコピペしてきたソースは、 やっぱし最初のように、ソースを丸ごと貼り付けられません。 エクセル2003でも2007でも同じ結果です。 ソースをコピーしたら、ソースごとエクセルに張り付けたいのですが どうすればいいでしょうか? 毎回毎回テキストファイルウィザードを選択するのは面倒です。 ご教授よろしくお願いします。

  • ブラウザ上で表示結果がでてこなくなってしまった!

    使用している環境はOSはWindowsMe、JDK1.3を使用、ソフトはMKEditorを使用して、ソースファイルを書いています。レベル的には丸の内トラさんの書籍から基礎を勉強して習った程度なんですけど、プログラムのソースファイル(アプレット)を書き、それをMS-DOSでコンパイルし、<HTML>タグソースを書き込んで、その結果をブラウザ上で表示してみる。一通りの流れは分かっているんですが、ブラウザ上でプログラムの処理結果を見てみると、表示結果が上手く出てこなくなってしまいました。なんか左上の端にすごい小さな正方形の図の中に、それまたその正方形よりもまた小さな正方形(赤)、丸(青)、三角(青)、といった順に上から入り、その図が表示されているだけで、あとは真っ白です。(それ以外に何も表示されていない状態!)コンパイル時にエラーは、発生してません。MKEditorの設定をその前に少しいじってしまったので、それが原因なのか、それとも別に問題があるのかがわかりません。@?(゜_゜>)(うーん…!?) この他に考えられる問題、または解決方法が分かる方、いらっしゃいましたら、ご回答、アドバイスなどをよろしくお願いします。ちなみにソースファイルのプログラム内容はいたってシンプルなプログラムなので、それ以外のファイルも見てみようとしてみたんですが、同じ結果でした。

  • C++ 図からソースコード自動生成

    図からソースコードを自動生成するソフトがいっぱいありますが、これは内部でいったいどのような仕組みになっているのでしょうか? 内部の詳細を詳しく知りたく投稿させていただきました。 試しに、C++とjavaのクラスの定義(1クラスのみ)を図から行えるようなプログラムの作成を試みております。 以下2点で悩んでおります。 (1)2つの言語に対応するため中間言語を作る必要はあるのか? (2)図からコードを作る部分の開発が全く進みません。 似たプログラムの解説をしているサイトや本や公開されているソースコード、アドバイスありましたらご教授くださいませ。

  • なぜいつも同じHTMLソースなのか?

    JQueryMobile+HTMLでモックアップを作っています。その際、疑問に思ったのですが、右クリックから「ソースの表示」をしたとき、なぜ最初のページのHTMLがが出るのでしょうか?? しかも、ブラウザで見える画面は、遷移後の画面になっているので不思議でなりません。 (1)ブラウザはHTMLソースを元にレンダリングするのですよね? (2)JQueryMobileどうこうの話ではなくて、AJAX関連が関係しているのでしょうか?(自分はAjaxのコードを書いたつもりはないのですが、JQueryMobileの中で使われているのでしょうか?) (3)今までの質問とちょっと内容が違うのですがAJAXは「非同期通信でXMLデータをやり取りする」のだそうですが、XMLファイルはプログラムでは扱っていません。AJAXは一体何の目的のために、どんなことをしているのでしょうか?

    • ベストアンサー
    • AJAX
  • QC工程図の部品記号

    以前かかれたQC工程図を参考に、 QC工程図を初めて作成しています。 ▽ ▽ ▽ |_|_|   |   ○   |   ▽ 上3つの▽の上に部品名称が記載されており、 例えば、 平行ピンではPpb 六角穴付きボルトではCb (Cb(2) M2X4など) ナット1種ではN1 十字穴付き0番なべ小ねじ1種ではCrsm と書いてあるでのすが、 名称と記号の対比が手元にあるQC工程図にある分しか分かりません。 対比資料はどこで探せば手に入りますか? また、これはJISなどで決まっているのですか? よろしくお願いします。 ○や▽の意味ではなく、部品名称の略式記号があるかどうかを伺いたかったのですが。機械要素? 設計に関する社内規はないです。ありえないことに・・。

  • C言語ソースコードの解析

    私は現在組み込みのプロジェクトに参加おります、新米プログラマです。 既存の処理を理解したうえで設計しなければならないのですが、 元のソースコードに対して設計書が1つもなく、 ソース、ヘッダともにコメントなし、と言う状況です。 動作環境が無いので、ソースコードを解析して動作を理解しようとしています。 しかし、やっていることが複雑でなかなか進みません。 ■ポインタ/関数ポインタの嵐で、ポインタの実体を追っていくと、  30~40階層ほど上まで見なければならない。  (関数コールに、コールバックに、メッセージのやり取り)  関数ポインタを32bit整数の変数にキャストして代入し、  整数から関数ポインタに直したりしている。 ■構造体のメンバに他の構造体へのポインタがあり、  さらにその構造体は他の構造体のポインタを持っていて、  そのポインタが他の構造体の・・ などなど。 こういう複雑な他人のコードをどういう風に解析していますでしょうか? ご教授願います。

  • HTMLレンダリングエンジン

    勉強で簡単なHTMLのレンダリングエンジンを作ろうと考えています。 そこで、参考になるような(仕組みを理解できる程度の)コンパクトなライブラリやソフトをご存知でしょうか。 GeckoやIEのラッパではなく、一からJavaで書かれているものを望んでいます。 http://today.java.net/pub/a/today/2004/06/14/html-pt2.html?page=1 にいくつかのJavaベースのレンダリングエンジンが載っていますが、ソースコードが置いてあるものが見つかりません。

    • ベストアンサー
    • Java
  • レポートの書き方で質問です。

    「図表はデータソースを書いた上でつけること。既存の図の丸ごと引用、貼付けは禁止。」 と言われたのですが、図表はどう描けばよいのでしょうか? 知りたいデータの図を探して、それを丸ごとではなく、一部だけ載せたりするのは良い、 ということなのでしょうか? よろしくお願いします。

  • Doxygenでソースコード内のコメントが生成ドキュメントに反映されない

    質問させていただきます。 C++で書いたソースコードをDoxygen(v1.5.5)にかけて、RTF形式のドキュメントを自動生成しようとしています。そこで何点か問題が出てきました。 1.生成されたドキュメントを見ると、ソースコード内に記述したコメントが何一つ反映されていません。ヘッダに書いた関数コメントは反映されています。コメントは//! で記述しており、Doxygenのルールに従っています。 2.図が入っていません。graphviz→Doxygenの順にインストールしており、Doxygenが認識していない、ということはないと思うのですが。 3.日本語が文字化けしています。エディタは秀丸を使用しており、保存時にエンコードをUTF8にすれば、文字化けしないのですが、いちいち不便です。 ご存知の方、何卒お助け下さい。

  • jqueryの応用ができなくて困っています。。

    こちらのjqueryを応用したいのですが、 http://razorjack.net/quicksand/ 基本的には移行できたのですが、フィルターで絞った時にアルファベット順に並び替わってしまいます。希望としてはこちらが最初の順番(ソースコードにli要素で記入した順)のまま並べたいのです。 また、ソート時もアルファベット順ではなく、こちらが最初にli要素で記入した順番にしたいのですが、どのようにしたらよいでしょうか? 他に同様のいいサンプルなどでもありましたら教えて欲しいです。 詳しい方、どうぞよろしくお願い致します。

専門家に質問してみよう