奇怪了为什么现在很少有网站使用HTML5的语义化标签

今天学了HTML5的一些新的标签,了解一番后感觉非常的强大也非常的实用。

将网站每个区域用语义化的标签来代替满屏的DIV布局,不仅阅读起来非常爽,而且很多时候甚至可以不用追加一堆的class样式来控制,直接用css控制标签即可,结构开起来非常好,新手看起来都不头晕了!

下面简单布局一个页面:





语义化结构标签



/*头部标签*/
Logo
/*定义块状区域*/
/*用于包裹标题标签,可以直观了解到这是一个标题集合*/

织梦菜鸟网模板下载

dedenoob

织梦模板很多可以下载……

/*文章*/ 文章内容区域,织梦模板下载学习www.dedenoob.com,整站模板安装即可使用,大量响应式模板,学习、建站兼职均可使用!!
/*多媒体并可附带标题*/
标题
...
/*用于对话集合*/
你好,那个模板网站怎么样?
还不错,挺全的
你好,那个模板网站怎么样?
还不错,挺全的
你好,那个模板网站怎么样?
还不错,挺全的
你好,那个模板网站怎么样?
还不错,挺全的
你好,那个模板网站怎么样?
还不错,挺全的
你好,那个模板网站怎么样?
还不错,挺全的
/*用于尾部*/ Copyright,,,,,

页面中基本全部用了语义化标签代替了DIV,最后写了一个样式控制footer,说明其它元素也一样能直接控制。这样一来阅读真的方便了许多,而且应该还对搜索引擎的抓取非常有利,别看它是机器,但是好的代码结构提高了蜘蛛处理数据的速度。

页面中的标签具体含义在代码中已经标明。

你可能感兴趣的:(HTML)