欢迎来到DIVCSS5查找CSS资料与学习DIV CSS布局技术!
  首先我们先简单的介绍下article:
 
  html5<article>表示页面中的一块与上下文不相关的独立内容,比如网页中的一篇文章或报纸中的一篇文章。
 
  article不同于其他DIVCSS布局结构,article主要布局文章类内容。
 
  article语法代码:
 
  <article>内容</article>
 
  article是有开始与闭合一对HTML标签元素。
 
  以<article>开始,以</article>结束闭合。
 
  现在说说article标签的使用说明:
 
  article是HTML5新增标签,其语法基本功能和以前DIV、p、span等标签一样,可以直接使用style属性标签内设置CSS,或者使用class或id引入外部CSS样式。
 
  <articleclass="aaa">内容</article>
 
  <articleid="bbb">内容</article>
 
  article主要是布局文章、内容方面内容。
 
  再来看看HTML5article标签的使用实例:
 
  
 
  这里使用article标签布局一篇实例,通过此示例掌握了解article元素标签。以下是完整HTML5实例代码:
 
  <!DOCTYPEhtml>
 
  <html>
 
  <head>
 
  <metacharset="utf-8"/>
 
  <title>article实例ThinkCSS</title>
 
  <style>
 
  article{color:#000}
 
  articleh1{color:#F00}
 
  </style>
 
  </head>
 
  <body>
 
  <article>
 
  <h1>文章标题</h1>
 
  <p>文章段落一,内容CSS技术上ThinkCSS网...</p>
 
  <p>文章段落二,内容CSS技术上ThinkCSS网...</p>
 
  <p>段落三,内容CSS技术上ThinkCSS网...</p>
 
  </article>
 
  </body>
 
  </html>





本文转载自中文网

 

如需转载,请注明文章出处和来源网址:http://www.divcss5.com/html5/h54779.shtml