一对一免费咨询: 13913005726 025-66045668

笔者拨指一算从事网站建设行业已有5年有余,今天抽出点时间与各位站长们分享下个人多年来对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标签的使用。

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

本文出自www.ynynyn.com,转载请保留作者链接,谢谢。


 


 南京牧狼文化传媒有限公司简介:


      牧狼传媒,牧者之心,狼者之性,以牧之谦卑宽容之心待人,以狼之团结无畏之性做事!


  公司注册资金100万,主营众筹全案服务、网站营销全案服务、网站建设、微信小程序开发、电商网店设计、H5页面设计、腾讯社交广告投放以及电商营销推广全案等相关业务,致力于为客户提供更有价值的服务,创造让用户满意的效果!


  为百度官方及其大客户、苏宁易购、金山WPS秀堂、美的、创维家电、新东方在线、伊莱克斯、宝丽莱等国内国外知名品牌服务过,服务经验丰富!同时,公司也是南京电子商务协会会员单位、猪八戒网官方认证签约服务商、江苏八戒服务网联盟、南京浦口文化产业联合会会员单位,可以为您提供更好的服务!


  主营项目:众筹全案服务、网站营销全案服务、网站建设、微信小程序开发、电商网店设计、H5页面设计、腾讯社交广告投放、竞价托管、网站优化、电商代运营等


  合作客户:百度、苏宁易购、饿了么、美的、创维家电、新东方在线、宝丽莱、金山WPS秀堂、伊莱克斯


  资质荣誉:百度商业服务市场2017年度最佳图片服务商、南京电子商务协会会员单位、猪八戒网官方认证签约服务商、江苏八戒服务网联盟、南京浦口文化产业联合会会员单位、八戒通TOP服务商、"易拍即合杯"H5创意大赛"三等奖"。



致力于为客户创造更多价值
13913005726 025-66045668
需求提交
电话咨询
在线咨询