Home/ Questions/Q 8487939
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-10T21:23:31+00:00

I wrote a simple HTTP sever that serves some HTML. Here’s the code :

  • 0

I wrote a simple HTTP sever that serves some HTML.
Here’s the code :

var http = require('http');

http.createServer(function(req, res) {

  res.writeHeader(200, {"Content-Type": "text/html"});

  var html = '<DOCTYPE!>' +
    '  <html>' +
    '    <head>' +

    '      <title>' +
    '        Test page' +
    '      </title>' +

    '    </head>' +
    '  <body>' +

    '    <p>' +

    '      This is a test page !' +

    '    </p>' +

    '  </body>' +
    '  </html>';

  res.write(html);

  res.end();

}).listen(8080);

The resulting HTML page is the following :

<html>
<head>
</head>
<body>
<doctype!>
<title> Test page </title>
<p> This is a test page ! </p>
</doctype!>
</body>
</html>

So my questions are the following :

  • Why is the html “string” included in the body of the HTML ?
  • Is it possible to have indentation in the HTML besides using a template engine (jade) ?

And the last question is a bit separate :

  • If I have a page called index.html which only shows img.jpg. How can I know that a users request to img.jpg is related to index.html ?
    What I mean by “related” is : “that img.jpg is a linked / a dependency of index.html“.

Thank you in advance !

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Why is the html “string” included in the body of the HTML ?

    That’s because <DOCTYPE!> isn’t valid. It should be:

    <!DOCTYPE html>

    As is, it appears more like an element to the browser, which attempts to normalize the markup and places it into the <body>.

    Is it possible to have indentation in the HTML besides using a template engine (jade) ?

    Many template engines, including Jade, actually minify the markup, removing all unnecessary whitespace for smaller bandwidth consumption.

    But, you could look at using a “beautifier,” such as html.

    If I have a page called index.html which only shows img.jpg. How can I know that a users request to img.jpg is related to index.html ? What I mean by “related” is : “that img.jpg is a linked / a dependency of index.html”.

    You can view “Resources” in most in-browser debuggers, which will list images, scripts, stylesheets, etc. that your page has requested.

    You could also try web scraping your application, perhaps with jsdom:

    jsdom.env('http://localhost:8080/', [
    'http://code.jquery.com/jquery.min.js'
],
function (err, window) {
    var $ = window.$;

    var hrefs = $('a[href]').map(function () {
        return $(this).attr('href');
    }).get();
    console.log(hrefs);
});
    • 0