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

2017-12-06 分类:Clear 阅读(94) 评论(0)

一、样式与结构分离

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

二、语义化的html结构

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

      三、不要使用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. 最后做一个完整的网页

      最近博主也在学习HTML+CSS 正好看到这篇文章,很有意义,拿来分享一下~

      内容转载自:小影志

您可能也喜欢:

是什么让我不更新博客,是爱还是责任?

是因为懒并且我放寒假啦😄 ...

more

前端面试题整理

目录 $HTML, HTTP,web综合问题 1、前端需要注意哪些SEO 2、<img>的title和alt有什么区别 3、HTTP的几种请求方法用途 4、从浏览器地址栏输入url到显示页面的步骤 5、如何进行网站性能优化 6、HTTP状态码及其含义 7、语义化的理解 8、介绍一下你对...

more

时间在流淌,而我呢?

回想起以前时间长河的流速是多么的缓慢;现在随着年龄的增长,时间长河流速也快了许多;也许是自己在时光长河上留下的脚印太浅,容易被冲刷吧。 ——至虚度的2017 ...

more

评论&留言
欢迎新朋友你的到来!
还没有人抢沙发呢~
昵称
邮箱
网站

登录

忘记密码 ?

切换登录

注册