设为首页收藏本站

就爱编程论坛

 找回密码
 注册

人人连接登陆

无需注册,直接登录

用新浪微博连接

一步搞定

QQ登录

只需一步,快速开始

查看: 530|回复: 2
打印 上一主题 下一主题

你真的了解HTML吗   [复制链接]

Rank: 9Rank: 9Rank: 9

  • TA的每日心情
    无聊
    2025-5-27 03:37:20
  • 签到天数: 366 天

    [LV.9]以坛为家II

    论坛先锋 学习至圣 荣誉成员 论坛元老 活跃之星 终极领袖

    我玩的应用:

    跳转到指定楼层
    楼主
    发表于 2011-4-18 03:30:47 |只看该作者 |倒序浏览
    有这么一段HTML,请挑毛病:
    <P>&nbsp;&nbsp;哥写的不是HTML,是寂寞。<br><br>&nbsp;&nbsp;我说:<br>不要迷恋哥,哥只是一个传说
    这是原来雅虎一道笔试题(文字变了变),用了很多年了,还没有一个人完全答对过。
    ============== 解答部分 ================
    出这道题的动机是,太多人觉得HTML太简单,但它恰恰又是前端开发中最基础最重要的部分。HTML结构设计的合不合理,直接影响到代码易不易维护,灵不灵活,同时事关网页性能,协作效率。碰到不少人认为前端开发就是javascript开发,大错特错啊。javascript, html, css这三个前端开发的基础支柱,性质完全不同又紧密关联,对它们的正确理解,合理应用是专业与非专业的区别。有些后端工程师可以写出很漂亮的JS,但他们真的不懂怎么合理的把js, html, css结合起来应用。对html的准确把握,不像学一般的编程语言那样,而是建立在丰富实践经验和体会的基础上,是前端的工程师的基本功。
    这不是一道较真题或是装逼题,正经一道“画鸡蛋”的题,考的是基本功。代码如其人,对一行代码的理解足以反映出他的前端开发素养。
    言归正传。这道题的考点:
    考点1:html和 xhtml的区别
    这行代码在html 4.01 strict下是完全正确的,在xhtml 1.0 strict下是错误一堆的。所以明显是一个考点。在xhtml下所有标签是闭合的,p,br需要闭合, 标签不允许大写,P要小写。同时nbsp和br必须包含在容器里。html下这些都不是错。p在html里是可选闭合标签,是可以不用闭合的。
    这个考点告诉你xhtml是多么苛刻。这是基本考点,答对,你能拿到60分。
    考点2:考样式分离
    用nbsp控制缩进是不合理的。应该用CSS干这事。所以应该删掉nbsp
    考点3:合理使用标签
    br是强制折行标签,p是段落。原题用连续的br制造两个段落的效果,效果是达到了,但显然用的不合理,段落间距后期无法再控制。正确的做法是用两个p表现两个段落。“我说”后面是正常的文字折行用br是合理的。
    上面全答对,你就能拿到100分。
    对原题改进的结果:
    html 4.01:
    <p>哥写的不是HTML,是寂寞。<p>我说:<br> 不要迷恋哥,哥只是一个传说
    xhtml 1.0:
    <p>哥写的不是HTML,是寂寞。</p><p>我说:<br /> 不要迷恋哥,哥只是一个传说</p>
    加分:合理的用语义化标签
    在前面的基础上合理的用语义化标签,对内容进行必要的标记,是加分的。但过度的使用标签,就画蛇添足了。如“我说”的话,可以用q标签标注。
    <p>哥写的不是HTML,是寂寞。
    <p>我说:<br> <q>不要迷恋哥,哥只是一个传说</q>
    我觉得这就够了,如果再进一步,“我”用cite标注,“HTML” 用abbr或acronym标注(至于再讨论abbr和acronym的区别就太较真了),也OK。再复杂就没必要了。
    <p> 哥写的不是<abbr title=”Hyper Text Markup Language”>HTML</abbr>,是寂寞。
    <p><cite> 我</cite>说:<br> <q>不要迷恋哥,哥只是一个传说</q>

    文章出处:标准之路(http://www.aa25.cn/web_w3c/867.shtml)
    分享到: QQ空间QQ空间 腾讯微博腾讯微博 腾讯朋友腾讯朋友
    分享分享0 收藏收藏0 支持支持1 反对反对0 分享到人人 转发到微博
    [img=http://mail.qq.com/cgi-bin/qm_share?t=qm_mailme&email=fRUcHhYWGAQ9GxIFEBwUEVMeEhA]http://rescdn.qqmail.com/zh_CN/htmledition/images/function/qm_open/ico_mailme_02.png[/img]

    使用道具 举报

    版主

    帝王

    Rank: 7Rank: 7Rank: 7

  • TA的每日心情
    开心
    2011-11-19 14:26:08
  • 签到天数: 92 天

    [LV.6]常住居民II

    活跃之星 论坛先锋 荣誉成员

    沙发
    发表于 2011-4-20 13:52:42 |只看该作者
    哥写的不是,“HTML,是寂寞。_________全文阅过,就记住这个
    在 和 我 开 玩 笑 、 虚 虚 伪 伪 的     哥 就 灭 了 你 !

    使用道具 举报

    版主

    帝王

    Rank: 7Rank: 7Rank: 7

  • TA的每日心情
    开心
    2011-11-19 14:26:08
  • 签到天数: 92 天

    [LV.6]常住居民II

    活跃之星 论坛先锋 荣誉成员

    板凳
    发表于 2011-4-20 13:52:50 |只看该作者
    哥写的不是,“HTML,是寂寞。_________全文阅过,就记住这个
    在 和 我 开 玩 笑 、 虚 虚 伪 伪 的     哥 就 灭 了 你 !

    使用道具 举报

    您需要登录后才可以回帖 登录 | 注册 人人连接登陆

    晴云孤魂's Blog|就爱编程搜帖|手机版|Archiver|就爱编程论坛     

    GMT+8, 2025-7-2 13:32 , Processed in 0.166060 second(s), 30 queries .

    Powered by Discuz! X2

    © 2001-2011 Comsenz Inc.

    回顶部