新手学习制作网页时应该注意的事项

新手学习制作网页时应该注意的事项

一、样式与结构分离

尽量使用<link rel="stylesheet" href="style.css" type="text/css" />的形式导入外部样式表,而不是直接将样式写在标签上或写在head里。

二、语义化的html结构

  1. 使用正确的标签
    例如你想表示标题,就应该使用heading(h1~h6)标签而不是span标签。
  2. 正确命名class和id
    语义化的HTML结构

三、不要使用Photoshop等软件的导出为html+图像功能

  1. 首先你看不懂那坨代码
  2. 其次表格布局已经out了
  3. 最后它使用起来效率太低了

四、其他

  1. <br/>标签只能用于p标签内。
  2. 表格除了tr、td标签,或许你还知道th,但是还有thead、tbody、tfoot、caption。
  3. 一个页面的标题标签通常只用到h4,如果你能用到h5甚至h6,那你的网页太复杂了!
  4. 无论多少个连续的空格都被视为一个空格,打空格请用&nbsp;
  5. 除了ul无序列表,ol有序列表,还有dl定义列表。

五、请遵循W3C制定的网页标准

  1. 每个标签都应该有开放标签和闭合标签
  2. 空标签必须以在右尖括号前加“ /”
  3. 所有标签内的属性都必须用引号""括起来
  4. 所有标签及属性必须使用小写
  5. 必须给img标签加上alt属性
  6. 不要使用font、center等废弃的标签

错误:

<center>
    <font size="5">我是标题</font>
    <P>下面是一张<EM>图片</P>哦</EM>
    <img src=abc.jpg>
</center>

正确:

<div style="text-align:center">
    <h1>我是标题</h1>
    <p>下面是一张<em>图片</em>哦</p>
    <img src="abc.jpg" alt="这里写图片说明" />
</div>

六、如何开始学习网页制作

  1. 首先需要了解什么是HTML、CSS、W3C等
  2. 找份稍微复杂点的word文档,用HTML语言将它编写出来
    1. 不用考虑除标签外的一切因素
    2. 做这步是为了学习如何选择并使用正确的符合语义的标签
  3. 然后挨个学习CSS属性,推荐苏沈小雨CSS2.0中文手册
  4. 学习使用div+css布局
  5. 最后做一个完整的网页

好吧,其实我也是个新手,如果哪里写的不对了,还请多多指教哈 😛

54 条评论

发表评论

*