<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <body> <!-- 无语义的布局标签 作用:布局网页(划分网页区域,摆放内容), 后面与css一起使用实现内容分隔布局 div:独占一行 span:不换行 有语义的布局标签 header网页头部 nav网页导航 footer网页底部 aside网页侧边栏 section网页区块 article网页文章 作用:与div功能类似,用于特定位置使用 --> <div>div标签,独占一行</div> <span>span 标签,不换行</span><span>span 标签,不换行</span> </body> </html>