met_meta 页面开头标签

更新时间：2020-05-26 16:20:41 作者：米拓建站

## 概述：
在模板文件中通过`met_meta`标签可引入html页面开头代码，包含 `<html>` 开始标签、`head`标签、`<body>`开始标签等。

## 使用范围：
所有模板文件页面，一般在头部head.php文件中调用。

## 类型：
功能标签，用于引入html页面开头代码的功能标签。

## 语法：

<met_meta page="$met_page" ></met_meta> //页面开头标签
    //page参数调用固定变量$met_page,$met_page的值来源于调用了 head.php文件的include标签上的page参数值，具体请参考文档【include引入文件标签】中的参数说明

## 标签原理：
  `met_meta`是一个功能标签，模板前台渲染时，系统会把met_meta标签替换成页面开头的代码。
  
## 示例：
### 模板首页如何调用页面开头代码

**模板代码：**

模板首页文件为`index.php`：

<include file="head.php" page="index"/>//include标签调用当前模板文件夹下head.php文件，调用语法请参考文档【include引入文件标签】中的参数说明
    aaaa
    
**head.php代码：**

<met_meta page="$met_page" />//调用met_meta标签
    <p>ccccc</p>
    
    前台输出代码：
    <!DOCTYPE HTML>
    <html class=" met-web oxh" >
    <head>
    <meta charset="utf-8">
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,minimal-ui">
    <meta name="format-detection" content="telephone=no">
    <title></title>
    <meta name="description" content="">
    <meta name="keywords" content="">
    <meta name="generator" content="MetInfo 7.1.0" data-variable="|cn|cn|mui001|10001|10001|0" data-user_name="">
    <link href="favicon.ico?1590029708" rel="shortcut icon" type="image/x-icon">
    <link rel="stylesheet" type="text/css" href="public/web/css/basic.css?1589785585">//调用模板框架基础css文件
    <link rel="stylesheet" type="text/css" href="templates/mui001/cache/index_cn.css?1590129237">//调用当前页面模板加载的css文件
    ...//后台设置的头部第三方代码会加载到这里，第三方代码的设置请参考文档https://doc.metinfo.cn/metinfo/email/email_258_1.html
    <style>
    body{
        background-color:#ffffff !important;font-family: !important;}
    h1,h2,h3,h4,h5,h6{font-family: !important;}
    </style>
    <script>(function(){var t=navigator.userAgent;(t.indexOf("rv:11")>=0||t.indexOf("MSIE 10")>=0)&&document.write("<script src=\"public/plugins/html5shiv.min.js\"><\/script>")})();</script>
    
    </head>
    
    <body>
    //上面一截就是met_meta标签解析的代码
    <p>ccccc</p>
    aaaa

文档中心

米拓学堂

帮助中心

在线交流

{"status":1,"html":"<style type=\"text\/css\">\r\n.onlinebox_three{border:2px solid;}\r\n.onlinebox_three .onlinebox_three_list{width: 160px;padding: 10px 0px;}\r\n.onlinebox_three .online-item{margin-bottom: 5px; padding: 0px 17px; position: relative;display: block;color: #666;}\r\n.onlinebox_three .online-item:last-child{margin-bottom: 0px;}\r\n.onlinebox_three .online-item:hover{background: #f8f8f8;}\r\n.onlinebox_three .online-item i{font-size: 16px;}\r\n.onlinebox_three .onlinebox-open{font-size: 22px;display:none;cursor: pointer;padding: 0 10px; font-size: 18px; line-height: 40px;}\r\n.onlinebox.min .onlinebox-open{display:block;padding:0 10px;background:#444;font-size:18px;line-height:40px;color:#fff}\r\n.onlinebox .onlinebox-min{position: relative;top:-4px;}\r\n@media (max-width: 767px){\r\n.onlinebox_three .online-item{font-size: 12px;padding-top: 6px;}\r\n.onlinebox_three .online-item i{font-size: 14px;}\r\n}\r\n<\/style>\r\n<div id='onlinebox'  class=\"onlinebox onlinebox_three hide\" m-type='online' m-id='online' style=\"border-color:#1baadb;\">\r\n    <div class=\"onlinebox-open\" style=\"background:#1baadb;\"><i class=\"fa fa-comments-o\"><\/i><\/div>\r\n    <div class=\"onlinebox-box\">\r\n        <div class=\"onlinebox-top\" style=\"background:#1baadb;\">\r\n            <div class=\"onlinebox-top-btn font-size-26\">\r\n                <a href=\"javascript:;\" class=\"onlinebox-close\" title=\"\">×<\/a>\r\n                <a href=\"javascript:;\" class=\"onlinebox-min\">-<\/a>\r\n            <\/div>\r\n            <h4>在线交流<\/h4>\r\n        <\/div>\r\n                                    <div class=\"met-editor onlinebox-bottom p-x-10 p-y-5\"><p style=\"text-align: center;\">\r\n    <img src=\"..\/upload\/202001\/1579417409303256.png\" data-width=\"120\" width=\"120\" data-height=\"120\" height=\"120\" title=\"\"\/>\r\n<\/p>\r\n<p style=\"text-align: center;\">\r\n    微信公众号\r\n<\/p>\r\n<p style=\"text-align:center;\">\r\n    <img src=\"..\/upload\/202001\/1579417452544806.png\" data-width=\"150\" width=\"150\" data-height=\"150\" height=\"150\" title=\"\"\/>\r\n<\/p>\r\n<p style=\"text-align: center;\">\r\n    QQ交流群\r\n<\/p><\/div>\r\n    <\/div>\r\n<\/div>","t":"4","x":"10","y":"130"}