Div标签在网站建设中的一些规范

欢迎您访问我爱IT技术网，今天小编为你分享的电脑教程是建站经验系列之：【Div标签在网站建设中的一些规范】，下面是详细的分享！

Div标签在网站建设中的一些规范

　　笔者拨指一算从事网站建设行业已有5年有余，今天抽出点时间与各位站长们分享下个人多年来对DIV+CSS的架构的一些规范和经验。先说下概念，

　　是一个块级元素，同时也意味着自动换行。它后面经常跟随着class或者id这样的元素，亦或是两者。主要的差异是class用于元素组，而id用于标识唯一的元素。常规的网站架构通常为：

　　定义一个头部通用。为规范化，通常命名为header。

　　定义主题框架，为规范化，通常命名为content或者wrapper。

　　定义脚步框架，为规范化，同化成命名为footer。

　　在定义为header的

　　中应出现一个h1标签，用于诠释整个网站的内容，应包括网站的主关键词。接着用

　　无序标签做导航排列列表。h2标签来说可以出现1-3次，接着就是权重依次降低的h3标签，在主页可用于小版块的标题。

　　下面是在做前端架构中必须注意的一些问题。一是不要对Heading标签胡乱使用，

　　到html里面一共有6种Heading标签，作用依次减少，标题标签不仅能帮助访客清晰的了解网站的结构和一大段未读文字的大义，也能帮助搜索引擎更好的了解网页的结构;二是应该正规Heading标签的使用方法，比如现在笔者看到很多的网站无法正确将Heading标签进行分级。比如在内容页里面，将网站的标题定义在

　　中，也就是网站的通用头部。

　　作为一篇文章的标题出现，在主页中可以作为对主页或者整个网站的表述出现。那么文章中的目录或者主页中的小栏目统一 用

　　来描述，这样一来就可以将Heading标签标准化，不管对于搜索引擎还是用户都会有所帮助。三是应当让定义的Heading标签规范，让用户看到标签能对页面产生一定的了解;四是很多站长经常出现的问题：泛滥使用heading标签，而忽略对和标签的使用。

　　随着网页设计技术的进步和人们对用户体验的要求越来越高，将前端工作分割为平面设计和页面重构已是大势所趋。作为专业的页面重构人员应该在平时的工作中多反思多总结，在无规范中寻找规范，在规范中寻求创新，只有这样才能使得行业越来越规范，也才能进一步提升访客的用户体验。

以上所分享的是关于Div标签在网站建设中的一些规范，下面是编辑为你推荐的有价值的用户互动：

　　相关问题：HTML标签a的规范化问题

　　答：关于第一种写法。现在是很多种浏览器会自动的识别代码中的一些错误。会给你自动加上。要是有的低端浏览器可能就会直接出现错误，像是一个成对出现的标签。后面的div没有关闭。在现在的高端浏览器就会自动的给你关闭。然而旧的ie或者其他低端的浏... >>详细

　　相关问题：在div标签中显示其他网站内容

　　答：1。要显示的内容 内容 window.onload=function(){document.getElementById("hidden_html").value=document.getElementById("div1").innerHTML;} 2.采纳要显示的内容 显示div1的内容 window.onload=function(){document.getElementById("div2").i... >>详细

　　相关问题：网页设计中DIV标签怎样实现内容换行

　　答：网页设计中DIV标签实现内容换行，这个的话，就是通过你设置的div的宽度和高度，如果你的文字只要过多，书写超过宽度自然就会换行，也可以说是被挤走的，我这边写段代码： 我是测试文字 >>详细