请熟读并记下以下10条.这份列表包含了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> (闪动,滚动)标签是纯粹的丑陋.不要使用这个标签,如果一定要用这样的效果,相信,你会有其他更好的效果.
相关阅读
- 谈Web标准中10个最经常犯的HTML标签...(2010-08-30 10:25:38)
- 纯HTML标签详解(2009-11-02 15:24:24)
- 几个不常用的HTML标签(2009-10-13 11:14:52)
- 10个未被充分利用或被误解的HTML标...(2009-08-03 11:01:10)
- HTML标签图片alt在优化中的谨慎使用...(2009-07-02 17:57:25)
- Flash MX 2004 支持的HTML标签(2008-07-07 22:36:00)
- CSS网页布局中HTML标签的语义(2008-07-07 20:42:00)
- 初学DIV+CSS应该理解HTML标签的语义...(2008-07-07 20:41:00)
相关排行总榜
网页教程
站长文章
特效排行
PS快速去水印方法
网页视频播放器代码大全
Photoshop教程:改变人物照片背景颜色
photoshop制作透明玻璃效果
HTML表格边框的设置小技巧
FLASH透明背景代码
PHOTOSHOP教程:打造星星发光效果
Photoshop相册排版设计:韩版简洁的相册板...
JS函数集合大全
PS电影海报制作:超酷的灾难巨片《2012》风...
什么是SEM? SEM是什么意思?
什么是IIS? IIS是什么意思?
qq群聊天时,发送消息后对话框自动关闭的...
Service Unavailable的原因分析及解决方法...
浅谈如何利用微博网赚的三种方法
看看美国人都喜欢上什么网站
[原创]揭开淘宝骗子商家“支持货到付款”...
万网空间怎么样
腾讯大厦员工办公环境实拍
爱普生 EPSON ME1+ 打印机红绿灯交替闪烁...
漂亮js图片切换效果
JQUERY多图切换轮换图片播放特效
QQ在线客服浮动代码下载
弹性十足的横向弹出菜单特效代码
非常漂亮的菜单切换格子图片特效
超酷3D照片展示效果
JQUERY制作的全屏个性相册展示特效
带向左向右方向按钮图片无限循环左右滚动...
鼠标点击展开的下拉列表特效
纯CSS菜单导航特效代码
网页视频播放器代码大全
Photoshop教程:改变人物照片背景颜色
photoshop制作透明玻璃效果
HTML表格边框的设置小技巧
FLASH透明背景代码
PHOTOSHOP教程:打造星星发光效果
Photoshop相册排版设计:韩版简洁的相册板...
JS函数集合大全
PS电影海报制作:超酷的灾难巨片《2012》风...
什么是SEM? SEM是什么意思?
什么是IIS? IIS是什么意思?
qq群聊天时,发送消息后对话框自动关闭的...
Service Unavailable的原因分析及解决方法...
浅谈如何利用微博网赚的三种方法
看看美国人都喜欢上什么网站
[原创]揭开淘宝骗子商家“支持货到付款”...
万网空间怎么样
腾讯大厦员工办公环境实拍
爱普生 EPSON ME1+ 打印机红绿灯交替闪烁...
漂亮js图片切换效果
JQUERY多图切换轮换图片播放特效
QQ在线客服浮动代码下载
弹性十足的横向弹出菜单特效代码
非常漂亮的菜单切换格子图片特效
超酷3D照片展示效果
JQUERY制作的全屏个性相册展示特效
带向左向右方向按钮图片无限循环左右滚动...
鼠标点击展开的下拉列表特效
纯CSS菜单导航特效代码