Html5的新特性及几个常用标签

H5是什么?H5在H4的基础上增加了几个新的标签,使Html更加的语义化和功能上更加强大。

总结一下H5的几个新特性:
1. 脚本和链接无需type

在HTML4或XHTML中,需要用下面的几行代码来给你的网页添加CSS和JavaScript文件。

<.link rel="stylesheet" href="path/to/stylesheet.css" type="text/css" />.
<.script type="text/javascript" src="path/to/script.js">.</.script>. 

在H5里面,我们这样就可以了。

<.link rel="stylesheet" href="path/to/stylesheet.css" />.
<.script src="path/to/script.js">.</.script>. 
2. 几个新的标签Header Footer video audio Hgroup

1.如HeaderFooter使我们的HTML更语义化,更加简洁。能被搜索引擎更好的检索。
2.videoaudio两个标签则能使播放视频和音频

<video src="/i/movie.ogg" controls="controls">
您的浏览器不支持 video元素。//用于提示不支持这个标签的浏览器
</video>
<audio controls="controls">
      <source src="horse.ogg" >
     您的浏览器不支持 audio 元素。//这些文本信息将会被显示在那些不支持 <audio> 标签的浏览器中。
</audio>

上面两个标签记住加上controls="controls,不然不会出现控制条,音频将会无法呈现,视频只会是一张图片。
3.Hgroup标签
在HTML5中,有许多新引入的元素,hgroup就是其中之一。假设我的网站名下面紧跟着一个子标题,我可以用<h1><h2>标签来分别定义。然而,这种定义没有说明这两者之间的关系。而且,h2标签的使用会带来更多问题,比如该页面上还有其他标题的时候。
在HTML5中,我们可以用hgroup元素来将它们分组,这样就不会影响文件的大纲。

<header>.
      <hgroup>.
         <h1>大标题</h1>
         <h2>小标题</h2>
     </hgroup>
</header>
3. HTML5 新的文档类型

在HTML5中,我们声明文档只需要<!DOCTYPE html>就可以了。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • HTML5 标签comment 注释标签用于在源文档中插入注释。注释内容不会被浏览器显示。为代码编写注释的好处是...
    才気莮孒阅读 9,556评论 1 25
  • 1、HTML5:HTML4.1网页开发:结构: html4.0样式:css css2行为:jsHTML5:是HTM...
    Yuann阅读 4,346评论 0 2
  • 本文主要介绍Html5和Html4的区别。 语法的改变 内容类型HTML5 的文件扩展符与内容类型保持不变。扩展符...
    layjoy阅读 5,824评论 0 23
  • 接上 关于HTML/HTML5(一)http://www.jianshu.com/p/33fc7840c079 学...
    Amyyy_阅读 4,258评论 0 4
  • 前言 认识HTML5 之前学的是HTML4或者HTML4.1; 网页开发: html:结构 4.0 Css:样式...
    magic_pill阅读 3,177评论 0 2

友情链接更多精彩内容