如何写出漂亮的HTML代码

 时间:2026-02-12 19:35:03

漂亮的代码不止会让人觉得赏心悦目,也会给以后要进行代码修改的人带来方便,让后来的程序员可以一目了然的看出代码的分段与功能,更有利于工作的交流与相互合作,那么,如何出漂亮的HTML代码?

如何写出漂亮的HTML代码

    DOCTYPE Properly Declared别忘记头部的声明,它会告诉浏览器如何渲染你的HTML。

    Important Content First先写主要内容,再写次要内容.如果你的导航或者侧边栏不是很重要,最好将他们写在最后。

    Tidy Head Section设置title,字符集.将CSS和JS外链(包括一个打印用的CSS)。

    Body IDed给body一个ID。这里作者提到的原因是,为多页面的中容器选择提供便利。比如通过给page1和page2中BODY设置不同的ID,就可以通过#page1 h2和#page2 h2来设置两种不同的效果,我感觉这个到是要看情况和具体架构再具体使用。

    Semantically Clean Menu编写符合语意的菜单代码。<div id="menu"><ul><li><a href="index.php">Home</a></li><li><a href="about.php">About</a></li><li><a href="contact.php">Contact</a></li></ul></div>

    Main DIV for all Page Content要有一个主体DIV包含所有的内容。方便固定主体的宽度,边距等等。

    Common Content INCLUDED将导航,页尾等公用的部分用动态调用的方式引入,比如PHP的include。

    Code is Tabbed into Sections缩进代码

    Hierarchy of Header Tags在合适的地方使用标题标签,如<h1>~<h6>,来划分段落。

    Content, Content, Content使用合适的标签,和标志代码,用&copy; 表示©,不要使用</br>

    Proper Ending Tags注意结束标签

    No Styling!

  • JavaScript的函数的用法
  • PS技巧:如何用切片工具制作网页
  • APICloud如何和手机同步调试
  • css3边框阴影怎么做
  • jquery如何保存数据
  • 热门搜索
    爱祖国的手抄报简单 新年手抄报内容 阅读手抄报图片大全 热爱生命手抄报 关于花的手抄报 说好普通话手抄报 五一劳动节的手抄报 民风民俗手抄报 小学一年级手抄报 国庆手抄报内容