HTML5新增语义化标签练习

最新推荐文章于 2024-03-15 10:14:03 发布

bigmeow_lyj

最新推荐文章于 2024-03-15 10:14:03 发布

阅读量600

点赞数

分类专栏：新人练手

本文链接：https://blog.csdn.net/bigmeow_lyj/article/details/89255022

版权

本文通过实例介绍了HTML5中新增的语义化标签，如

、

摘要由CSDN通过智能技术生成

经典的页面布局中，页面被分为 header、main、aside、footer 四个部分
传统都是用多个div盒子
新增的部分语义化：
<article>定义文章

<figure> 标签规定独立的流内容（图像、图表、照片、代码等等）

<figcaption> 定义 figure 的标题

<aside> 定义文章的侧边栏

<footer>定义页脚

<header>定义页眉

<nav>定义导航

<section> 定义文档中的区段

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		<figure>
       <img src="img/居老师.jpg"  alt="居老师-image"  width="280px" height="200px"/>
       <figcaption>帅气的居老师◕‿◕</figcaption>
    </figure>
    
     <footer>
        <p>Posted by:十一啊</p>
       <a href="https://weibo.com/zhuyilong?is_all=1&am

最低0.47元/天解锁文章

bigmeow_lyj

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
HTML5新增语义化标签练习

经典的页面布局中，页面被分为 header、main、aside、footer 四个部分传统都是用多个div盒子新增的部分语义化：<article>定义文章<figure> 标签规定独立的流内容（图像、图表、照片、代码等等）<figcaption> 定义 figure 的标题<aside> 定义文章的侧边栏<footer>定...
复制链接

扫一扫