问:为什么我们需要添加两个部分标签。我认为一个人可以解决。我对此很好奇。我认为它可以使用一个部分。是因为更整洁还是出于任何原因。
答:因此,我相信我们正在谈论“如何建立网站”课程-“向网站添加页面”-建立联系页面
<!DOCTYPE html>
< html >
<头> < meta charset = “ utf-8” > <标题> Nick Pettit | 设计器</ title > < link rel = “ stylesheet” href = “ css / normalize.css” > < link href = 'http://fonts.googleapis.com/css? family = Changa + One| Open + Sans:400italic ,700italic,400700800'相对= '样式表'类型= '文本/样式表' >
“样式表” HREF = “CSS /的main.css” >
</头> <体> <报头> <一个HREF = “index.html的” ID = “标志” > < H1 >尼克佩蒂特</ H1 > < H2 >设计器</ h2 > </ a > <导航> < ul > < li > <a href = “ index.html” >
组合</一> </李>
<李> <一个HREF = “about.html” >关于</一> </李> <李> <一个HREF = “contact.html”类= “选择” >联系</ a > </ li > </ ul > </ nav > </ header > < div id = “包装器” > <
部分>
< H3 >一般资讯</ H3 > < p >我不是目前正在寻找新的设计工作,但我可以说的音乐会和类似的约定。如有任何疑问,请随时与我联系!</ p > < p >请仅使用电话联系进行紧急查询。否则,Twitter和电子邮件是联系我的最佳途径。</ p > </ section > < section > < h3 >联系人详细信息<
UL 类= “接触信息” >
<李类= “电话” > <一个HREF = “电话:555-6425” > 555-6425 </一> </李> <李类= “邮件” > <一个href = “ mailto:nick@example.com” > nick@example.com </ a > </ li > < li class = “ twitter” > <一个HREF =
“ http://twitter.com/intent/tweet?screen_name=nickrp” > @nickrp </ a > </ li >
</ ul > </ section > <页脚> < a href = “ http:// twitter。 com / nickrp“ > < img src = ” img / twitter-wrap.png“ alt = ” Twitter徽标“ class = ” social-icon“ > </ a > < a href = ” http://facebook.com/nickpettit “ > <img src =
“ img / facebook-wrap.png” alt = “ Facebook徽标” class = “ social-icon” > </ a >
< p > &copy; 2014尼克·佩蒂特(Nick Pettit)。</ p > </ footer > </ div > </ body > </ html >
在视频期间,Nick解释说他正在使用2个部分来允许他为桌面视图进行2列设计。
在本课程的稍后部分“响应式Web设计和测试”中-构建三列布局视频Nike将使用媒体查询中的两个部分,将一个部分向左浮动,另一部分向右浮动。
但是,除了用于将项目放置在屏幕上之外,section元素更通常用于表示网页的通用部分。例如主题分组的内容。在这种情况下,使用2个部分将“常规信息”分为1个部分,将“联系详细信息”分为另一个部分。
“如何使用HTML5 Sectioning Elements”博客文章中有一小节介绍了何时以及如何使用section元素。
希望对您有所帮助。
另外,如果您正在观看视频或完成任务并想提出问题,那么我建议您使用该页面上的“获得帮助”。它将在社区页面上的此处创建您的问题,还将添加指向您要提出问题时正在完成的视频或任务的链接。它只会帮助我们以最佳方式寻求帮助。