二、HTML5语义化标签
前言
在HTML5出来之前,我们习惯于用<div>
来表示页面的不同板块,但是div本身是没有语义的,为了更加清晰的表达文档结构,HTML5加入了一些语义化标签,如<header><footer><section><aside>
,他们本质上都是<div>
标签,只不过他们具备了语义化,便于阅读和维护。
常见的语义化标签:
<header>
头部区域<footer>
底部区域<section>
正文区域<aside>
侧边栏区域
1. span标签–自定义文字样式
<span>
标签是没有语义的,它的作用就是为了设置单独的文字样式。
例如在<body>
里的一段话中使用<span>
标明关键字,会发现是没有改变的,需要在<head>
部分
加入<style>
标签对<span>
定义样式信息。
<style> span{color:blue;} </style>
2. 空标签
没有HTML内容的标签即是空标签,空标签只需要写一个开始标签&#