صفحه ای بدون حتی یک خط کد HTML

امروز میخوام یک معما طرح کنم.

آدرس زیر رو نگاه کنید و سعی کنید کد HTML صفحه رو بدست بیارید. (برای دیدن صفحه از Firefox یا Opera استفاده کنید.)

http://farhadi.ir/test/nohtml.php

منتظر نظرات هستم …

آپدیت :
معما حل شد.
تمام آنچه در این صفحه دیده میشه با استفاده از CSS تولید شده و از قابلیت لینک کردن فایل CSS به صفحه از طریق Header استفاده شده. که البته در IE کار نمیکنه.
در کل با این روش نمیشه یه صفحه کامل طراحی کرد چون با CSS نمیشه کد HTML تولید کرد. مگر اینکه از حقه قدیمی قرار دادن کد javascript در CSS استفاده کنید که اون هم فقط در IE و نسخه های قدیم opera کار میکنه. نتیجه اینکه این روش شاید کاربردی نباشه ولی برای سرکار گذشتن خوبه! ;)

12 دیدگاه برای “صفحه ای بدون حتی یک خط کد HTML”

  1. مهدی گفته:

    اگر از افزونه web developer استفاده کنید – خیلی راحت میشه دید

  2. فرهادی گفته:

    من با web developer هم نگاه کردم چیزی نشون نمیده.

  3. علی گفته:

    این سی اس اسش‌ (اصل کاری):
    body { background-image:url(images/bg.gif); font-size: 20px; font-weight: bold; }
    body:after { content: “This page contains 0 bytes of HTML. View the source code! Move your mouse here…” }
    body:hover { text-decoration: none; color: green; }
    body:hover:after { content: “Look, no Javascript, ma! View source… “; color: white; background-color: blue; font-size: 24px; line-height: 36px; text-decoration:blink}
    این هم اچ تی ام ال:

    بقیش هم تو php
    ;)

  4. فرهادی گفته:

    خوب 50% از معما حل شد.
    آره این صفحه اصلا کد HTML نداره. و کلش داخل فایل CSS واقع شده ولی نکته اینجاست که اصلا کد HTML ی برای include کردن اون فایل CSS استفاده نشده ؟!

  5. نبی گفته:

    سلام
    باحال بود خوشم اومد.
    اما جوابش هم خیلی سخت نبود ;-)
    اینکارو با css و php و البته به لطف apache انجام دادید ;-)

    اگر hedaer صفحه رو استخراج کنید، میبینید:
    Array
    (
    [transfer-encoding] => chunked
    [date] => Tue, 11 Sep 2007 21:08:21 GMT
    [content-type] => text/html
    [connection] => close
    [server] => Apache 3
    [x-powered-by] => PHP/5.2.3
    [link] => ; REL=”stylesheet”; MEDIA=”screen”
    [via] => 1.1 nisoccache (NetCache NetApp/5.5R5)
    )

    خب جواب مشخص شد !!!
    سطر یکی مونده به آخر جواب معماست!

    با این کد php میشه هدر رو ساخت:
    ; REL=”stylesheet”; MEDIA=”screen”‘);
    ?>

    و این هم کد css مورد نیاز:
    body { background-image:url(images/bg.gif); font-size: 20px; font-weight: bold; }
    body:after { content: “This page contains 0 bytes of HTML. View the source code! Move your mouse here…” }
    body:hover { text-decoration: none; color: green; }
    body:hover:after { content: “Look, no Javascript, ma! View source… “; color: white; background-color: blue; font-size: 24px; line-height: 36px; text-decoration:blink}

    البته بعدا که یه سرچ کردم این دو تا مطلب رو در این باره پیدا کردم :
    http://www.geeksquare.info/index.php/2005/10/22/il_mistero_della_pagina_web_da_0_byte
    http://maurizio.mavida.com/2005/10/27/header-html-e-css-fantasmi/#comment-66250

    خوش باشید
    نبی

  6. نبی گفته:

    [code]
    آزمایشی یک دو سه
    [/code]

  7. نبی گفته:

    ظاهرا ادیتور کدها رو اونجوری که باید نشون نمیده، این درسته :

    ; REL=”stylesheet”; MEDIA=”screen”‘);
    ?>

  8. نبی گفته:

    آقا علی واقعا ببخشید شلوغ کاری میکنم ولی این ادیتورت مشکل داره ، ناچار شدم که عکسش رو بزارم :
    http://img.majidonline.com/pic/116766/nohtml.gif
    این دیگه درسته ;-)
    کامنت های اضافی هم میتونید پاک کنید.

  9. فرهادی گفته:

    آفرین نبی جان. همین طوری بود که شما گفتی.

    من از wordpress تعجب میکنم که با کد توی کامنت ها مشکل داره.
    سر فرصت باید یه نگاهی بهش بندازم.

  10. نبی گفته:

    لطفاً اول از همه این مشکل چپ به راست نوشته ها رو حل کن، اگر وبلاگت فقط برای شعر و لطیفه بود خیلی مهم نبود، ولی در جاهایی که صحبت از برنامه نویسی هست ، وجود همزمان راست به چپ و چپ به راست خیلی لازمه.
    دوم اینکه ادیتور تقریبا مشکل نداره ، فقط با علامت کوچکتر بزرگتر به خاطر اینکه فکر میکنه تگ اچ تی ام اله مشکل داره. اسم فایل هم به همین خاطر در هدر نوشته نشده …
    پیروز باشید.

    از اینکه بهم لینک دادی ممنون ، فقط اگر فضا داشتی فامیلی هم بهش اضافه کنی بد نیست. منم در اولین فرصت بهت میلینکم . تا شب.

  11. فرهادی گفته:

    ممنون نبی جان از راهنماییت.

    اگر منظورت از مشکل چپ به راست، قسمت لینک پاسخ ها بود، درستش کردم.
    لینک سایت شما رو هم اصلاح کردم.

    در مورد مشکل ادیتور من فکر میکنم اگر اصلا تگ HTML قبول نمیکرد و همه رو htmlspecialchars میکرد بهتر بود. ولی خوب قصد ندارم تغییرش بدم چون بعدا برای آپدیت دچار مشکل میشم.

  12. نبی گفته:

    - تشکر

    - منظورم کدهای css و کلا نوشته های انگلیسی بود که وقتی راست به چپ هستند به هم ریخته هستند.

    - خب میتونی بصورت پلاگین درش بیاری که هم با آپدیت مشکل نداشته باشی و هم دیگران استفاده کنند. البته مطمئن نیستم این مورد خاص رو بشه پلاگین کرد.

    - به شما لینکیدم !

    نبی

دیدگاهی بنویسید