新手学习制作网页时应该注意的事项
时间：2014-03-22
来源：小影志
作者：佚名
一、样式与结构分离
尽量使用<link rel="stylesheet" href="style.css" type="text/css" />的形式导入外部样式表，而不是直接将样式写在标签上或写在head里。
二、语义化的html结构
- 使用正确的标签
例如你想表示标题，就应该使用heading(h1~h6)标签而不是span标签。 - 正确命名class和id
三、不要使用Photoshop等软件的导出为html+图像功能
- 首先你看不懂那坨代码
- 其次表格布局已经out了
- 最后它使用起来效率太低了
四、其他
<br/>标签只能用于p标签内。- 表格除了tr、td标签，或许你还知道th，但是还有thead、tbody、tfoot、caption。
- 一个页面的标题标签通常只用到h4，如果你能用到h5甚至h6，那你的网页太复杂了！
- 无论多少个连续的空格都被视为一个空格，打空格请用
- 除了ul无序列表，ol有序列表，还有dl定义列表。
五、请遵循W3C制定的网页标准
- 每个标签都应该有开放标签和闭合标签
- 空标签必须以在右尖括号前加“ /”
- 所有标签内的属性都必须用引号""括起来
- 所有标签及属性必须使用小写
- 必须给img标签加上alt属性
- 不要使用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>六、如何开始学习网页制作
- 首先需要了解什么是HTML、CSS、W3C等
- 找份稍微复杂点的word文档，用HTML语言将它编写出来
- 不用考虑除标签外的一切因素
- 做这步是为了学习如何选择并使用正确的符合语义的标签
- 然后挨个学习CSS属性，推荐苏沈小雨CSS2.0中文手册
- 学习使用div+css布局
- 最后做一个完整的网页
好吧，其实我也是个新手，如果哪里写的不对了，还请多多指教哈 ????
相关下载
相关文章
更多+-
11/06
-
10/13
-
10/13
-
10/13
-
10/12
软件排行榜
- 最新排行
- 最热排行
- 评分最高
-
手机软件 大小:20.76MB -
手机软件 大小:20.76MB
-
手机软件 大小:20.76MB
-
手机软件 大小:89.1MB
