`

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

    博客分类:
  • HTML
阅读更多

     编辑点评: 该文章的列表包含了10个最容易犯的HTML标签错误,记下他们,能够让我们避免犯此常见错误,让我们的HTML标签符合语义,和标准的要求.

 

 保持良好的代码风格是每个Coder必学的课程,同样在HTML 设计的时候也要特别注意代码的规范性,虽然说不规范的代码不会直接造成严重的后果,但很有可能对用户体验造成一定的干扰,同时也会降低搜索引擎对网站的好感度.这份列表包含了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> (闪动,滚动)标签是纯粹的丑陋。

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

分享到:
评论

相关推荐

    如何避免常见的6种HTML5错误用法

    然而,许多开发者在使用这些新标签时容易犯一些常见错误,导致代码质量下降,甚至影响用户体验。本文将深入探讨六种常见的HTML5错误用法,并提供相应的避免策略。 ### 一、误用作为的替代品 错误做法:在HTML5中,...

    DIV+CSS作网页容易犯的错误小结

    以下是一些在使用`DIV+CSS`制作网页时容易犯的错误及其解决方法: 1. **HTML元素错误**:确保所有的HTML元素没有拼写错误,并且正确地关闭了开始和结束标签。例如,`&lt;div&gt;`标签必须有相应的`&lt;/div&gt;`结束标签。可以...

    HTML参考手册.chm

    这种情况经常会发生,即使那些网页制作大师们有时也会犯一些简单的错误,因为忘掉一个符号太容易发生了。当你发现自己的网页存在问题时,下面就需要进行修改。  浏览器自己可不知道在哪添加个标志符使网页正确显示...

    Extjs学习过程中新手容易碰到的低级错误积累

    在学习Extjs的过程中,还有一个很容易被忽视的问题是**HTML标签闭合问题**。例如,将`&lt;script&gt;`标签错误地写成了`&lt;script/&gt;`形式,这在某些情况下可能导致脚本加载失败。 - **常见错误**:将`&lt;script&gt;`标签误写成自...

    六种常见的HTML5写法误用.pdf

    然而,在实际应用中,开发者们往往容易犯一些常见的错误,这些错误主要集中在对新引入的标签如, , 等的误用上。以下是对这些误用的详细解释和正确使用方法: 1. **误用作为的替代品**: 在HTML4时代,元素被广泛...

    CSS网页布局时常犯的几种小错误小结

    在编写HTML代码时,很容易出现拼写错误或是忘记闭合标签的情况。例如,`&lt;div&gt;`标签如果没有正确闭合,可能会导致浏览器无法正确解析和渲染页面。对于这一点,新手开发者尤其需要留意。可以使用编辑器(如Dreamweaver...

    工作临时

    6. "开发者最容易犯的13个JavaScript错误.html":这个文件可能列举并解释了开发者在编写JavaScript时常见的错误,是学习和避免常见陷阱的好资源。 7. "index.html":这是每个网站的标准入口文件,通常包含网站的...

    外贸企业海外推广精选集(二)2.pdf

    - **Description**:这是最重要的Meta标签,应为每个页面提供独特、准确的40字以内描述。 2. **JavaScript处理**:避免在&lt;head&gt;&lt;/head&gt;之间大量使用JavaScript,可能会影响搜索引擎的抓取速度和效率。最好将...

    提高关键字在百度里的排名的方法

    2. **拼写错误**:虽然拼写错误的关键字本身没有价值,但如果能发现并利用用户常犯的拼写错误,也能额外提高访问量。 3. **去除停用词**:在中文中,像“的”、“地”、“你”、“我”这样的词常常出现在文本中,但...

    图型界面的设计

    而容错性则是设计时要考虑到用户可能犯的错误,并提供纠正的途径。 在实现上,开发人员可能会使用各种库和框架,比如提到的D3.js,它是一个强大的数据驱动文档库,能够创建复杂的交互式图表;ECharts是百度开源的...

    seowhy内部电子书

    - **失败案例**: 从失败案例中汲取教训,避免犯同样的错误。 #### 九、SEO作弊 - **黑帽SEO**: 违反搜索引擎政策的行为,如隐藏文本、关键词堆砌等。 - **后果**: 被搜索引擎惩罚,可能导致网站被降权甚至移除索引...

Global site tag (gtag.js) - Google Analytics