html> <head> <meta charset="utf-8"> <title>无标题文档</title> <style type="text/css"> article ｛display:block｝ article header p {font-size:13px} article header h1 {font-size:16px} .p-date{font-size:11px} </style></head> <body> <article> <header> <h1><a>谷歌推出多项新搜索功能 避谈 Google+</a></h1><p class="p-date">日期: 2012-08-11</p><p>网易科技讯 8月11日消息，据国外媒体报道，谷歌在主打社交网络服务Google+一年后终于重归"老本行",推出一系列和社交网络没有关联的搜索引擎新功能。</p></header></article> </body></html>前面<style type="text/css"> article ｛display:block｝ article header p {font-size:13px} article header h1 {font-size:16px} .p-date{font-size:11px}</style>都还看的懂。 但是在<body>中的代码就看不懂了
1 回答
已采纳
Perona
TA贡献355条经验 获得超403个赞
挖财，这分明是一道送分题。
其实HTML5的标签是更语义化，更易于阅读滴，搜索引擎更友好。
从body元素开始看起，这个文档是关于文章的页面。
article元素定义文章，也就是说这里的内容就是文章。
header元素定义文章的头部。
<h1><a>谷歌推出多项新搜索功能 避谈 Google+</a></h1>
这里定义文章的标题，并且做了链接。
<p class="p-date">日期: 2012-08-11</p>
这里定义了文章的日期。
接下来就是段落
<p>网易科技讯 8月11日消息，据国外媒体报道，谷歌在主打社交网络服务Google+一年后终于重归"老本行",推出一系列和社交网络没有关联的搜索引擎新功能。</p>
其实没啥的，只不过以前我们布局多用div元素来定义，现在有更多语义化的标签来替代无语义的div。
推荐阅读：HTML5之元素与标签结构
- 1 回答
- 0 关注
- 1362 浏览
添加回答
举报
0/150
提交
取消