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

2023-06-04 分类：网站建设

重庆网站建设专家创新互联对DIV+CSS的架构的一些规范和经验。先说下概念，div是一个块级元素，同时也意味着自动换行。它后面经常跟随着class或者id这样的元素，亦或是两者。主要的差异是class用于元素组，而id用于标识唯一的元素。常规的网站架构通常为：

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

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

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

在定义为header的div中应出现一个h1标签，用于诠释整个网站的内容，应包括网站的主关键词。接着用ul无序标签做导航排列列表。h2标签来说可以出现1-3次，接着就是权重依次降低的h3标签，在主页可用于小版块的标题。

下面是在做前端架构中必须注意的一些问题。

一是不要对Heading标签胡乱使用，h1到h6html里面一共有6种Heading标签，作用依次减少，标题标签不仅能帮助访客清晰的了解网站的结构和一大段未读文字的大义，也能帮助搜索引擎更好的了解网页的结构；

二是应该正规Heading标签的使用方法，比如现在笔者看到很多的网站无法正确将Heading标签进行分级。比如在内容页里面，将网站的标题定义在h1中，也就是网站的通用头部。h2作为一篇文章的标题出现，在主页中可以作为对主页或者整个网站的表述出现。那么文章中的目录或者主页中的小栏目统一用来描述，这样一来就可以将Heading标签标准化，不管对于搜索引擎还是用户都会有所帮助。

三是应当让定义的Heading标签规范，让用户看到标签能对页面产生一定的了解；

四是很多站长经常出现的问题：泛滥使用Heading标签，而忽略对strong和em标签的使用。

分享文章：Div标签在网站建设中的一些规范
URL标题：https://www.cdcxhl.com/news13/262613.html

成都网站建设公司_创新互联，为您提供外贸网站建设、网站建设、云服务器、标签优化、App开发、品牌网站建设

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源：创新互联

猜你还喜欢下面的内容