怎么区分html5和html的标签

html-css014

怎么区分html5和html的标签,第1张

1、在文档类型声明上

html:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "

http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

HTML5:

 <!DOCTYPE html>

由这两者对比可见:在文档声明上,html有很长的一段代码,并且很难记住这段代码,想必很多人都是靠工具直接生成的吧,而html5却是不同,只有简简单单的声明,这也方便人们的记忆,更加精简。

2、在结构语义上

html4.0:没有体现结构语义化的标签,通常都是这样来命名的

<div id="header"></div>

html5:在语义上却有很大的优势。提供了一些新的html5标签,比如:

<header> 、<nav>、<article>、<aside>、<footer>

可以直接保存为html文件,再在浏览器中打开就能识别html标签了。如果需要查看html里面的内容,可以点右键“查看源代码”,查看html内的源代码,或者按F12打开开发者工具查看。

在XHTML中要求HTML标签具有语义性,就是要用有意义的标签,比如段落用P标签,标题用H标签等,通常犯的最多的一个错误就是大量使用 div span标签,这时候的标签通常从语义上讲是没有任何意义的,可以用更合适的标签来替换。判断HTML标签使用是否合理的最好方式就是把所有的CSS文件全部去掉,看看HTML页面的可读性还高不高,可读性越高说明你的标签用的就越合理。比如h1标签即使没有CSS样式表也能正确的显示一个标题的效果。想Firefox的插件webdeveloper就可以很方便禁用CSS和JavaScript。

所以写HTML的时候应该注意以下几点:

1. 尽量少用div标签和span标签,大部分时候这两个标签是无意义的,div用于分区或分块,

2. 在语义不明显的时候,即既可以用p又可以用div时,尽量用p,因为p默认有上下间距,在没有样式表的情况下可读性更好