網站導航代碼最精簡的設置

時間 2019-11-12

原文原文鏈接

<div class="nav">
<div class="wrapper">
<ul class="nav-list fix">
<li class="item">
<a href="http://www.xxxx.com/" class="first active">首頁</a>
</li>
<li class="item">
<a target="_blank" href="http://xiamen.changtu.com/">廈門汽車站時刻表<i class="iconfont icon-down"></i></a>
<div class="sub-nav-wrap">
<ul class="sub-nav-list fix" style="padding-left: 61.25px;">
<li><a target="_blank" href="http://www.xxxx.com/ticket_center/">汽車售票點</a></li>
<li><a target="_blank" href="http://www.xxxx.com/price/">汽車票價</a></li>
<li><a target="_blank" href="http://www.xxxx.com/guanwang/">汽車站官網</a></li>
<li><a target="_blank" href="http://www.xxxx.com/6_newsList/">客運資訊</a></li>
<li><a target="_blank" href="http://www.xxxx.com/wenba/keyun/">客運問答</a></li>
<li><a target="_blank" href="http://www.xxxx.com/zhinan/">客運指南</a></li>
</ul>
</div>
</li>
<li class="item">
<a target="_blank" href="http://www.xxxx.com/stationList/">汽車站</a>
</li>
<li class="item">
<a target="_blank" href="http://www.xxxx.com/huoche/">火車票 <i class="iconfont icon-down"></i></a>
<div class="sub-nav-wrap">
<ul class="sub-nav-list fix" style="padding-left: 131.25px;">
<li><a target="_blank" href="http://www.xxxx.com/huochezhan/">火車站大全</a></li>
<li><a target="_blank" href="http://www.xxxx.com/hctcp-beijing/">火車售票點</a></li>
<li><a target="_blank" href="http://www.xxxx.com/huochepiaojia/">火車票價</a></li>
<li><a target="_blank" href="http://www.xxxx.com/yushouqi/">火車票預售期</a></li>
<li><a target="_blank" href="http://www.xxxx.com/dongche/">動車時刻表</a></li>
<li><a target="_blank" href="http://www.xxxx.com/gaotie/">高鐵時刻表</a></li>
<li><a target="_blank" href="http://www.xxxx.com/5_newsList/">火車資訊</a></li>
<li><a target="_blank" href="http://www.xxxx.com/wenba/huoche/">火車問答</a></li>

</ul>
</div>
</li>

<li class="item">
<a target="_blank" href="http://www.xxxx.com/zhuanti/">專題 <i class="iconfont icon-down"></i></a>
<div class="sub-nav-wrap">
<ul class="sub-nav-list fix" style="padding-left: 170.25px;">
<li><a target="_blank" href="http://www.xxxx.com/12306/">12306專題</a></li>
<li><a target="_blank" href="http://www.xxxx.com/chunyun/">春運專題</a></li>
<li><a target="_blank" href="http://www.xxxx.com/qingmingjie/">清明節專題</a></li>
<li><a target="_blank" href="http://www.xxxx.com/wuyi/">五一專題</a></li>
<li><a target="_blank" href="http://www.xxxx.com/duanwujie/">端午節專題</a></li>
<li><a target="_blank" href="http://www.xxxx.com/zhongqiujie/">中秋節專題</a></li>
<li><a target="_blank" href="http://www.xxxx.com/guoqingjie/">國慶節專題</a></li>
<li><a target="_blank" href="http://www.xxxx.com/h7n9/">H7N9專題</a></li>
<li><a target="_blank" href="http://www.xxxx.com/24jieqi/">24節氣專題</a></li>
</ul>
</div>
</li>
<li class="item">
<a target="_blank" href="http://www.xxxx.com/zuchewang/">租車</a>
</li>
<li class="item">
<a target="_blank" href="http://www.xxxx.com/lvyou/">旅遊 <i class="iconfont icon-down"></i></a>
<div class="sub-nav-wrap">
<ul class="sub-nav-list fix" style="padding-left: 126.25px;">
<li><a target="_blank" href="http://www.xxxx.com/zijiayou/">自駕遊</a></li>
<li><a target="_blank" href="http://www.xxxx.com/lvxingshe/">旅行社</a></li>
<li><a target="_blank" href="http://www.xxxx.com/gonglve/">旅遊</a></li>
<li><a target="_blank" href="http://www.xxxx.com/youji/">遊記</a></li>
<li><a target="_blank" href="http://www.xxxx.com/meishi/">美食</a></li>
<li><a target="_blank" href="http://www.xxxx.com/techan/">特產</a></li>
<li><a target="_blank" href="http://www.xxxx.com/youting/">遊艇</a></li>
<li><a target="_blank" href="http://www.xxxx.com/qianzheng/">簽證</a></li>
<li><a target="_blank" href="http://www.xxxx.com/youlun/">郵輪</a></li>
<li><a target="_blank" href="http://www.xxxx.com/wenquan/">溫泉</a></li>
<li><a target="_blank" href="http://www.xxxx.com/lundu/">輪渡</a></li>

<li><a target="_blank" href="http://www.xxxx.com/lvyouditu/">旅遊地圖</a></li>
<li><a target="_blank" href="http://www.xxxx.com/wenba/lvyou/">旅遊問答</a></li>
<li><a target="_blank" href="http://www.xxxx.com/luying/">露營</a></li>
<li><a target="_blank" href="http://www.xxxx.com/xuechang/">戶外旅行</a></li>
</ul>
</div>
</li>
<li class="item">
<a target="_blank" href="http://www.xxxx.com/jingdian/">景點</a>
</li>
<li class="item">
<a target="_blank" href="http://www.xxxx.com/tianqi/">天氣 <i class="iconfont icon-down"></i></a>
<div class="sub-nav-wrap">
<ul class="sub-nav-list fix" style="padding-left: 282.25px;">
<li><a target="_blank" href="http://www.xxxx.com/guojitianqi/">國際天氣</a></li>
<li><a target="_blank" href="http://www.xxxx.com/jichangtianqi/">機場天氣</a></li>
<li><a target="_blank" href="http://www.xxxx.com/lvyoutianqi/">旅遊天氣</a></li>
<li><a target="_blank" href="http://www.xxxx.com/lishitianqi/">歷史天氣</a></li>
<li><a target="_blank" href="http://www.xxxx.com/pm25/">PM2.5</a></li>
<li><a target="_blank" href="http://www.xxxx.com/tianqi_news_list-1/">天氣資訊</a></li>
<li><a target="_blank" href="http://www.xxxx.com/tianqichangshi/">天氣常識</a></li>
<li><a target="_blank" href="http://www.xxxx.com/tqbk/">天氣百科</a></li>
</ul>
</div>
</li>
<li class="item">
<a target="_blank" href="http://www.xxxx.com/keyun_news/">資訊</a>
</li>
<li class="item">
<a target="_blank" href="http://www.xxxx.com/bus/">公交 <i class="iconfont icon-down"></i></a>
<div class="sub-nav-wrap">
<ul class="sub-nav-list fix" style="padding-left: 776.25px;">
<li><a target="_blank" href="http://www.xxxx.com/bus/newslist/">公交資訊</a></li>
<li><a target="_blank" href="http://www.xxxx.com/wenba/gongjiao/">公交問吧</a></li>
<li><a target="_blank" href="http://www.xxxx.com/ditie/">地鐵大全</a></li>
</ul>
</div>
</li>
<li class="item">
<a target="_blank" href="http://www.xxxx.com/gongjuxiang/">工具箱</a>
</li>
</ul>
</div>
</div>app