zoukankan      html  css  js  c++  java
  • <main>,<map>,<mark>,<meta>,<meter>标签文档

    <main>标签

    说明: 该标签用于描述文档的主体部分,其内容是独一无二的,在HTML5.2中可以同时出现对个main标签,但在同一时刻只有一个是可见状态,其他的可使用hidden属性隐藏,IE不支持该标签。

    <map>标签

    说明:定义客户端图像映射。他拥有name和id属性,属性值对应img标签的usemap。area标签用于定义映射区域,他永远在map标签内部,具体使用方法已在area标签中介绍。

    <mark>标签

    我是标记

    <mark>我是标记</mark>
    

    说明:该标签定义带记号的文本。

    <meta>标签

    <!DOCTYPE html>
    <html lang="zh-CN">
    <head>
      
    <title>文章标题</title>
    <mata name="keywords" content="VueBLog, Koa, Nuxt">
    
    </head>
    </html>
    

    说明:该标签提供有关页面的元信息,比如针对搜索引擎的描述和关键词。这个标签位于head元素内,不包含任何内容。

    charset属性

    说明:定义文档的字符集。在HTML5中通常这样,它必须位于head元素的最开始,仅接着是title元素。在HTML4中相当于

    content属性

    说明:这是一个必须属性,定义与http-equiv和name属性相关的元信息。

    name属性

    <!-- 定义关键字-->
    <mata name="keywords" content="VueBLog, Koa, Nuxt">
    
    <!-- 定义描述-->
    
    
    <!-- 定义作者-->
    
    
    <!-- 定义版权 -->
    <mate name="copyright" content="Nuxt.js and Vue.js">
    
    <!-- 定义视口 -->
    
    
    <!-- 如果是双核浏览器,使用webkit渲染-->
    
    

    说明:该属性把content属性关联到一个名称。

    http-equiv属性

    <!-- 禁止浏览器从本机缓存调用内容-->
    <mate http-equiv="Pragme" Content="No-cach">
    
    <!-- 设置网页过期时间,必须使用GMT格式,到期后必须到服务器重新调用-->
    
    
    <!--兼容模式,IE浏览器采用最高级模式渲染文档,如果浏览器小于等于IE8,自动提示用户安装GCF,并强制使用GCF渲染-->
    
    

    说明:把content属性关联到HTTP

    <meter>标签

    小王:
    小李:
    小张:

    小王:<meter min="0" max="100" low="60" high="90" value="78"></meter>
    小李:<meter min="0" max="100" low="60" high="90" value="92"></meter>
    小张:<meter min="0" max="100" low="60" high="90" value="40"></meter>
    
    <meter low="0.6" high="0.9" value="0.7" optimum="0.5"></meter>
    

    说明:该标签定义已知范围内的标量(gauge),例如磁盘用量。min属性和max属性用于定义规定范围的最小值最大值。low属性和high属性规定分界点,小于low的为低值,高于high的为高值,他们之间的为正常值。optimum属性规定最佳值,值为浮点数。value属性是必需属性,定义当前值。

    优秀文章首发于聚享小站,欢迎关注!
  • 相关阅读:
    Spring Cloud微服务实战 打造企业级优惠券系统 7-2 优惠券模块实体类相关列值枚举定义
    Spring Cloud微服务实战 打造企业级优惠券系统 7-1 创建优惠券模块微服务
    阿里云 oss (一) 工具上传图片
    Gateway 过滤器,过滤器统一异常处理
    GatewayFilterFactory 不生
    docker 安装 redis
    json 时区问题
    小程序checkbox
    小程序拍照功能
    Learning sensorimotor control with neuromorphic sensors: Toward hyperdimensional active perception
  • 原文地址:https://www.cnblogs.com/yesyes/p/15356600.html
Copyright © 2011-2022 走看看