深圳网站制作专业品牌! 联灿科技-深圳企业网站专业服务商 加入收藏
用户名: 密码: 注册
深圳市联灿科技有限公司深圳做网站,找联灿! 深圳网站设计热线 深圳网页设计在线咨询
技术交流
网站设计
网站优化
行业动态
 
深圳做网站,找联灿!
深圳市联灿科技有限公司成立于二零零四年,是家专业提供深圳网站制作深圳网页设计深圳网页制作深圳网站设计深圳网站开发、域名注册、虚拟主机、企业邮箱等服务的正规深圳做网站的公司,迄今已累积客户逾千家,在业界具有相当的知名度,在深圳网站建设市场上树立了良好的口碑。
业精于专,值得您的信赖!
销售热线:0755-26955674
查看更多联系方式
网站设计
网站制作中应避免的10种HTML标签用法

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

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

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

用法2: img 标签没有包含alt属性

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

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

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

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

用法5:使用太多<br/>

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

用法6: 使用错误的 Strikethrough 标签

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

用法7: 使用内联样式

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

用法8: 把border添加到HTML中

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

用法10: 没有语义的 <blink> 或<marquee>

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


上一篇:企业网站的视觉设计应注意哪些要点
下一篇:企业网站应如何通过内容来提升其价值

技术交流 最新上线
网站制作中关于图片优化的15个原则
网站进行改版时应该注意哪些方面?
多方面入手有效提升网站的用户体验
谷歌网站管理员博客:五个常见的SEO错误
揭示黑客在社交网站上的五大攻击手法
Foshan Green Pipe Technology 网站制作完成
色源实业有限公司深圳网站制作完成
Dongguan Yicheng Innovation 网站设计完成
鸿翼能科技有限公司深圳网站制作完成
AGS technology limited 深圳网站制作完成
 
网站首页 | 公司简介 | 新闻动态 | 超值套餐 | 经典案例 | 常见问答 | 技术支持 | 联系方式 | 留言反馈
Copyright © 2004-2017 LINKCHANT TECHNOLOGY LTD, All Rights Reserved. 粤ICP备05037094号
联系电话: 0755-26955674  电子邮箱: sales@linkchant.com
联灿科技: 深圳网站制作公司 | 深圳网页设计公司 | 深圳网页制作公司 | 深圳网站设计公司 | 深圳网站建设公司 | 深圳网站开发公司 | 深圳做网站的公司