builtlast 2012-11-13 10:33:25

[HTML] だって header だもの?! このエントリーをはてなブックマークに追加

投稿者からのアピールポイント

最近話題になったとある Web サービス。。 ソースコードを覗いたら、ツッコミどころ満載。 5つすべての間違いに気づきましたか?

<!doctype html>
<html lang="ja">
<head>
    <!-- ... -->
</head>
<!-- ヘッダー -->
<header id="header_bar">
    <div id="header_bar_inner">
      <div class="logo">
       <a href="/"><img src="images/logo.png" alt="ロゴ"></a>
        <span class="header_title"><h1>ここにサービスの名前</h1><span>
      </div>
    <ul class="menu">
     <!-- グローバルナビ -->
  </ul>
        </div><!-- header_bar_inner -->

</header><!-- #header_bar  -->
<!-- ヘッダーここまで -->
<body>
<!-- コンテンツ -->

使い方ヒント: 「これは臭う」という行を見付けたら、各行のsmellをクリックしてマーキングしておきましょう(要Twitter OAuth認証)

コメント(4)

#1 Miraranran 2012-11-22 22:50:55  

規格が未完成とはいえ...なんらかのチェック方法はないんかね...

#2 HiroakiSoftware 2013-05-24 12:29:11  

これHTML5じゃないの?HTML5だったら<header>~</header>及び<footer>~</footer>のタグがありますよー

#3 InternalServerE 2013-05-25 08:53:17  

うーん、自分が見つけられたのはこのくらい。。

7&20行目 <header> は<body> の下位要素にする必要あり。
10行目 <img> にwidth属性とheight属性が欲しい。(必須じゃないけど)
11行目 </span> を <span>と書き間違えている。
11行目 <span>の下位要素に <h1> は書けない。
21行目以降 省略したのか元々こうだったのか判断できないが、 </body> と </html> がない。
(アピール文の中) 解釈が人により分かれるけど、一般に「Webサービス」って、「Web上で展開されるHTMLベースのサービス」のことを指す用語じゃないから。。
#4 miso_nya 2013-08-08 03:49:59  

これってちゃんと動くのか…? ヘッダーだけど、ヘッダーになってないだろ

コメント投稿には、twitter認証が必要です。

Twitter認証

このウンコードに臭った人は、こちらのウンコードにも臭ってます

[Java] is禁止令

このエントリーをはてなブックマークに追加

ウンコードの趣旨とは違い、レビューで指摘...

// Mod yamada Start

// 一般的に考えて真偽値を返すメ...

鑑賞する »

[HTML] お前の<html>は天を突く<scrip...

このエントリーをはてなブックマークに追加

天元突破してるHTML

**s...

<script type="text/javascript" >
// (ry...

鑑賞する »

[HTML] divとjavascriptだけでなんで...

このエントリーをはてなブックマークに追加

以前関わったサイトが外注から内製に変わっ...

<html>
<head>
  <title>Hoge</title>
 ...

鑑賞する »