请选择时期:
怀孕准备 怀孕 分娩 宝宝0-1岁 宝宝1-3岁 宝宝3-6岁

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

来源: 最后更新:22-04-01 08:26:50

导读:Div标签在网站建设中的一些规范和经验,将前端工作分割为平面设计和页面重构,这是随着网页设计技术的进步以及人们对用户体验的要求越来越高所采取的必然手段,这也是已是大势所趋。为了使行业越来越规范,为了能进一步提升访客的用户体验,作为专业的页面重构人员就应该在平时的工作中多反思多总结,在无规范中寻找规范,在规范中寻求创新。

  面对Div标签在网站建设中的一些规范,你是否烦心过?这里为大家展现一篇来自一个从事网站建设行业已有5年之余的朋友关于Div标签在网站建设中的一些规范和经验。

  

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

  

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

  

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

  

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

  

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

  

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

  

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

  

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

  

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

  

  四是很多人经常出现的问题:泛滥使用Heading标签,而忽略对strong和em标签的使用。

  

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

标签: 网站建设  标签  经验  简介  

免责声明:本文系转载,版权归原作者所有;旨在传递信息,其原创性以及文中陈述文字和内容未经本站证实。

本文地址:http://www.zuomama.com/qiaomen/youxi/209462.html

  • 1学校组织学生徒步自费看《满江红》,这种“自愿”未免太牵强

    学校组织学生徒步自费看《满江红》,这种“自愿”未免太牵强

  • 2怎么样鸽子 怎么养鸽子不怕它飞走

    怎么样鸽子 怎么养鸽子不怕它飞走

  • 3拱辰享怎么样 粉色后拱辰享怎么样

    拱辰享怎么样 粉色后拱辰享怎么样

  • 4汉能怎么样 汉能 北京

    汉能怎么样 汉能 北京

  • 5清华怎么样 蒲城朗悦清华怎么样

    清华怎么样 蒲城朗悦清华怎么样

  • 6叶酸片怎么样 斯利安叶酸片怎么样

    叶酸片怎么样 斯利安叶酸片怎么样

  • 7湘雅怎么样(湘雅各医院的优势)

    湘雅怎么样(湘雅各医院的优势)

  • 8民生保险怎么样 中国人民保险怎么样

    民生保险怎么样 中国人民保险怎么样

  • 9鸽子怎么样(鸽子怎么样做才好吃)

    鸽子怎么样(鸽子怎么样做才好吃)

  • 10新君威怎么样 全新君威怎么样

    新君威怎么样 全新君威怎么样

关于我们 | 广告服务 | 网站合作 | 免责声明 | 联系我们| 网站地图

© 2006-2022 做妈妈育儿网 all rights reserved. 浙ICP备2022035435号-3

声明: 本站文章均来自互联网,不代表本站观点 如有异议 请与本站联系 联系邮箱:kf#zuomama.com (请把#替换成@)