在HTML5新增的标签中,可以使用aside元素定义当前页面或文章的附属信息;还可艮劁飨戽以定义页面、内容的侧边栏。下面利用实例说明aside元素的具体用法:
工具/原料
HTML5
CSS3
HBuilderX
截图工具
浏览器
方法/步骤
1、双击打开HBuilderX工具,在web项目中,定义页面文件aside.html
2、打开已新建的页面文件,定义并插入本页面的标题内容
3、在body标签中,插入一个header元素,并添加标题元素
4、接着,添加article元素,然后内部插入aside元素,定义侧边栏
5、添加一个style标签,利用aside元素选择器,设置宽度和背景色
6、保存代码并运行页面文件,可以查看到侧边栏显示效果