您当前的位置: 首页 > 前端教程 > HTML教程 > 如何写出漂亮的HTML代码

如何写出漂亮的HTML代码

作者:不详 来源:网络 发布时间: 2011-03-05 11:21 点击:
1.DOCTYPE Properly Declared 别忘记头部的声明,它会告诉浏览器如何渲染你的HTML。 2.Tidy Head Section 设置title,字符集.将CSS和JS外链(包括一个打印用的CSS)。 3.Body IDed 给body一个ID。 这里作者提到的原因是,为多页面的中容器选择提供便利。 比如通过给page1

如何写出漂亮的HTML代码

  1.DOCTYPE Properly Declared
  别忘记头部的声明,它会告诉浏览器如何渲染你的HTML。
  2.Tidy Head Section
  设置title,字符集.将CSS和JS外链(包括一个打印用的CSS)。
  
  3.Body IDed
  给body一个ID。
  这里作者提到的原因是,为多页面的中容器选择提供便利。
  比如通过给page1和page2中BODY设置不同的ID,就可以通过#page1h2和#page2h2来设置两种不同的效果,我感觉这个到是要看情况和具体架构再具体使用。
  
  4.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>
  ps:我个人觉得这样写代码应该更简单一点吧:
  <ul id="menu">
  <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>
  
  5.Main DIV for all Page Content
  要有一个主体DIV包含所有的内容。
  方便固定主体的宽度,边距等等。
  
  6.Important Content First
  先写主要内容,再写次要内容.如果你的导航或者侧边栏不是很重要,最好将他们写在最后。
  
  7.Common Content INCLUDED
  将导航,页尾等公用的部分用动态调用的方式引入,比如PHP的include。
  
  8.Code is Tabbed into Sections
  缩进代码
  9.Proper Ending Tags
  注意结束标签
  10.Hierarchy of Header Tags
  在合适的地方使用标题标签,如<h1>~<h6>,来划分段落。
  
  11.Content,Content,Content
  使用合适的标签,和标志代码,用&copy;表示©,不要使用</br>
  12.No Styling!
  不要把样式写在标签上,HTML只是用来表示结构。
  表现还是交给CSS吧。

分享到:
本文"如何写出漂亮的HTML代码"由远航站长收集整理而来,仅供大家学习与参考使用。更多网站制作教程尽在远航站长站。
顶一下
(0)
0%
踩一下
(0)
0%
[点击 次] [返回上一页] [打印]
发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
评价:
表情:
用户名: 密码: 验证码:
关于本站 - 联系我们 - 网站声明 - 友情连接- 网站地图 - 站点地图 - 返回顶部
Copyright © 2007-2013 www.yhzhan.com(远航站长). All Rights Reserved .
远航站长:为中小站长提供最佳的学习与交流平台,提供网页制作与网站编程等各类网站制作教程.
官方QQ:445490277 网站群:26680406 网站备案号:豫ICP备07500620号-4