Тег <aside></aside>



Этот тег определяет контент в стороне от основного контента.




style.css
  • * {
  •  margin: 0;
  •  padding: 0;
  • }
  •  
  • .a {
  •  width: 550px;
  •  height: 200px;
  • }
  •  
  • .b {
  •  width: 450px;
  •  height: 200px;
  •  display: block;
  •  float: left;
  •  background-color: #99FFFF;
  • }
  •  
  • .e {
  •  width: 100px;
  •  height: 200px;
  •  float: right;
  •  background-color: #FFCCCC;
  •  display: table;
  •  text-align: center;
  • }
  •  
  • .e p {
  •  display: table-cell;
  •  vertical-align: middle;
  • }
  • * {
  •  margin: 0;
  •  padding: 0;
  • }
  •  
  • .a {
  •  width: 550px;
  •  height: 200px;
  • }
  •  
  • .b {
  •  width: 450px;
  •  height: 200px;
  •  display: block;
  •  float: left;
  •  background-color: #99FFFF;
  • }
  •  
  • .e {
  •  width: 100px;
  •  height: 200px;
  •  float: right;
  •  background-color: #FFCCCC;
  •  display: table;
  •  text-align: center;
  • }
  •  
  • .e p {
  •  display: table-cell;
  •  vertical-align: middle;
  • }


index.html
  • <!DOCTYPE html>
  • <html>
  • <head>
  •  <meta charset="utf-8" />
  •  <title>New Page</title>
  •  <link href="style.css" rel="stylesheet" />
  • </head>
  • <body>
  •  <h1>XAML</h1>
  •  <br />
  •  <div class="a">
  •   <section class="b">
  •    WPF 4 introduces XAML 2009, an updated version of XAML
  •    with a number of useful refinements. However, there’s a
  •    significant shortcoming: currently, it’s possible to use
  •    XAML 2009 only in loose XAML files. Although Visual Studio
  •    supports both loose and compiled XAML (as you’ll learn in this chapter),
  •    compiled XAML isthe standard. This information will prepare you
  •    for future releases of WPF, because XAML 2009 is slated to
  •    become the new standard—once Microsoft has time to rewrite, test,
  •    and optimize WPF’s XAML compiler.
  •   </section>
  •   <aside class="e">
  •    <p>XAML<br />WPF<br />Microsoft</p>
  •   </aside>
  •  </div>
  • </body>
  • </html>
  • <!DOCTYPE html>
  • <html>
  • <head>
  •  <meta charset="utf-8" />
  •  <title>New Page</title>
  •  <link href="style.css" rel="stylesheet" />
  • </head>
  • <body>
  •  <h1>XAML</h1>
  •  <br />
  •  <div class="a">
  •   <section class="b">
  •    WPF 4 introduces XAML 2009, an updated version of XAML
  •    with a number of useful refinements. However, there’s a
  •    significant shortcoming: currently, it’s possible to use
  •    XAML 2009 only in loose XAML files. Although Visual Studio
  •    supports both loose and compiled XAML (as you’ll learn in this chapter),
  •    compiled XAML isthe standard. This information will prepare you
  •    for future releases of WPF, because XAML 2009 is slated to
  •    become the new standard—once Microsoft has time to rewrite, test,
  •    and optimize WPF’s XAML compiler.
  •   </section>
  •   <aside class="e">
  •    <p>XAML<br />WPF<br />Microsoft</p>
  •   </aside>
  •  </div>
  • </body>
  • </html>