HTML5标签与布局

时间 2021-07-11

一、类型声明(DTD)

<!DOCTYPE html > 不区分大小写

二、HTML5标签

a 结构标签

结构标签：(块状元素) 有意义的div
<article> 标记定义一篇文章
<header> 标记定义一个页面或一个区域的头部
<nav> 标记定义导航链接
<section> 标记定义一个区域
<aside> 标记定义页面内容部分的侧边栏
<hgroup> 标记定义文件中一个区块的相关信息
<figure> 标记定义一组媒体内容以及它们的标题
<figcaption> 标签定义 figure 元素的标题。
<footer> 标记定义一个页面或一个区域的底部
<dialog> 标记定义一个对话框(会话框)类似微信

b 多媒体标签

<source 标记定义媒体资源

<canvas> 标记定义图片

三、崭新新的页面布局

传统的HTML：

全新的HTML5：