本文详细介绍了HTML5的语法规范，包括内容类型、DOCTYPE声明、字符集编码、可省略的元素及标签，强调了HTML5的语义化特性，如<header>、<footer>、<nav>等新标签的使用。此外，还提到了新增的多媒体元素如<video>和<audio>，以及<mark>用于高亮显示文字的功能。通过这些新特性，HTML5增强了网页的结构性和用户体验。
H5的语法
1.内容类型（ContentType） HTML5的文件扩展符与内容类型保持不变，仍然为".html"或".htm"
2.DOCTYPE声明 <!DOCTYPE html>不区分大小写
3.指定字符集编码 <meta charset="UTF-8">
4.可省略标记的元素不允许写结束标记的元素：br、col、embed、hr、img、input、link、met
5.可以省略结束标记的元素：
li、dt、dd、p、option、colgroup、thead、tbody、tfoot、tr、td、th
6.可以省略全部标记的元素：html、head、body、colgroup、tbody
7.属性值可以使用双引号，也可以使用单引号。
H5的语义化
在HTML 5出来之前，我们用div来表示页面章节，但是这些div都没有实际意义。（即使我们用css样式的id和class形容这块内容的意义）。这些标签只是我们提供给浏览器的指令，只是定义一个网页的某些部分。但现在，那些之前没“意义”的标签因为因为html5的出现消失了，这就是我们平时说的“语义”。
H5新增加的标签
头部:< header> </header>
尾部:<footer> </footer>
导航:<nav> </nav>
媒体文件引入:<embed src= *> </embed>
内容:section> </section>
辅助信息:< aside> </aside>
文章:< article> </article>
独立内容块
< figure>
< figcaption>这个是熊大小动物</figcaption>
<img src= "xiongda.png" />
</figure>
类似dl dt dd
高亮显示文字:<mark> </mark>
一个比较典型的应用就是在搜索结果中向用户高亮显示搜索关键词
标题组:<hgroup> </hgroup>
<hgroup>标签被用来对标题元素进行分组
对话框:< dialog open>
这是打开的对话窗口</dialog>
定义图形:< canvas> </canvas>
只是图形容器，必须使用脚本来绘制图形。
video视频文件
Video定义视频
Audio音频文件
<audio src="someaudio.mp3">您的浏览器不支持 audio 标签。</audio>
定义音频，比如音乐或其他音频流
提示：可以在开始标签和结束标签之间放置文本内容，这样老的浏览器就可以显示出不支持该标签的信息
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
