快速业务通道

HTML学习中容易犯错的代码[图]

作者 佚名技术 来源 CSS编程 浏览 发布时间 2012-05-26

持良好的代码风格是每个Coder必学的课程,同样在HTML设计的时候也要特别注意代码的规范性,虽然说不规范的代码不会直接造成严重的后果,但很有可能对用户体验造成一定的干扰,同时也会降低搜索引擎对网站的好感度。这份列表包含了10个最容易犯的HTML标签错误,记下他们,能够让我们避免犯此常见错误,让我们的HTML标签符合语义,和标准的要求。

罪行1:把块级元素放入了行内元素内

10个最容易犯的HTML标签错误

HTML 元素的表现方式不外乎就两种:块级和行内。每一个标签都有默认的表现方式不是块级就是行内。像div和p 就是块级元素,他们用来形成文档结构。行内元素只能在快级元素内。

罪行2: img 标签没有包含alt属性

10个最容易犯的HTML标签错误

alt属性是所有显示在网页中图片的必须属性,它能够帮助人们知道这是什么图片。或者在网速比较慢的时候显示图片的含义是什么。它的主要目的是,说 明图片的含义,想这样的说明 alt=”image”是很糟糕的。如果,有些图片的确只是装饰作用而已,那么建议你写成 alt=”“。

罪行3:在必要的时候没使用list

10个最容易犯的HTML标签错误

犯罪4:使用<b>和<i>显示黑体字和斜体

10个最容易犯的HTML标签错误

可以用css样式定义 font-weight 和 font-style. 如果必须在页面中写标签的话,用 <strong>或 <em>标签来替换。<b><i>的没有任何语义可言, 但是,为了更简洁的页面,还是选择 css定义样式吧

犯罪5:使用太多<br/>

10个最容易犯的HTML标签错误

<br />换行标记只应该用于插入是在第一个文本流换行符敲到一个新行一个特别字了。它不应该被用来制造元素之间的差距,而是分裂成不同的段落,或调整的幅度CSS样式的文本。

罪行6: 使用错误的 Strikethrough 标签

10个最容易犯的HTML标签错误

在昔日,<S>和<strike>允许用来定义网站文字。不过,现在他们被定义为不推荐使用的标签,当他们任然可以有效果。现在用新的标记集- <del>和<ins>。来替换<s><strike>

罪行 7: 使用内联样式

10个最容易犯的HTML标签错误

css最重要的目的只是为了区分文档和样式,如果,你把style写到页面里面,那么完全没有css的作用可言。所以,记住把你的样式放在它该放的位子

罪行 8: 把border添加到HTML中

10个最容易犯的HTML标签错误

罪行 9: 没有使用header标签<h1>-<h6>

10个最容易犯的HTML标签错误

罪行10: 没有语义的 <blink> 或<marquee>

10个最容易犯的HTML标签错误

不被w3推荐,<blink>和<marquee> (闪动,滚动)标签是纯粹的丑陋。不要使用这个标签,如果一定要用这样的效果,相信,你会有其他更好的效果

凌众科技专业提供服务器租用、服务器托管、企业邮局、虚拟主机等服务,公司网站:http://www.lingzhong.cn 为了给广大客户了解更多的技术信息,本技术文章收集来源于网络,凌众科技尊重文章作者的版权,如果有涉及你的版权有必要删除你的文章,请和我们联系。以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息,谢谢!

分享到: 更多

Copyright ©1999-2011 厦门凌众科技有限公司 厦门优通互联科技开发有限公司 All rights reserved

地址(ADD):厦门软件园二期望海路63号701E(东南融通旁) 邮编(ZIP):361008

电话:0592-5908028 传真:0592-5908039 咨询信箱:web@lingzhong.cn 咨询OICQ:173723134

《中华人民共和国增值电信业务经营许可证》闽B2-20100024  ICP备案:闽ICP备05037997号