10个最经常犯得HTML标签错误

用户头像
杭州/网页设计师/15年前/1992浏览
10个最经常犯得HTML标签错误
用户头像
dapeng

 请熟读并记下以下10条.这份列表包含了10个最经常犯得HTML标签错误,记下他们,能够让我们避免犯此常见错误,让我们的HTML标签符合语义,和标准的要求

请熟读并记下以下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> (闪动,滚动)标签是纯粹的丑陋.不要使用这个标签,如果一定要用这样的效果,相信,你会有其他更好的效果.
 

2
举报
|
18
分享
相关推荐
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
加载中
推荐素材
卡通女孩与网页表格3D渲染
网页设计——纸杯蛋糕
运动风人物插画
卡通风格网页页面3D渲染
三个青年站在网页周边矢量插画
 网页背景
一个男生和两个女生站在网页前面打招呼矢量
三个青年正在装修网页矢量插画
卡通风格网页页面3D渲染
网页背景
B19【星空诗意&网页幽灵按钮】公司产品服务简介汇报
banner
网页页面矢量插画
一个人拿着优惠券准备支付购物电商矢量插画
网页图标
四个人物分别在上网贴纸合集
网页电商背景矢量插画
女生坐在网页面前办公矢量插画
新年快乐送福网页矢量图banner
男生坐在网页面前办公矢量插画
三位美女围着网页看信息矢量插画
卡通风格网页页面3D渲染
卡通女孩与网页表格3D渲染
男生和女生站在网页面前矢量扁平插画
互联网,互联网插画,商务,数据,项目,合作,精准,投放,网页插画,插画,大数据,智能,商业,网页,网页设计,插画设计,互联,未来,交流,沟通,渐变
你可能喜欢
相关收藏夹
大家都在看
登录注册