zoukankan      html  css  js  c++  java
  • HTML 5入门知识(一)

      了解HTML 5

    HTML5 并非仅仅用来表示web内容,它的使命是将web带入一个成熟的应用平台,在这个平台上,视频、音频、图像、动画,以及与电脑的交互都被标准化。

      HTML 5概述

    HTML 5实际上指的是包括HTML、CSS样式和JavaScript脚本在内的一整套技术的组合,希望通过HTML 5能够轻松地实现许多丰富的网络应用需求,而减少浏览器对插件的依赖,并且提供更多能有效增强网络应用的标准集。

      HTML 5新增的标签

    结构标签:

    <article>标签用于在网页中标识独立的主体内容区域,可用于论坛帖子、报纸文章、博客条目和用户评论等。

    <aside>标签用于在网页中标识非主体内容区域,该区域中的内容应该与附近的主体内容相关。

    <section>标签用于在网页中标识文档的小节或部分。

    <footer>标签用于在网页中标识页脚部分,或者内容区块的脚注。

    <header>标签用于在网页标识页首部分,或者内容区块的标头。

    <nav>标签用于在网页中标识导航部分。

    文本标签:

    <bdi>标签在网页中允许设置一段文本,使其脱离其父元素的文本方向设置。

    <mark>标签在网页中用于标识需要高亮显示的文本。

    <time>标签在网页中用于标识日期或时间。

    <output>标签在网页中用于标识一个输出的结果。

    应用和辅助标签:

    <audio>标签用于在网页中定义声音,如背景音乐或其他音频流。

    <video>标签用于在网页中定义视频,如电影片段或其他视频流。

    <source>标签为媒介标签(如audio和video)在网页中用于定义媒介资源。

    <track>标签在网页中为例如video元素之类的媒介规定外部文本轨道。

    <canvas>标签在网页中用于定义图形,例如图标和其他图像。该标签知识图形容器,必须使用脚本绘制图形。

    <embed>标签在网页中用于标识来自外部的互动内容或插件。

    进度标签:

    <progress>标签用于在网页中标识任务进度显示的进度条。

    <meter>标签可以根据value属性赋值和最大、最小值得度量进行显示的进度条。

    交互性标签:

    <command>标签用于在网页中标识一个命令元素(单选、复选或者按钮);当且仅当这个元素出现在<menu>标签里面时才会被显示,否则将只能作为键盘快捷方式的一个载体。

    <datalist>标签用于在网页中标识一个选项组,与input标签配合使用该标签,来定义input元素可能地值。

    在文档和应用中使用的标签:

    <detalis>标签在网页中用于标识描述文档或者文档某个部分的细节。

    <summary>标签在网页中用于标识<detalis>标签内容的标题。

    <figcaption>标签在网页中用于标识<figure>标签内容的标题。

    <figure>标签在网页中用于标识一块独立的流内容(图像、图表、照片和代码等)。

    <hgroup>标签在网页中用于标识文档或内容的多个标题。用于将h1至h6元素打包,优化页面结构在SEO中的表现。

    rudy标签:

    <ruby>标签在网页中用于标识ruby注释(中文注音或字符)。

    <rp>标签在ruby注释中使用,以定义不支持<ruby>标签的浏览器所显示的内容。

    <rt>标签在网页中用于标识字符(中文注音或字符)的解释或发音。

    其他标签:

    <keygen>标签用于标识表单秘钥生成器元素。当提交表单时,密钥存储在本地,公密钥发送到服务器。

    <wbr>标签用于标识单词中适当的换行位置,可以用该标签为一个长单词指定合适的换行位置。

    参考资料:

    http://www.runoob.com/html/html5-intro.html

    http://www.w3school.com.cn/html5/index.asp

  • 相关阅读:
    asp.net后台注册js的四种方法
    前端代码标准最佳实践:CSS
    开始ASP.NET MVC5之旅
    Android应用中如何保护JAVA代码
    C# Winform 拦截关闭按钮触发的事件
    idea没有转换web选项
    Mysql Too many connections
    SpringBoot添加WEB模块
    Maven报错Failed to collect dependencies at com.***:***:jar:1.0.0
    CentOS出现内存溢出
  • 原文地址:https://www.cnblogs.com/fengxiongZz/p/6483087.html
Copyright © 2011-2022 走看看