登录 注册
您的位置:首页> 建站知识 > 企业网站设计
【网站建设学习网】掌握嵌套定义<article>标签的方法
标签:企业网站设计
发表日期:2018-11-12 05:55:57     文章编辑:admin     浏览次数:82

 【网站建设学习网】

【案例说明】这个案例讲述的是使用<article>标签定义文章的方法。在<header>标签中嵌入了文章的标题部分,标题“美亚手机”被嵌入到<hl>标签中,文章的发布日期被嵌入到<p>标签中;在标题部分下面的<p>标签中,嵌入了文章的正文;在结尾处的<footer>标签中嵌入了文章的著作权,作为脚注。整个案例的内容相对比较独立、完整,因此,对这部分内容使用了<article>标签。
    <article>标签是可以嵌套使用的,内层的内容在原则上需要与外层的内容相关联。例如,在一篇文章中,针对该文章的评论就可以使用嵌套<article>标签的方法实现,用来呈现评论的<article>标签被包含在表示整体内容的<article>标签里面。
    【案例5-2】使用嵌套的<article>标签定义博客文章及评论。
    【案例展示】本例文件5-2.html在浏览器中的显示效果如图5-3所示。
    【学习目标】掌握嵌套定义<article>标签的方法。
【知识要点】掌握<article>标签和<section》I;iT签的区别。
代码如下:
    <! doctype html>
    <html>
    <head>
    <meta charset="gb2312">
    <title>嵌套定义article标签示例</title>
    </head>
    <body>
    <article>
    <header>
    <hl>美亚手机</hl>
    <p>发布日期:2011/05/Ol</p>
    </header>
图5-3 页面的显示效果
留言预约
关于我们
易神州网络-专业的软件开发和品牌营销公司,提供互联网基础服务与数字营销产品解决方案专家,14年丰富的软件开发、品牌策划营销。擅长于系统化解决企业品牌在互联网上的统一性传播,企业品牌在互联网上的应用。我们协助您通过在线品牌的塑造,建立长久的企业品牌价值。
联系我们
400-611-0508
周一至周六9:00-18:00
全方位的营销咨询   精准的解决方案
地址:北京市丰台科技园汉威国际四区8号楼7层
关注公众号