在前几节课中,有一部分 HTML 代码比较松散,没有统一到一个类别块里。比如:很多的标签超链接没有归类到 UL 里,导致一些问题等。
//松散的<a>标签<a href="###">曼谷(12)</a><a href="###">东京(5)</a><a href="###">西双版纳(8)</a>...这样写使用多个标签有什么问题?具体如下:
1.从语义不明确,如果外部包含 UL 可以理解为标签列表; 2.从 CSS 布局排版上,UL 作为一个整体,更容易统一排版; 3.从 SEO 角度考虑,大量 a 标签有可能会被判定堆积关键字嫌疑,从而导致网站降权,
用 UL 包含判断则让搜索引擎判定为有条例的列表,对搜索引擎更加友好。
//改成这种形式<ul> <li><a href="###">曼谷(12)</a></li> <li><a href="###">东京(5)</a></li> <li><a href="###">西双版纳(8)</a></li></ul>//重新改写的 CSS#container .tag { text-align: center; padding: 10px 0;}#container .tag li { display: inline-block; background-color: #eee; width: 100px; height: 35px; line-height:35px; text-indent:8px; text-align: left; margin:2px 0;}#container .tag a { display: block; color: #999;}#container .tag a:hover { color: #fff; background-color: #458B00;}同样,检查了首页,也有一个归类的问题,就是<figcaption>
标签。字面上意思是表示图片的标题或简要信息。那我们设想一下,把除了标题和其他图片有关的简要信息都归于<figcaption>
可以达到更好的排版效果。
旅游资讯在展示内容的上面,需要一个子导航块。
新闻热点
疑难解答