HTML标记写法有错误的是,常见的HTML标记错误写法_HTML/Xhtml_网页制作

我们最好开始注意了,因为HTML Police会走遍你的代码然后挑出你所有没有语义的标签,这份列表包含了10个最经常犯得HTML标签错误,记下他们,能够让我们避免犯此常见错误,让我们的HTML标签符合语义,和标准的要求.

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

8a2fbd57831e818e6975f7343451e181.png

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

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

52e16a102f90d27c1f181071211688e9.png

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

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

b0d8a8fda1a0df34371a78df33cf5821.png

犯罪4:使用和显示黑体字和斜体

6024f409bcb2b50c6e8927645381711c.png

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

犯罪5:使用太多

312fc8c5d1791193d43d11d8fb5c7ebd.png

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

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

89d15388eb3ec912891a8b7224500d23.png

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

罪行 7: 使用内联样式

db7cd7d8370be9318eb34afce5af9834.png

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

罪行 8: 把border添加到HTML中

64c2cc855bae8a0fd54d2194a233ec0e.png

罪行 9: 没有使用header标签

-

52d178eeda5d31ee90fecf9c5d4cd96b.png

罪行10: 没有语义的 或

7478a9111576b78b84ad8ac591b128d5.png

不被w3推荐,和(闪动,滚动)标签是纯粹的丑陋。

不要使用这个标签,如果一定要用这样的效果,相信,你会有其他更好的效果

--------这世上只有两种人:骗人的和被骗的。------------

声明:本文原创发布php中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值