新葡亰496net 新葡亰编程 常见空行问题

常见空行问题



在网页中,尤其是以 table
作为布局的网页,如果我们习惯于在设计界面拖拉,而不是在代码界面写代码,容易造成空行,也就是说,在某一个地方,总是有一行空白。有些空行可以在设计界面删除,而有些空行就只能在代码中消除。

一、为何要遵循开发规范?

今天记录一下目前为止我已知的一些代码

原因分析

  1. 为了写出高质量,高效率的代码。

  2. 提高代码的重复利用率。

  3. 让你的代码阅读者更方便读懂。

  4. 提高后期项目维护效率。

     一.HTML                 内容 (Hyper Text
Markup Language ,超文本标记语言)

一、中文空格或 Tab 键。 <table>
  <tr>
    <td>1</td>
  </tr> 
</table>
上述代码中:</tr>后面有个中文空格,造成整个表格前面有一个空行。


     二.CSS                    网页美化

这种错误看似不常见,实际上很常见,可以通过搜索来发现。

二、HTML命名规范

     三.Javascript                脚本语言

二、高度

  1. 文件资源的命名规则:

       四.<html></html>                 
开始标签   结束标签

我是不主张使用高度属性的,但是在设计界面画表格时一般会自动为我们指定高度,再加上一些网页制作人员有不好的习惯,总习惯用拖动去改变表格的大小。

方面理解,方便查找。统一用小写的英文字母、数字和下划线的组合,不得包含汉字空格和特殊字符。

               
 五.<head></head>             网页上的控制信息

假如一个表格高度为 100 像素,而其内容只有 80 像素高,那么势必有 20
像素的空行。

图片 1

       六.<title></title>              
 页面标题

三、边距

常见命名及存放的资源

                 七.<body></body>             
页面上显示的内容  

像 form、ul 这些标签,默认情况下是有边距的(至少 IE
中是这样),我们可以利用样式表 margin:0px; 来消除。

  1. 索引文件命名规则:index.后缀  (如index.html、index.php等)

              

3.
子页面命名规则:统一中文翻译的英文。或者统一拼音命名,但不要又是拼音又是英文。

<html>        开始标签 
    <head>
    网页上的控制信息
    <title>页面标题</title>
    </head>
    <body>
    页面上显示的内容
    </body>
</html>        结束标签

    
八.<b></b>                  字体加粗

三、图片的命名规则

     九.<i></i>                  
  倾斜

一般使用下划线分割,前面页面位置或类型,后面加性质。例如:

    
十.<u></u>                  下划线

图片 2

    十一.<s></s>                 
 删除线

图片的命名示例

    十二.<center></center>              
居中

几个常见的不成文规定:

    十三.<br>或</br>               
 相当于回车

标签:

相关文章

发表评论

电子邮件地址不会被公开。 必填项已用*标注

网站地图xml地图