请选择 进入手机版 | 继续访问电脑版
贠老师培训群:150322713    贠老师QQ:767708506

贠老师office培训-excel学习网

 找回密码
 立即注册
点击咨询贠老师
查看: 178|回复: 3

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

[复制链接]

607

主题

604

帖子

1909

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
1909
发表于 2016-1-19 20:50:58 | 显示全部楼层 |阅读模式
保持良好的代码风格是每个Coder必学的课程,同样在HTML设计的时候也要特别注意代码的规范性,虽然说不规范的代码不会直接造成严重的后果,但很有可能对用户体验造成一定的干扰,同时也会降低搜索引擎对网站的好感度.这份列表包含了10个最容易犯的HTML标签错误,记下他们,能够让我们避免犯此常见错误,让我们的HTML标签符合语义,和标准的要求.
罪行1:把块级元素放入了行内元素内
2013052617171533.jpg
HTML 元素的表现方式不外乎就两种:块级和行内.每一个标签都有默认的表现方式不是块级就是行内.像P和p 就是块级元素,他们用来形成文档结构.行内元素只能在快级元素内.
罪行2: img 标签没有包含alt属性
2013052617171533.jpg
alt属性是所有显示在网页中图片的必须属性,它能够帮助人们知道这是什么图片.或者在网速比较慢的时候显示图片的含义是什么.它的主要目的是,说 明图片的含义,想这样的说明 alt=”image”是很糟糕的.如果,有些图片的确只是装饰作用而已,那么建议你写成 alt=”".
罪行3:在必要的时候没使用list
2013052617171533.jpg
犯罪4:使用<b>和<i>显示黑体字斜体
2013052617171533.jpg
可以用css样式定义 font-weightfont-style. 如果必须在页面中写标签的话,用 <strong> 或 <em>标签来替换.<b><i>的没有任何语义可言, 但是,为了更简洁的页面,还是选择 css定义样式吧
犯罪5:使用太多<br/>
2013052617171533.jpg
<br />换行标记只应该用于插入是在第一个文本流换行符敲到一个新行一个特别字了。它不应该被用来制造元素之间的差距,而是分裂成不同的段落,或调整的幅度CSS样式的文本。
罪行6: 使用错误的 Strikethrough 标签
2013052617171533.jpg
在昔日,<S>和<strike>允许用来定义网站文字。不过,现在他们被定义为不推荐使用的标签,当他们任然可以有效果.现在用新的标记集- <del>和<ins>。来替换<s><strike>
罪行 7: 使用内联样式
2013052617171533.jpg
css最重要的目的只是为了区分文档和样式,如果,你把style写到页面里面,那么完全没有css的作用可言.所以,记住把你的样式放在它该放的位子
罪行 8: 把border添加到HTML中
2013052617171533.jpg
罪行 9: 没有使用header标签<h1>-<h6>
2013052617171533.jpg
罪行10: 没有语义的 <blink> 或<marquee>
2013052617171533.jpg
不被w3推荐,<blink>和<marquee> (闪动,滚动)标签是纯粹的丑陋。
不要使用这个标签,如果一定要用这样的效果,相信,你会有其他更好的效果
回复

使用道具 举报

0

主题

775

帖子

783

积分

高级会员

Rank: 4

积分
783
发表于 2016-3-13 18:56:58 | 显示全部楼层
还有许多问题不明白,有点恼火啊!
回复 支持 反对

使用道具 举报

0

主题

775

帖子

783

积分

高级会员

Rank: 4

积分
783
发表于 2017-7-2 13:10:20 | 显示全部楼层
佩服你,能发这么好的帖子,厉害
回复 支持 反对

使用道具 举报

1

主题

891

帖子

20

积分

注册会员

Rank: 2

积分
20
发表于 2018-10-27 18:23:13 | 显示全部楼层
一下子解决了我工作当中的难题,谢谢楼主,非常感谢!
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则



陕ICP备15003731号  

贠老师培训 GMT+8, 2018-11-18 19:02 , Processed in 0.513261 second(s), 34 queries .

快速回复 返回顶部 返回列表