3、HTML5在网页结构与内容展示中的应用

人间清醒863

于 2025-07-24 10:23:36 发布

阅读量25

点赞数

CC 4.0 BY-SA版权

分类专栏： HTML5多媒体开发：从理论到实践文章标签： HTML5 网页结构语义标签

本文链接：https://blog.youkuaiyun.com/gpu4optimizer/article/details/150060355

HTML5多媒体开发：从理论到实践专栏收录该内容

18 篇文章 ¥499.90

订阅专栏¥69.90

会员秒杀 ¥9.9 重磅福利

超级会员免费看

HTML5在网页结构与内容展示中的应用

1. 使用 `<aside>` 标签对齐图形

<aside> 元素代表页面中与周围内容有间接关联，且可被视为独立于该内容的部分。我们可以用它来创建一个缩略图侧边栏，列出Roxane最近阅读的书籍。

操作步骤如下：
1. 准备好有序列表、缩略图和书籍标题。
2. 编写HTML代码：

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Roxane</title>
  <!--[if lt IE 9]><script 
    src="http://html5shiv.googlecode.com/svn/trunk/html5.js">
    </script>[endif]-->
  <meta name="viewport" content="width=device-width, 
    initial-scale=1.0">
</head>
<body>
  <header>
    <hgroup>
      <h1>Roxane is my name.</h1>
      <h2>Developing websites is my game.</h2>