1. 云栖社区>
  2. 技术文集>
  3. 列表>
  4. 正文

谈Web标准中10个最经常犯的HTML标签错误

作者:用户 来源:互联网 时间:2016-08-30 19:19:02

图片标签样式元素含义错误元素语义

谈Web标准中10个最经常犯的HTML标签错误 - 摘要: 本文讲的是谈Web标准中10个最经常犯的HTML标签错误, 请熟读并记下以下10条.这份列表包含了10个最经常犯的HTML标签错误,记下他们,能够让我们避免犯此常见错误,让我们的HTML标签符合语义,和标准的要求 罪

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

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

谈Web标准中10个最经常犯的HTML标签错误-web标签

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

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

谈Web标准中10个最经常犯的HTML标签错误-webview获取网页标签

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

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

谈Web标准中10个最经常犯的HTML标签错误-web.xml taglib标签

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

谈Web标准中10个最经常犯的HTML标签错误-webview加载<a href=html标签">

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

犯罪5:使用太多<br/>

谈Web标准中10个最经常犯的HTML标签错误-javaweb自定义标签

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

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

谈Web标准中10个最经常犯的HTML标签错误-web标签

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

罪行 7: 使用内联样式

谈Web标准中10个最经常犯的HTML标签错误-webview获取网页标签

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

罪行 8: 把border添加到HTML中

谈Web标准中10个最经常犯的HTML标签错误-web.xml taglib标签

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

谈Web标准中10个最经常犯的HTML标签错误-webview加载html标签

罪行10: 没有语义的 <blink> 或<marquee>

谈Web标准中10个最经常犯的HTML标签错误-javaweb自定义标签

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



以上是云栖社区小编为您精心准备的的内容,在云栖社区的博客、问答、公众号、人物、课程等栏目也有 的相关内容,欢迎继续使用右上角搜索按钮进行搜索图片 , 标签 , 样式 , 元素含义 , 错误 , 元素 语义 web标签、webview获取网页标签、web.xml taglib标签、webview加载html标签、javaweb自定义标签,以便于您获取更多的相关知识。

div布局-DIV + CSS设计中的DIV是指的html中的div标签吗?

...扭。 解决方案 DIV+CSS是WEB设计标准,它是一种网页的布局方法。不是指页面的div标签的。 参考:http://baike.baidu.com/link?url=lf2dUBDDlOdMJHnoAr-bUvWbZQ_JBgQr8z__vWe3mUr5XesIP_2Gf65cXxgENgzCSVOLkxK5FMj3rFO0ZRBoTq 解决方案二...

搜索者容易犯的七个低级错误

...rching the Web”的搜索结果。    怎样辨别停用词呢?300个最常用的英文词汇基本上都是停用词,搜索引擎google在你的搜索关键词中含有停用词时,会把它忽略的每个停用词告诉你,就显示在搜索结果页最上边。你可以用一个含...

记住在php编写时容易范的错误!

...的犯的一些错误。我做了下面这个列表,列出了PHP程序员经常犯的10中错误,大多数和安全相关。看看你犯了几种1.不转意html entities   一个基本的常识:所有不可信任的输入(特别是用户从form中提交的数据) ,输出之前都要转...

10个最常见的 Rails 编程错误(译文)

...的原则, 简而言之,在默认情况下,Rails假设你遵循了“标准”的约定(像命名规则,代码结构等等),如果你这样做了,很多事情会自动完成而不需要关心细节。 这样做虽然有优点,但同时也存在一些陷阱。最显著的问题就是...

菜鸟必看:这些年我们爱犯的弱智错误

...免办法:建议对于非 boolean 对象的在判定时采用 !! 进行标准的 boolean 转换,同时要记住 js 中对于 0 这个特殊情况的判定,再结合你的需求编写正确的判定表达式。 No.7 JSON 对象的理解 有的初学者对于 server 端的对象能够争取理...

前三篇
后三篇