1 / 4
文档名称:

html5学习笔记简明版(2):新元素之section,article,aside.docx

格式:docx   大小:18KB   页数:4页
下载后只包含 1 个 DOCX 格式的文档,没有任何的图纸或源代码,查看文件列表

如果您已付费下载过本站文档,您可以点这里二次下载

分享

预览

html5学习笔记简明版(2):新元素之section,article,aside.docx

上传人:liwenfei1314 2019/4/8 文件大小:18 KB

下载得到文件列表

html5学习笔记简明版(2):新元素之section,article,aside.docx

相关文档

文档介绍

文档介绍:HTML5学****笔记简明版(2):新元素之section,article,aside sectionsection元素描绘的是一个文档或者程序里的普通的section节,一般来说一个section包含一个head和一个content内容块。section可以表示成一个小节,或者tab页面里的一个tab下的box块。一个页面里可以拆分成多个section,分别代表introduction,newsitems和contactinformation。如果元素的内容集中到一起显示可以表达相应的意思的话,那就可以定义成article元素,而没必要使用section元素。section元素不是一般的容器元素,所以如果一个元素需要定义相应的style或者script脚本的话,那推荐使用div元素,section的使用条件是确保这个元素的内容能够明确地展示在文档的大纲里。下面的例子代码来自苹果网站页面的一部分,代码里包含了2个短小的section:<article>   <hgroup>       <h1>Apples</h1>       <h2>Tasty,deliciousfruit!</h2>   </hgroup>   <p>Theappleisthepomaceousfruitoftheappletree.</p>   <section>       <h1>RedDelicious</h1>       <p>monfoundinmanysupermarkets.</p>   </section>   <section>       <h1>GrannySmith</h1>       <p>Thesejuicy,greenapplesmakeagreatfillingforapplepies.</p>   </section></article>  可以看到,在section里可以任意使用h1元素,而不用考虑这个section是顶级的,还是二级或者三级元素。下面的代码是一个毕业典礼的页面,包含2个section,一个是显示将要毕业人的名单,一个是显示毕业典礼的形式。<!DOCTYPEHtml><html><head>   <title>GraduationCeremonySummer2022</title></head><body>   <h1>Graduation</h1>   <section>       <h1>Ceremony</h1>       <p>OpeningProcession</p>       <p>SpeechbyValidactorian</p>       <p>SpeechbyClassPresident</p>       <p>PresentationofDiplomas</p>       <p>ClosingSpeechbyHeadmaster</p>   </section>   <section>       <h1>Graduates</h1>       <ul>           <li>MollyCarpenter</li>           <li>io</li>           <li>oy</li>           <li>KarrinMurphy</li>