网站树立中应该如何思考SEO提升 (树立网站整体形象的关键是)

本文目录导航：

• 网站树立中应该如何思考SEO提升
• fundation前端框架蕴含哪些性能
• Layui（三）：导航菜单、选项卡、进展条和面板

网站树立中应该如何思考SEO提升

网站排名的起因很多，如网站的外部和外部链接、内容、旺道SEO权重等等，如何提高网站的排名呢? 很多站长做了很多致力，然而做的很多提升上班，关于网站的排名都是没有用的。

在提升环节中，咱们终究须要做哪些，才干提高网站的排名，接上去要谈到的是28个网站SEO提升知识，可以处置你一切的难题，这里28个用于网站提升的SEO知识，能让你用起来大海捞针，象征着网页设计师和SEO新手，大局部人都能迅速上手，没有任何艰巨。

1、注册域名注册域名，假设你经常使用了暗藏域名一切者消息的话，搜查引擎或许会把你看成一个潜在的渣滓邮件制造者，所以不要暗藏域名一切者的消息。

2、主机要好经常使用虚构主机前，须要做一个黑名单审核，确认主机没有和被处罚的网站或渣滓邮件代理在一同。

他们负面的恶名会影响你自己的排名。

3、关键词规划关键字填充内容，也就是大家常说的关键词堆砌是不会提高网站排名的，反而会遭到搜查引擎的处罚。

关键词剖析与确定的准则是选用主词与长尾词，留意密度，拒绝堆砌，同时依据竞争对手网站的关键词启动翻新。

4、始终频繁改变关键词关键词是网站提升的关键外围所在，坚持关键词的稳固关于网站权重的稳固和提高具备关键的意义，然而在提升环节中有些站长在暂时看不到以后关键词成果时，想要迎合抢手搜查词而对既有的关键词启动始终的改变，这种改变不只影响到以往的提升成果，而且往往会遭受搜查引擎的处罚，对网站予以降权和再调查，最显著的体现就是经常使用SITE命令检查网站收录状况时首页从第一位隐没，网站的收录状况逐渐降高等，这些都是频繁改变关键词带来的恶果，综合来看这样做基本上都是得失相当的，所谓的“稳固压倒一切”在这里便具备了其不凡意义，关于网站的提升也具备参考价值。

5、域名重定向审核含有www和非含有www域名的规范疑问，选择想经常使用哪种方式后，经常使用301重定向一个到另一个上方。

6、生成网站地图树立网站成功后，记得生成Xml网站地图，这是一个繁难搜查引擎识别网站的结构的文件。

假设网站经常使用消息治理系统，那看看能否有一个内置的生成XML网站地图的裁减，假设没有，可以经常使用一些网站地图生成工具。

XML站点地图向搜查引擎提供一个容易匍匐的门路，可以经常使用这种方法无利于蜘蛛匍匐7、对图像文件启动Alt命名搜查引擎还不能够别离图片的才干，所以图片要加上ALT标签。

参与该属性后可以让搜查引擎更容易检测到。

标明图片的alt属性可以作为其中的一项参数与用户的搜查的关键词启动婚配，所以也要正当设计图片的alt属性，疏导搜查引擎抵达。

树立网站时，尽量赋予图像无心义的名字(如，应该，而不用这种看疑问的名字)，另外，要在图片的Alt属性里参与关系的文字形容。

谷歌图像都是网站失掉流量的一个起源，正确命名图像并且赋予失当的Alt属性值，是一种普遍认可的SEO技巧。

8、title标签确保你网站上每个页面的title标签，都有一个共同的关键字。

还有，假设你必定把公司称号放外面，那就放在题目最后。

除非你是一个众所周知的出名品牌，您的公司称号或许会取得一些搜查。

9、Java、的下拉菜单假设你必定经常使用Java、的下拉菜单、图片地图、或许图片链接，那么你必定要搁置它们的文本链接在页面的某些中央，以便于搜查引擎的蜘蛛抓取;假设须要暗藏/显示网页内容，最好经常使用Java来成功这种灵活成果，这样网页结构依然会蕴含暗藏的内容。

这不只仅是无利于SEO，而且关于一些经常使用设施阅读器的阻碍人士来说也是比拟好的。

想要测试暗藏内容能否能够被搜查引擎爬虫读取的一个方法是：暂时禁用Java看你能否能够看失掉暗藏内容。

可以再阅读器设置里禁用Java，然而关于开发人员来说，最好是是用网页开发工具来操作。

10、搜查词关注搜查词，不只是单个关键字，搁置你的天文位置在文本里“如：上海旺道SEO提升软件，而不是SEO提升软件。

”会协助你取得网民对周边区域的搜查。

11、慎用Flash虽然实践上，Flash也是能够被搜查引擎读取，然而相比html、Java而言要艰巨得多，因此，网站树立时能经常使用Html的中央，尽量不要经常使用Flash。

Flash在互联网中有着不凡的用途，普通用于多媒体交互教学、网页游戏、3d动画等。

关于普通的展现内容的站点，更适宜用html来体现。

有一些有flash介入的网站，在性能方面依然会经常使用Html。

要记住：html更无利于SEO。

12、关键词链接请务必修常使用关键词链接到您的网站。

换而言之，假设您的链接指标是“旺客商城”，那么链接文字就写“旺客商城”而不是“点击进入” “欢迎莅临”;不只链接要经常使用关键字锚文本，链接周围的文字也要与关键字关系。

换而言之，用形容性文本围绕这些链接13、网站框架框架，Flash和Ajax一切这些都有一个共同的疑问-你不能链接到一个繁多的网页。

它的要么所有要么一无一切。

最好的SEO结果总是不用框架、flash，和节制经常使用AJAX删除网站结构上对搜查引擎的不良设计，如太多的Iframe，Flash,体积过大的图片，太多JS文件，链接过深等疑问，肃清影响SEO成功的阻碍。

14、 首页审核整个网站链接到首页的状况。

在你主域名下吗?假设是的话，请区分你的链接。

15、网站内容内容为王，因此务必将优良的，更好的和共同的内容集中在你的一线关键字或关键词上方对自己网站原有的旧内容启动更新是不会提高排名和流量的，对任何旧的文章或职位启动更新，不会有助排名，应答网站启动新的内容资料更新。

复制其余网站的物品，没有原创或许高品质内容的网站排名是很难上去的，假设只是修正段落或许顺序关于网站排名是没无心义的主题紧扣外围关键词，有法令更新原创内容，掌握准则是：1.文章题目尽量含有关键词，2.文章内容多处产生关系关键词，3.站内锚文本，4.站外关键词链接。

新颖内容能够协助您改善排名。

要活期参与新的，有用的内容到您的网页。

新颖内容的参与会吸引搜查引擎的留意;16、网站链接假设内容为王，那链接就是王后。

经常使用你的关键字作为链接，树立一个高品质反向链接的网络。

记住，假设没有契合逻辑的理由，有不好的网站链接了你，这种链接也别要;给出链接开心，失掉链接也开心。

别舍不得链出，这会激励他人也链接你。

当树立链接时，思考品质，而不是数量。

一个繁多的，良好的，威望的链接，远远好于你做十多个品质优良的实践上会害了你的链接17、SEO设计网站别不思考SEO就设计你的网站，要确定网页设计师了解您对人造SEO的宿愿。

让网页设计师在设计时多为SEO思考。

蜘蛛可以抓取文本文字，而不是图像或Flash。

18、人造言语内容搜查引擎想要更人造言语内容。

不要尝试用关键字填满文本。

它不会起作用。

搜查引擎会检查关键字在内容里的产生频率，假设频率超高，也就是网页关键字密渡过高，搜查引擎的统计对你来说会大失所望。

19、网站言语URL裁减名有关紧要。

这对你关注的SEO而言，很多喜欢经常使用静态言语来做网站，经常使用，，，等等，并没有什么区别，其实灵活言语asp,php更无利于提升，由于它更容易更新网站的内容。

20、超链接文原本形容深度页面当经常使用超链接链接到网站的页面时，超链接文字要繁复而失当。

用一些能形容页面内容的关系关键词，做为超链接文本时很关键的，这样不只要利于SEO，而且人们也可以轻松地知道行将关上的链接的大抵内容。

21、不要在首页搁置海量链接树立网站时，一些失当的导入到其余网站的外部链接是必要的，然而衔接数目最好不要超越150个，免得扩散排名权重，减低网站页面的排名，不利于SEO。

太多的外部链接或许会不利于搜查引擎爬虫的收录，而且这样也不繁难访问者迅速找到他们所须要的页面。

22、不须要经常使用过多的链接不要经常使用过多的链接到一个页面。

有一些做SEO的观念以为参与更多的链接到一个页面会参与该页面的价值，然而搜查引擎只会计算首次的链接，所以没有必要参与很多重复链接，而且，链接过多不只不利于SEO，而且也会对访客形成访问上的困扰。

23、Blog更新假设你的网站内容不常更新，那么您的网站须要一个Blog，由于搜查蜘蛛喜欢新颖的文本。

Blog每周至少更新三次，用良好的，新颖的内容，喂食那些小小的匍匐者24、替换深度链接深度链接是指网站外面不是首页的页面，和其余网站替换深度链接，这是一个能让你的网站页面接纳到更多访客的幽默方式，同时也可以提高访客对网站的探求，参与更多页面的阅读率，这是一个比拟新潮的SEO技巧。

25、创立一个博客树立网站的同时创立博客,可以坚持你的网站始终更新，并且能够从一些长尾关键词中受益。

可以经常颁布一些和页面关系的小文章来坚持网站页面的更新率，这样可以放大搜查引擎收录的频率，显然很无利于SEO。

26、生成网站地图树立网站成功后，记得生成网站地图，这是一个繁难搜查引擎识别网站的结构的文件。

假设网站经常使用消息治理系统(CMS)，那看看能否有一个内置的生成XML网站地图的裁减，假设没有，可以经常使用网站地图生成工具。

27、新网站收录宿愿蜘蛛光临你的新网站?假设经过Google或网络的规定提交表单，破费几周或几个月期间可以做到，最快的方式是让一个高品质的网站链接你的网站，一两天就会被收录，但更快的捷径方法是应用旺道SEO权重工具能在几十分钟内收录。

28、亮出你的品牌要确保你的品牌和品牌名字在网站上十分显眼，这样人们容易记住网站名，就无时机经过搜查引擎来访问，以品牌名作关键字象征着不会面对一些罕用关键词的竞争，SEO的上班也会相对轻松。

网站树立中会遇到许多的疑问，网站树立中须要留意的中央如下：1.页面要苗条网页占的空间越小，咱们阅读网页的速度就会越快。

所以网页中倡导大家不要经常使用太多、太大的flash，图片还有js代码。

页面繁复一些会愈加遭到大家的喜欢。

2.尽或许的经常使用静态HTML页面虽然PHP、ASP、JSP可以使网站出现“动”态，然而这类程序会消耗必定的主机资源，假设你的主机上有很多这样的程序，那么你网站中网页速度人造不会快。

相对来说经常使用静态的HTML页面就繁复多了，因此倡导好友们驳回静态的HTML页面。

3.很多企业目行启动网站树立时还经常使用着Table来建站，有的人为了页面难看就把整个页面斗鱼放在了一个大Table中，再用td来宰割成块。

其实假设驳回这种方法，网页的显示速度会很慢，由于Table是须要把它一切的内容加载完才干显示进去。

因此咱们应该把内容宰割成几块，放入几个格式相反的Table中。

4.将PHP等文件的访问改为援用假设你须要在你的网站的静态的HTML页面中嵌入灵活数据，这些灵活的数据又是由PHP、ASP等程序提供，那么倡导大家在这些程序里将数据灵活的生成到一个文件中，就不会破费主机的资源，访问网页的速度会放慢很多。

5.经常使用iframe嵌套另一页面假设你想在网站的首页插广告代码，你可以经常使用iframe，好处是不影响网页加载速度。

6.网页计数器是为站长和广告商家提供访问的依据，然而假设你不想让网页计数器的代码影响你的网站访问速度，那么倡导你把统计代码放在网站的上方，最好是独自设置一个div或许table。

7.友谊链接的设置网站的友谊链接设置的不失当也会影响网页显示速度，倡导大家友谊衔接设置时只做文字的友谊链接，由于文字的友谊链接不会影响网页显示速度。

而后做一个独立的页面，将一切的友谊链接都放在这个页面当中，并将首页链接到这个页面。

假设首页须要搁置友谊链接的话，要将其放在网页的最上方。

8.网站空间网站的空间倡导大家选用双线空间，双线空间可以防止网站其余用户访问时，网络产生疑问而形成的访问提前。

fundation前端框架蕴含哪些性能

一个前端开发框架其实就是一系列产品化的HTML/CSS/JavaScript组件的汇合，咱们可以在设计中经常使用它们。

前端开发框架有很多，其中有一些写得很棒。

为了大家的经常使用便利，下文罗列了目前最弱小运行最宽泛的几款前端开发框架。

记住，这些框架并不只仅是CSS 栅格之类的一些物品，它们包括的是整套的前端开发框架。

1. Bootstrap Boostrap相对是目前最盛行用得最宽泛的一款框架。

它是一套柔美，直观并且给力的web设计工具包，可以用来开发跨阅读器兼容并且美观大气的页面。

它提供了很多盛行的样式繁复的UI组件，栅格系统以及一些罕用的JavaScript插件。

Bootstrap是用灵活言语LESS写的，关键包括四局部的内容： 脚手架——全局样式，照应式的12列栅格规划系统。

记住Bootstrap在自动状况下并不包括照应式规划的性能。

因此，假设你的设计须要成功照应式规划，那么你须要手动开启这项性能。

基础CSS——包括基础的HTML页面要素，比如表格(table)，表单(form)，按钮(button)，以及图片(image)，基础CSS为这些要素提供了优雅，分歧的多种样式。

组件——搜集了少量可以重用的组件，如下拉菜单（dropdowns），按钮组（button groups），导航面板（navigation control）——包括：tabs,pills,lists标签，面包屑导航（breadcrumbs）以及页码（pagination），缩略图(thumbnails)，进展条（progress bars），媒体对象（media objects）等等。

JavaScript——包括一系列jQuery的插件，这些插件可以成功组件的灵活页面成果。

插件关键包括模态窗口（modals），揭示成果（tool tips），“泡芙”成果（popovers），滚动监控（scrollspy），旋转木马(carousel)，输入揭示(typeahead)，等等。

Bootstrap曾经足够弱小，能够成功各种方式的 Web 界面。

为了愈加繁难地利用Bootstrap启动开发，很多工具和资源可以用来配合经常使用，上方罗列了其中的一局部工具和资源。

jQuery UI Bootstrap —— 关于jQuery和Bootstrap喜好者来说这是个十分好的资源，能够把 Bootstrap的清爽界面组件引入到jQuery UI中。

jQuery Mobile Bootstrap Theme —— 和上方提到的jQuery UI主题相似，这是一个为jQuery Mobile树立的主题。

假设你想让用Bootstrap开发的网站在手机端也可以优雅访问，那么这个资源对你来说很繁难易用。

Fuel UX —— 它为Bootstrap参与了一些轻量的JavaScript控件。

Fuel UI 装置，修正，更新以及提升都很简双繁难。

—— Bootstrap提供了自己的几种界面格调，StyleBootstrap提供了更多的配色选项，并且你可以给每个组件都运行不同的配色。

BootSwatchr —— 应用这个工具你可以立刻检查主题修正后的成果。

关于每一次性变化的成果，这个运行都会生成一个惟一的URL繁难你与他人分享，你也可以在恣意时辰修正你的主题。

Bootswatch —— 提供少量收费的Bootstrap主题。

Bootsnipp —— 在线前端框架交互组件制造工具，是一个供应设计师和开发者的基于Bootstrap HTML/CSS/JavaScript 架构的收费元素。

LayoutIt —— 经过界面拖放生成器简便快捷地创立基于Bootstrap的前端代码。

经过拖放举措将Bootstrap格调的组件参与到你的团体设计里并且可以繁难地修正他们的属性，繁难方便。

2. Fbootstrapp Fbootstrapp基于Bootstrap并且提供了跟Facebook iframe apps和设计相反的性能。

蕴含用于一切规范组件的基本的CSS和HTML，包括排版、表单、按钮、表格、栅格、导航等等，格调与Facebook相似。

3. BootMetro BootMetro框架的灵感来自于Metro UI CSS，基于Bootstrap 框架构建，用于创立Windows 8 的Metro格调的网站。

它包括一切Bootstrap的性能，并参与了几个额外的性能，比如页面平铺，运行程序栏等等。

4. Kickstrap Kickstrap是Bootstrap的一个变体。

它基于Bootstrap，并在它的基础上参与了许多app，主题以及附加性能。

这使得这个框架可以独自地用于构建网站，而不须要额外装置什么。

你须要做的仅仅是把它放到你的网站上，而后用就可以了。

App 是一些页面加载成功之后加载运转的JavaScript和CSS打包文件。

自动加载的app有, , Firebug Lite, and Updater，你也可以自行参与更多的app。

选用不同的主题可以让你的网站在泛滥Bootstrap构建的相似网站中显得异乎寻常。

附加性能是一些用来裁减Bootstrap UI 库的附件，它们的语法基本相反或许相似。

5. Foundation Foundation 是一款弱小的，性能丰盛的并且支持照应式规划的前端开发框架，你可以经过Foundation极速创立原型，应用它所蕴含的少量规划框架，元素以及最优范例极速创立在各种设施上可以反常运转的网站以及app。

Foundation在构建的时刻秉承移动优先的战略，它领有少量适用的语义化性能，并且经常使用Zepto类库来取代jQuery，这样可以带来更好的用户体验，并且提高运转的速度。

Foundation领有一套12列的灵敏可嵌套的网格系统，你可以用它极速创立顺应多种阅读设施的规划。

它有很多的性能。

它定义了很多的样式，比如字体排版，按钮，表单，以及多种多样的导航控件。

它也提供了很多的CSS组件，例如操作面板（panels），多少钱表（price tables），进展条（progress bars），表格（tables）以及可以顺应不同设施的可伸缩视频（flex video）。

与此同时，Foundation还包括了很多的JavaScript插件，如下拉菜单（dropdowns），joyride（网站性能疏导插件），magellan（网站固定导航插件），orbit（支持触摸的照应式图片轮播插件），reveal（弹出框插件），sections（弱小的tab插件）以及tooltips（工具揭示）等。

Foundation框架还提供了很多有用的裁减。

模板（Stencils）——Foundation框架中的一切UI元素都有Omnigraffle stencils以及矢量PDF两种格式的下载，你可以用它们来繁难快捷的绘制线框图和原型图。

HTML模板 —— HTML模板可以繁难地用来极速创立页面规划。

你所要做的仅仅是复制失掉模板代码，而后丢到页面的标签之间就好了。

图标字体（Icon Fonts） —— 蕴含自定义图标的一种网页字体。

SVG 社交网络图标（Social Icons）—— 一组不依赖分辨率的社交网络图标（可缩放矢量图标）。

照应式表格——Foundation框架中照应式表格的成功机制是固定表格的左边第一列，而后表格的其余列可以经过滚动条拖延启动访问。

封锁帆布规划（Off-Canvas Layouts）—— 这些规划可以准许一些网页内容或许导航控件在移动端设施上自动暗藏，当阅读屏幕变大或许用户启动相应操作的时刻这些内容再产生。

当用户启动关系操作的时刻，网页内容或许导航控件将会滑动产生。

如你所见，关于web开发者以及设计师来说，Foundation就像是一个渺小的宝藏。

在下载框架的时刻，你可以自定义下载框架的内容。

6. GroundworkCSS GroundworkCSS 是前端框架家族外面新添的一款小清爽框架。

它是基于Sass和Compass的一个初级照应式的HTML5，CSS以及JavaScript工具包，可以用于极速创立原型并且树立在各种阅读设施上可以反常上班的网站和app。

GroundworkCSS领有一个灵敏，可嵌套的流式网格系统，繁难你创立任何规划。

这个框架有很多让人印象深入的性能，比如在平板以及移动端上的网格系统，当屏幕的宽度小于768或许480像素时，页面中原本并列排版的表格列（grid column）会智能变为独立的行，而不是折叠在一同。

另一个很酷的性能是jQuery的照应式文本（ResponsiveText）插件，这个插件可以灵活调整页面文字的大小以顺应阅读设施的屏幕大小。

这个插件关于可伸缩的题目以及创立照应式表格的时刻特意有用。

GroundworkCSS蕴含了少量的UI组件，如tabs、照应式数据表格导航、按钮、表单、照应式导航控件、tiles（一套代替radio按钮以及其余自动表单元素的优雅组件）、工具揭示、对话框、Cycle2（一款弱小的，照应式的内容滑块）以及其余很多的有用组件。

它还提供了很多矢量社交网络图标以及图标字体。

你可以经过切换页面上方的导航按钮选用不同的阅读设施要来检查这款框架的成果。

经过这种方式，你可以测试在不同的阅读设施上各种组件的照应式规划状况。

GroundworkCSS的文档写的十分好，并且蕴含着很多的示例，为了让你更快的上手，他还提供了多种照应式的模板。

关于这款框架，惟一我可以想到的缺陷就是不能自定义要下载的框架内容。

7. Gumby Gumby 是一款基于Sass和Compass的繁难灵敏并且稳固的前端开发框架。

它的流式-固定规划（fluid-fixed layout）可以依据桌面端以及移动设施的分辨率智能提升要出现的网页内容。

它支持多种网格规划，包括多列混同的嵌套形式。

Gumby提供两套PSD的模板，繁难你在12列和16列的网格系统上启动设计。

Gumby提供了一特性能丰盛的UI工具包，包括按钮，表单，移动端导航，tabs，跳转链接（skip links），拨动开关（toggles and switches，可以繁难快捷地切换元素的class，而不须要启动额外的js操作），抽屉性能（drawers），照应式图片以及retina图片等等。

为了紧跟最近的设计潮流，Gumby的UI元素中还包括了Metro格调的扁平化设计，你也可以用Pretty格调的突变设计，或许依照你的想法糅合两种设计格调。

该框架还提供了一套出众的照应式，领有独立分辨率的Entypo图标，你可以在自己的web名目中纵情经常使用。

Gumby有一个很好自定义下载选用器，你可以自行性能各个组件的色彩，并且按自己的需求繁难公开载。

8. HTML KickStart HTML Kickstart 是一款可以用来繁难创立任何规划的汇合HTML5，CSS和jQuery的工具包。

它提供了洁净，契合规范以及跨阅读器兼容的代码。

这款框架提供了多种样式表，包括网格，排版，表单，按钮，表格，列表以及一些跨阅读器兼容的web组件比如JavaScript的幻灯片性能，tabs，面包屑导航，蕴含子菜单的菜单以及工具揭示等等。

你可以经常使用99Lime UIKIT提供的UI组件来搭建你的产品线框图。

9. IVORY IVORY 是一款轻量，繁难然而弱小的前端框架，可以用于320到1200像素宽度的照应式规划。

它基于12列的照应式网格规划，蕴含表格，按钮，表格，分页，拨动开关，工具揭示，手风琴，选项卡等网站中罕用的组件和样式。

当你须要一款轻量灵敏，不须要额外的其余性能，并且顺应不同阅读设施的框架时，IVORY是你最好的选用。

最后，假设你的新名目须要一款真实的，不须要复杂的额外性能组件的，足够繁难的框架，那么 Kube 将会是你正确的选用。

Kube是一款最小化的，支持照应式的前端框架，它没有强加的样式设计，因此给了你充沛的自在来开发自己的样式表。

它提供了一些web元素的基本样式，比如网格，表单，排版，表格，按钮，导航，链接以及图片等等。

Kube框架包括一个繁复的CSS文件用于繁难地创立照应式规划，还包括了两个JS文件来成功tab以及页面的按钮操作。

假设你宿愿失掉Kube最大化的灵敏性以及共性化定制，那么你可以下载开发者版本（developer version），这个版本包括了LESS文件（包括各种变量，mixins以及模块）。

如何选用一款优良的前端开发框架？ 可以依据以下评价规范： 将依据以下规范对这些框架启动评价： 学习曲线针对繁难义务的开发效率针对复杂、不凡义务的开发效率依赖治理代码性能/安保提升调整的才干平台更新/冗余才干在企业市场中的认同度开发、经常使用SOAP和REST服务的复杂性 总结：灵敏运用框架，将会失掉意想不到的成果。

这个看怎样灵敏运用，有好的打算大家分享一下共同窗习，提高。

学习前端，重在分享！

Layui（三）：导航菜单、选项卡、进展条和面板

（ 用什么标签不关键，只需样式用对了，都能出成果，用ul外面嵌套li与div嵌套div是一样的，留意外体面项外面要加一个<a></a>不然点击没成果 ） （ 假设不加载element模块，也没有成果 ） （在页面中有很多元素须要智能去成功一些处置，譬如导航菜单的小滑块、Tab的切换操作，他们往往不须要去独自调用一个方法来开启一项性能，而页面上恰好有太多这样的小交互，所以咱们一致归类为element组件）

关系样式： 1、方向 （1）水平：自动的 （2）垂直：layui-nav-tree 2、其余样式 （1） layui-nav ：代表这是一个导航菜单 （2） layui-nav-item ：放在（1）的子标签中，代表这个导航菜单的一个子项 （3） lay-this ：和（2）同级，代表以后选中的菜单项 （4） layui-nav-child ：子项的子项 （5） layui-nav-img ：会以导航适宜的大小处置图片

导航菜单可运行于头部和侧边，Tab选项卡提供多套格调，支持照应式，支持删除选项卡等性能。

面包屑结构繁难，支持自定义分隔符。

1、格调说明 自动格调：只须要加layui-tab 繁复格调：再追加上layui-tab-brief 卡片格调：再追加上layui-tab-card

2、关系样式 layui-tab：代表这是一个选项卡 （1）layui-tab-title：选项卡的头 【1】layui-tab-this：选中该选项卡

（2）layui-tab-content：选项卡的内容 【1】layui-tab-item：一个选项卡头对应的详细内容 【2】layui-tab-show：示意初始显示，普通哪个头上加了layui-tab-this，它对应的content就加上layui-tab-show

3、关系属性 lay-allowclose=true：能否开启封锁按钮 lay-filter=demo：用来在方法中惟一确定一个layui组件 lay-id=1：用来配合lay-filter属性惟一确定一个子组件

4、关系方法 (filter, options)：用于新增一个Tab选项 option示例： { title: 选项卡的题目 ,content: 选项卡的内容 //支持传入html ,id: 选项卡题目的lay-id属性值 } (filter, layid)：用于删除指定的Tab选项 (filter, layid)：用于外部切换到指定的Tab项上

进展条进展条可运行于许多业务场景，如义务成功进展、loading等等，是一种较为直观的表白元素。

关系样式： layui-progress：示意这是一个进展条 layui-progress-bar：示意进展条中的进展，依托其lay-percent属性的值来控制进展大小，值取值范畴0-100% layui-bg-red/green/...：示意进展条的色彩 layui-progress-big：示意大尺寸进展条

关系属性： lay-percent=80%：代表详细的进展 lay-showpercent=true：能否显示百分比数字

进展条的宽度是 100% 适配于它的父级元素

普通的面板理论是指一个独立的容器，而折叠面板则能有效地节俭页面的可视面积，十分适宜运行于：QA说明、协助文档等（雷同依赖element）

1、卡全面板

关系样式： layui-row：代表一行 layui-col-space15：space0-space30，代表卡片之间的间距 layui-colmd5：md1-12，代表以后卡片占整行的列数 layui-card：代表一个卡片 layui-card-header：代表卡片头消息 layui-card-body：代表卡片内容样式

2、普通折叠面板

关系样式： layui-collapse：代表一个折叠面板 layui-colla-item：代表一个折叠项 layui-colla-title：代表一个折叠项的题目 layui-colla-content：代表一个折叠项倒退s的内容 layui-show：能否倒退

关系事情：

3、手风琴面板 在普通折叠面板的基础上加上lay-accordion=