html5 [1] ~之标签初探

最新推荐文章于 2021-06-21 17:52:05 发布

毛太

最新推荐文章于 2021-06-21 17:52:05 发布

阅读量1.3k

点赞数

分类专栏：前端

前端专栏收录该内容

9 篇文章 0 订阅

订阅专栏

第一张是以前的写法， 右图是现在的html5写法，这样写有利于seo搜索到~~

html中 html有了新的标签.就是页面最上的东西，如果用dw打开，他就已经给你定义好了

<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>test</title>
</head>
<body>
	
</body>
</html>

其他的就是新增的html5标签：

结构：

<article>     -- 定义一篇"文章"     <!-- n. 文章；['ɑːtɪk(ə)l] -->
<header>      -- 标记一个页面，或者一块区域的头部
<nav>         -- 导航
<section>     -- 
<aside>       -- 侧边栏
<hgroup>      -- h-> html中的 h1.h2...h6   group 组
<figure>	  -- 一组媒体的内容和他们的标题.比如:要定义一个"ufo"类的内容
<figcaption>  -- 定义figure的标题
<footer>	  -- 页脚
<dialog>	  -- <what`s is?>    



多媒体交互：

<video src="">  -- 定义一个视频
<audio src="">	-- 标记定义音频内容
<source>		-- 为 video 和 audio 提供一个资源列表？ 什么意思？

<canvas>		-- 直接画图， 比flash效率高一些

<embed src="" type=""> -- 定义外部可交互的内容或者插件， 如flash


web应用标签：

<meter>		-- 状态标签 [气压、温度]
<progress>	-- 状态标签 [安装、加载]


注释标签：
<ruby>		-- 注释。音标
<rp>		-- 
<rt>		--