ロゴ ロゴ

阿部寛のHPに完全敗北しました。

はじめに

ただいまブログリレーの真っただ中ではありますが、サイトのソースでも覗いていこうかなと思ったので書いていきます。

阿部寛って誰？

知ってる人も多いかもしれませんが、阿部寛さんはテルマエ・ロマエの人です。テルマエ・ロマエがわかんない人は今すぐTSUTAYAかネトフリか何かで見てきてください。テルマエ・ロマエは見ましょう。

なんで阿部寛のHPなのか

ここ最近知ったのですが、阿部寛のHPというのは非常に読み込みが早く、ソースコードも簡潔ということで見てみようかなと思ったということです。ここ最近もいろんなサイトを見ていたのですが、WordPressなどを使用した複雑なものばかりで、ソースコード見たところであまり意味ないなぁとか思っていたところにこの話を目にしたので面白そうだないうことでやっていきます。
阿部寛のHPはこちらからアクセスできます。

初見の感想


とにかく短いですね。短すぎてこれだけでページは表示されています。もちろん、別のファイルを読み込んでいるのでこれがすべてではないと言ったらそうなんですが。

head

<head>
<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<meta name="GENERATOR" content="JustSystems Homepage Builder Version 20.0.6.0 for Windows">
<meta http-equiv="Content-Style-Type" content="text/css">
<title>阿部寛のホームページ</title>
</head>
こんな感じなので見ていきます。
まず2行目、文字コードの指定です。Shift-JSなんですね。特に言うことはないです。UTF-8じゃないのかとは思いましたが、これは何を基準に決めたらいいんでしょうね。
3行目、これはホームページビルダーのタグでしょうか。ホームページビルダー使ってるんですね。20.0.6.0 for Windowsらしいです。見たらわかるんですけど。
4行目なのですが、これはHTML4の基準スタイルシートの言語指定を行うタグのようです。5になって標準になったことでいらなくなったらしいです。初めて存在を知りました。
5行目はタイトルですね。「阿部寛のホームページ」とてもシンプルでいいですね。
これだけでheadが終わってしまうのはすごいです。非常に短いですね。

body

<frameset cols=18,82>
  <frame src="menu.htm" marginheight="0" marginwidth="0" scrolling="auto" name="left">
  <frame src="top.htm" marginheight="0" marginwidth="0" scrolling="auto" name="right">
  <noframes>
  <body></body>
  </noframes>
</frameset>
head以下はこのような感じなんですが、見たことないタグがあるんですよね。調べてみたところ、menu.htmというファイルとtop.htmというファイルを読み込んでるみたいです。あれ、どこかで見たような気がするなぁ….と思ったのですが、気にしないことにしましょう。
ということで、framesetのタグについての解説です。あくまでググった情報に基づいて話しているということで情報元のソースを下に貼っておきます。
1行目のの部分ですが、これが分割の指定をしているようです。
colsは縦に分割、18%と82%っていう意味ですかね。ちなみに横に分割の場合はrowsらしいです。
2,3行目で読み込むファイルを指定しているのですが、jsなしでこういったことができるんですね。知りませんでした。これは見てよかったって感じです。ただ今から大幅改修はやっていたら死んでしまうのでできません。このサイトは無駄にjsを動かしているくそサイトです。
noframesのタグ内部にはフレームの代替内容を書くらしいですが、このサイトはなにもないようです。そして、次の行でフレームセットの終了をして終わりのようです。

終わりに

ふと思ったのですが、htmlタグって閉じるのが正しいんですかね？5になって変わったものの一つなんでしょうか？
非常にわからないものばかりでしたが、逆に非常に勉強になりました。そして、jsを使わない他ファイル出力方法っていうのもあったっていうことを知れてよかったです。
こんな具合でいつもと比べて短いような気がしますが、阿部寛のホームページに関しては短く書く方が阿部寛のホームページっぽいのでこれで終わりにします。

コメント入力

関連サイト