野百合也有春天

野百合也有春天,Miss宋个人博客,记录web前端成长和学习历程的个人博客,前端博客,佛山博客网站!

HTML运用过程中会出现的大误区

       学习HTML接触了不少的标签,可能很多像我一样的初学者在运用的过程中,由于对标签语义不熟悉,常常用某一个标签代替另外一个标签来实现相同的效果。例如,想要实现有序列表的效果,有些人就可能会用以下代码实现:
 
  <!DOCTYPE  html>
 
  <htmlxmlns="http://www.w3.org/1999/xhtml">
 
  <head>
 
  <title>有序列表</title>
 
  </head>
 
  <body>
 
  <div>1.HTML</div>
 
  <div>2.CSS</div>
 
  <div>3.JavaScript</div>
 
  </body>
 
  </html>
 
  乍一看,代码不同,但是在浏览器看到的效果跟有序列表的效果都差不多,正因为这样,导致很多初学者在HTML学习的过程中,没有认真把每个标签的语义弄懂,糊里糊涂地就过去了,能用某一个学过的标签代替一个新的标签,就懒得学这个新的标签了,这也是大多数初学者遇到过的问题。还有很多类似这样的混用法,如列表标签和P标签实现的效果,也可以用div和span这两个标签来实现。不错,是可以用div和span这两个无语义的标签代替大部分语义标签,或者用多个p标签代替列表标签。但是这样一来,就违背了HTML这门语言的初衷。HTML中的每一个标签都有它自身的语义,例如p标签,表示的是“paragraph”,标记的是一个段落。如果用div标签代替p标签,那这段文字就没有任何语义了。语义其实很重要的,能编写一个语义结构清晰易懂的网页,是学习HTML的目的。网页语义结构好的话,要是哪一行代码出错了,也容易找出来并更好地修正它,即对后期的网页维护更有利。再者,对于搜索引擎化(SEO)来说,语义结构良好也是非常重要的。
 
  既然知道这是一个大误区,我们这些初学者就要更加注意了,不能图一时之便利,而一错再错,应该正确学习和运用HTML标签,能把正确的语义标签用在对的地方,建立语义结构良好的网页,养成良好的标签使用习惯。

转载请注明出处:Miss宋个人博客 - http://www.skj993.cn/html/biji/28.html

评论