Archive for the ‘HTML’ Category

  1. Hello, HTA World!

    Posted on 3月 3rd, 2012 by cx20

    HTA

    HTA(HTML Application)は HTML を用いて Windows アプリケーションを作成する技術である。Internet Explorer 5.0 から利用可能となった。
    通常、HTML ファイルをブラウザで動作させた場合、ローカル PC のリソースへのアクセス等、厳しいセキュリティ制約を受けるが、HTA として作成されたアプリケーションにはそのような制約は無く Windows の実行可能ファイル(.exe)と同様に動作する。
    ただし、ドキュメント互換モードとして古いバージョンが設定されている為、既定では HTML5 の Canvas 機能といった、新しい機能が使用できない。使用する場合は、以下のように明示的に互換モードを変更する必要がある。

    <meta http-equiv="X-UA-Compatible" content="IE=edge">

    ソースコード

    <html>
      <head>
        <title>Hello, World!</title>
        <hta:application id="hello"
          applicationName="helloapp"
          windowState="normal">
      </head>
      <body>
        <p>Hello, HTA World!</p>
      </body>
    </html>

    実行方法

    C:¥> mshta hello.hta

    実行結果

    Hello, HTA World!
  2. Hello, Cheetah World!

    Posted on 2月 23rd, 2012 by cx20

    Cheetah

    Cheetah は Python 用の汎用テンプレートエンジンである。名前の由来は動物のチータから。

    ソースコード(テンプレート)

    <html>
      <head>
         <title>Hello, World!</title>
      </head>
      <body>
        <p>Hello, $message World!</p>
      </body>
    </html>

    ソースコード(CGIコード)

    #!/usr/bin/env python
    from Cheetah.Template import Template
    tpl = Template(file='hello.tpl')
    tpl.message = 'Cheetah'
    print "Content-Type: text/htmlnn"
    print tpl

    実行方法

    1. CGI用フォルダ(cgi-bin等)に配置
    2. 実行権限の付与
       $ chmod +x hello.py
    3. ブラウザで表示
       http://localhost/cgi-bin/hello.py

    実行結果

    Hello, Cheetah World!
  3. Hello, JavaScript World!

    Posted on 2月 4th, 2012 by cx20

    JavaScript

    JavaScript は主に Web ブラウザ等のクライアントサイドで実行されるプロトタイプベースのオブジェクト指向言語である。
    Web ブラウザに搭載されている JavaScript エンジンの種類としては以下のようなものがある。

    ブラウザ JavaScript エンジン
    Internet Explorer Chakra
    Firefox SpiderMonkey
    Chrome V8
    Safari KJS
    Opera Carakan

    ソースコード(HTML のケース)

    <html>
      <head>
        <title>Hello, World!</title>
      </head>
      <body>
        <script type="text/javascript">
        <!--
          document.write("<p>Hello, JavaScript World!</p>");
        //-->
        </script>
      </body>
    </html>

    ソースコード(HTML で DOM を使用したケース)

    <html>
      <head>
        <title>Hello, World!</title>
        <script type="text/javascript">
        <!--
          window.onload = function() {
            var elem = document.getElementById("hello");
            elem.innerHTML = "<p>Hello, JavaScript World!</p>";
          };
        //-->
        </script>
      </head>
      <body>
        <div id="hello"></div>
      </body>
    </html>

    ソースコード(XHTML のケース)

    XHTML の場合は、JavaScript は外部ファイルとして指定することが推奨されている。同一ファイル内に記述したい場合は、CDATA セクションの間に記述する必要がある。

    <?xml version="1.0" encoding="UTF-8"?>
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
      "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
      <head>
        <title>Hello, World!</title>
      </head>
      <body>
        <script type="text/javascript">
        //<![CDATA[
          document.write("<p>Hello, JavaScript World!</p>");
        //]]>
        </script>
      </body>
    </html>

    実行方法

    1. Web サーバーの公開フォルダへ配置
    2. ブラウザで表示
       http://localhost/doc/hello.html

    実行結果

    Hello, JavaScript World!
  4. Hello, XHTML World!

    Posted on 2月 3rd, 2012 by cx20

    XHTML

    XHTML(Extensible HyperText Markup Language)は、HTML を XML で再定義したマークアップ言語である。
    W3C により仕様策定を行っており、XHTML 1.0 は HTML 4.01 をベースとしている。
    XHTML の次期バージョンとして XHTML 2.0 が仕様策定中であったがニーズが少ないことと HTML5 へのリソース注力していくことを理由に 2009年に作業が打ち切られた。
    HTML5 のサブセットとして XHTML5 が策定される予定となっている。

    ソースコード

    <?xml version="1.0" encoding="UTF-8"?>
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
      "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
      <head>
        <title>Hello, World!</title>
      </head>
      <body>
        <p>Hello, XHTML World!</p>
      </body>
    </html>

    実行方法

    1. Web サーバの公開フォルダ に配置
    2. ブラウザで表示
       http://localhost/doc/hello.html

    実行結果

    Hello, XHTML World!
  5. Hello, HTML World!

    Posted on 2月 1st, 2012 by cx20

    HTML

    HTML(HyperText Markup Language)は、Web ページを記述するマークアップ言語である。1989年に CERN(欧州素粒子物理学研究所)のティム・バーナーズ・リーによって考案された。
    現在、W3C(World Wide Web Consortium)が標準化作業を行っており、1999年に HTML 4.01 が策定された。今後の予定としては HTML5 が 2014年に策定予定となっている。
    なお、HTML が W3C 標準に準拠しているかどうかは「W3C Markup Validation Service」で確認することが出来る。

    ソースコード(HTML)

    <html>
      <head>
        <title>Hello, World!</title>
      </head>
      <body>
        <p>Hello, HTML World!</p>
      </body>
    </html>

    ソースコード(HTML 4.01)

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" 
      "http://www.w3.org/TR/html4/loose.dtd">
    <html lang="ja">
      <head>
        <title>Hello, World!</title>
      </head>
      <body>
        <p>Hello, HTML World!</p>
      </body>
    </html>

    ソースコード(HTML5)

    <!DOCTYPE html>
    <html lang="ja">
      <head>
        <meta charset="utf-8">
        <title>Hello, World!</title>
      </head>
      <body>
        <p>Hello, HTML World!</p>
      </body>
    </html>

    実行方法

    1. Web サーバの公開フォルダ に配置
    2. ブラウザで表示
       http://localhost/doc/hello.html

    実行結果

    Hello, HTML World!