<meat>元素

最新推荐文章于 2021-11-10 11:49:33 发布
原创 最新推荐文章于 2021-11-10 11:49:33 发布 · 1k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#html5

概要

提供有关页面的元信息，标签位于文档的头部，不包含任何内容。标签的属性定义了与文档相关联的名称/值对。

注意：这是一个单标记符，如果写的是XHTML代码，则应在标记符的（/）后加个空格。

SEO优化

页面关键词

每个网页应具有描述该网页内容的一组唯一的关键字。
使用人们可能会搜索，并准确描述网页上所提供信息的描述性和代表性关键字及短语。标记内容太短，则搜索引擎可能不会认为这些内容相关。另外标记不应超过 874 个字符。

<meta name="keywords" content="your tags" />

页面字符码

如果页面只使用英语（或使用罗马字母的语言），可以明确指定。

<meta charset="utf-8">

页面描述

每个网页都应有一个不超过 150 个字符且能准确反映网页内容的描述标签。

<meta name="description" content="150 words" />

搜索引擎索引方式

robotterms是一组使用逗号(,)分割的值，通常有如下几种取值：none，noindex，nofollow，all，index和follow。确保正确使用nofollow和noindex属性值。

<meta name="robots" content="index,follow" />
<!--
all：文件将被检索，且页面上的链接可以被查询；
none：文件将不被检索，且页面上的链接不可以被查询；
index：文件将被检索；
follow：页面上的链接可以被查询；
noindex：文件将不被检索；
nofollow：页面上的链接不可以被查询。
-->

页面重定向和刷新

content内的数字代表时间（秒），既多少时间后刷新。如果加url,则会重定向到指定网页（搜索引擎能够自动检测，也很容易被引擎视作误导而受到惩罚）。

<meta http-equiv="refresh" content="0;url=" />

其他

<meta name="author" content="author name" /> <!-- 定义网页作者 -->
<meta name="google" content="index,follow" />
<meta name="googlebot" content="index,follow" />
<meta name="verify" content="index,follow" />

参考:http://segmentfault.com/a/1190000002407912#articleHeader1

meta学习笔记
blackturtle的博客
03-18 681
meta是HTML语言head中的一个辅助标签，它有2个属性，分别是http-equiv和name。 name属性的参数值是keywords、description、robots、author，http-equiv的参数值是expires、pragma、refresh、set-cookie、window-target、content-type。 1.meta的常见功能 1. 帮助
meta的使用
y1s2y3的博客
08-13 240
简体中文:&lt;META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=gb2312"&gt; 繁体中文:&lt;META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=utf-8"&gt; 英 语:&lt;META HTTP-EQUIV="Conte
meta 标签笔记
独行僧
10-17 306
详解meta标签的http-equiv属性语法格式是：＜meta http-equiv=”参数” content=”参数变量值”＞ ；其中http-equiv属性主要有以下几种参数： content-Type(显示字符集的设定) 说明：设定页面使用的字符集。 用法： ＜meta http-equiv="content-Type" content="text/html;
meta的用法
goodmentc的专栏
04-03 783
meta是用来在HTML文档中模拟HTTP协议的响应头报文。meta 标签用于网页的＜head＞与＜/head＞中，meta 标签的用处很多。meta 的属性有两种：name和http-equiv。name属性主要用于描述网页，对应于content（网页内容），以便于搜索引擎机器人查找、分类（目前几乎所有的搜索引擎都使用网上机器人自动查找meta值来给网页分类）。这其中最重要的是descripti
【Meta Learning学习笔记】Meta Learning详解
热门推荐
a312863063的博客
06-07 3万+
完整笔记：www.gwylab.com/note-meta_learning.html —————————————————————————————————— 前言 · 为何要研究Meta Learning？ 尽管我是研究生成模型的，但是最近对于meta learning产生了强烈的兴趣。理由在于，GANs本身是一个特别吃数据集的模型，从某种意义上来说，数据集的好坏对最后生成效果的影响，不...
<!DOCTYPE html> <html lang="en"> <head> <meat charset="UTF-8"> <title>文龙劝学</title> </head> <body> 滚去学习！！！！！ 就现在！！！ </body> </html>
03-13
<title>文龙劝学 - 开源之路</title> <style> body { font-family: Arial, sans-serif; margin: 0; padding: 0; background-color: #f4f4f9; } .container { width: 80%; margin: auto; overflow: ...
如何编写代码将D盘RSNA/data/train文件夹中的各个npy文件转换对应的xml标签格式保存在一个文件中，分析读取npy含有的数据类型生成最后xml文件为”<annotation> <folder>notnormal</folder> <filename>651181f3-a39a-4526-82d3-95d76f94e1f8.png</filename> <path>D:\RSNA\data\negative\notnormal\651181f3-a39a-4526-82d3-95d76f94e1f8.png</path> <source> <database>Unknown</database> </source> <size> <width>1024</width> <height>1024</height> <depth>1</depth> </size> <segmented>0</segmented> <object> <name>feiyan</name> <pose>Unspecified</pose> <truncated>0</truncated> <difficult>0</difficult> <bndbox> <xmin>624</xmin> <ymin>139</ymin> <xmax>706</xmax> <ymax>235</ymax> </bndbox> </object> </annotation>“
04-25
name.text = "meat" # 假设类别名为 "meat" pose = ET.SubElement(obj, "pose") pose.text = "Unspecified" truncated = ET.SubElement(obj, "truncated") truncated.text = "0" difficult = ET.SubElement...
const unsigned char systemsettingpage[] = { "<html>\r\n" "<head>\r\n" "<meta charset=\"gb2312\">\r\n" // 20210421LWD "<meta http-equiv=\"X-UA-Compatible\" content=\"IE=EmulateIE7\" />\r\n" // 20210421LWD "<title>智能蓄电池监控系统</title>" //"<Meat http-equiv=Content-Type content=text/html charset=gb2312>"//2021-03-19 "<script type=\"text/javascript\"> \r\n" "function validate()\r\n" "{\r\n" "var CT=document.getElementById(\"CT\").value\r\n" "var MT=document.getElementById(\"MT\").value\r\n" "var RT=document.getElementById(\"RT\").value\r\n" "var AD=document.getElementById(\"AD\").value\r\n" "var DA=document.getElementById(\"DA\").value\r\n" "var TM=document.getElementById(\"TM\").value\r\n" "var ED=document.getElementById(\"ED\").value\r\n" "var testtm=\"(([0-1][0-9])|(2[0-3])):[0-5][0-9]:[0-5][0-9]\"\r\n" "var testda=\"[2][0][0-9][0-9]-(([0][0-9])|([1][0-2]))-(([0-2][0-9])|([3][0-1]))\"\r\n" "submitOK=\"true\"\r\n" "if (isNaN(ED) || ED<0.0 || ED>0.2)\r\n" "{\r\n" "alert(\"均衡差异输入错误!\")\r\n" "submitOK=\"false\"\r\n" "}\r\n" "if (isNaN(CT) || CT<1 || CT>65535)\r\n" "{\r\n" "alert(\"充电记录周期输入错误!\")\r\n" "submitOK=\"false\"\r\n" "}\r\n" "if (isNaN(MT) || MT<29 || MT>65535)\r\n" "{\r\n" "alert(\"模块关机时间输入错误!\")\r\n" "submitOK=\"false\"\r\n" "}\r\n" "if (isNaN(AD) || AD<0 || AD>255)\r\n" "{\r\n" "alert(\"RS485地址超出范围！\")\r\n" "submitOK=\"false\"\r\n" "}\r\n" "if (isNaN(RT) || RT<0.1 || RT>65535.0)\r\n" "{\r\n" "alert(\"内阻测试周期输入错误!\")\r\n" "submitOK=\"false\"\r\n" "}\r\n" "if (DA.match(testda)==null)\r\n" "{\r\n" "alert(\"日期输入错误!\")\r\n" "submitOK=\"false\"\r\n" "}\r\n" "if (TM.match(testtm)==null)\r\n" "{\r\n" "alert(\"时间输入错误!\")\r\n" "submitOK=\"false\"\r\n" "}\r\n" "if(submitOK==\"false\")\r\n" "{\r\n" "return false\r\n" "}\r\n" "document.getElementById(\"RT\").value *=10\r\n" "document.getElementById(\"ED\").value *=100\r\n" "}\r\n" "function validate1()\r\n" "{\r\n" "var MA=document.getElementById(\"MA\").value\r\n" "var IP=document.getElementById(\"IP\").value\r\n" "var NG=document.getElementById(\"NG\").value\r\n" "var SM=document.getElementById(\"SM\").value\r\n" "var PN=document.getElementById(\"PN\").value\r\n" "var PR=document.getElementById(\"PR\").value\r\n" "var testma=\"[F][4].[0][E].[1][1].([0-9]|[A-F])([0-9]|[A-F]).([0-9]|[A-F])([0-9]|[A-F]).([0-9]|[A-F])([0-9]|[A-F])\"\r\n" "var testip=\"(([0-1][0-9][0-9])|([0-2][0-5][0-5])).(([0-1][0-9][0-9])|([0-2][0-5][0-5])).(([0-1][0-9][0-9])|([0-2][0-5][0-5])).(([0-1][0-9][0-9])|([0-2][0-5][0-5]))\"\r\n" "submitOK=\"true\"\r\n" "if (MA.match(testma)==null)\r\n" "{\r\n" "alert(\"MAC地址输入错误!\")\r\n" "submitOK=\"false\"\r\n" "}\r\n" "if (IP.match(testip)==null)\r\n" "{\r\n" "alert(\"IP地址输入错误!\")\r\n" "submitOK=\"false\"\r\n" "}\r\n" "if (NG.match(testip)==null)\r\n" "{\r\n" "alert(\"网关地址输入错误!\")\r\n" "submitOK=\"false\"\r\n" "}\r\n" "if (SM.match(testip)==null)\r\n" "{\r\n" "alert(\"子网掩码输入错误!\")\r\n" "submitOK=\"false\"\r\n" "}\r\n" "if (isNaN(PN) || PN<0 || PN>65535)\r\n" "{\r\n" "alert(\"SOCKET1端口输入错误!\")\r\n" "submitOK=\"false\"\r\n" "}\r\n" "if (isNaN(PR) || PR<0 || PR>65535)\r\n" "{\r\n" "alert(\"SOCKET2端口输入错误!\")\r\n" "submitOK=\"false\"\r\n" "}\r\n" "if(submitOK==\"false\")\r\n" "{\r\n" "return false\r\n" "}\r\n" "}\r\n" "</script>\r\n" "</head>\r\n" "<body style=\"background-color:#f4f4f4\">\r\n" // "<h1>\r\n" // "<span style=\"color:#FFFFFF;background-color:#E53333;\"><strong><span style=\"font-size:34px;line-height:1;\">深圳市海德森科技股份有限公司</span></strong></span><br />\r\n" // "</h1>\r\n" "<span style=\"color:#000FFF;font-size:24px\">智能蓄电池监控系统</span>\r\n" "<p align=\"center\">\r\n" "<b>[&nbsp</b>" "<a href=\"/9.html\">主页</a>" "<b>&nbsp|&nbsp</b>" "<a href=\"/4.html\">实时数据</a>" //---------------------------------------------------20210421LWD "<b>&nbsp|&nbsp</b>" "<a href=\"/C.html\">初始内阻</a>" "<b>&nbsp|&nbsp</b>" "<a href=\"/7.html\">报警记录</a>" "<b>&nbsp|&nbsp</b>" "<a href=\"/1.html\">电池设置</a>" "<b>&nbsp|&nbsp</b>" "<a href=\"/2.html\" style=\"color:#ff0000\">系统设置</a>" "<b>&nbsp|&nbsp</b>" "<a href=\"/3.html\">报警设置</a>" "<b>&nbsp|&nbsp</b>" "<a href=\"/G.html\">安装调试</a>" "<b>&nbsp]</b>\r\n" "</p>\r\n" "<hr size=\"1\">\r\n" "<br />" "<form action=\"/2.html\" name=\"fm\" onsubmit=\"return validate()\">" "<p align=\"center\" style=\"color:#000FFF\">系统参数设置</p>" "<p align=\"center\">" "<table width=\"800\" bgcolor=\"#f0ffff\" border=\"0\" cellpadding=\"10\" cellspacing=\"10\">" "<tr>" "<hr size=\"1\" width=\"800\">" "<hr size=\"1\" width=\"800\">" "<td>" "<br />" "RS485设备地址：&nbsp&nbsp&nbsp&nbsp<input type=\"text\" value=%Number name=\"AD\" id=\"AD\" size=\"10\">" "</td>" "<td>" "<br />" "RS485设备速率：&nbsp&nbsp&nbsp&nbsp<select name=\"BD\">" "<option value=\"0\" %Number__>&nbsp&nbsp4800&nbsp&nbsp</option>" "<option value=\"1\" %Number__>&nbsp&nbsp9600</option>" "<option value=\"2\" %Number__>&nbsp&nbsp19200</option>" "</select>" "</td>" "</tr>" "<tr>" "<td>" "充电记录间隔(Min)：<input type=\"text\" value=%Number name=\"CT\" id=\"CT\" size=\"10\">" "</td>" "<td>" "内阻测试周期(H)：&nbsp&nbsp<input type=\"text\" value=%Number name=\"RT\" id=\"RT\" size=\"10\">" "</td>" "</tr>" "<tr>" "<td>" "FLASH数据清空：&nbsp&nbsp&nbsp&nbsp<select name=\"FR\">" "<option value=\"0\">&nbsp&nbsp禁止&nbsp&nbsp</option>" "<option value=\"1\">&nbsp&nbsp使能</option>" "</select>" "</td>" "<td>" "恢复出厂设置：&nbsp&nbsp&nbsp&nbsp&nbsp<select name=\"RS\">" "<option value=\"0\">&nbsp&nbsp禁止&nbsp&nbsp</option>" "<option value=\"1\">&nbsp&nbsp使能</option>" "</select>" "</td>" "</tr>" "<tr>" "<td>" "主机日期设置：&nbsp&nbsp&nbsp&nbsp&nbsp<input type=\"text\" value=%Number____ name=\"DA\" id=\"DA\" size=\"10\">" "</td>" "<td>" "主机时间设置：&nbsp&nbsp&nbsp&nbsp&nbsp<input type=\"text\" value=%Number__ name=\"TM\" id=\"TM\" size=\"10\">" "</td>" "</tr>" "<tr>" "<td >" "电池均衡：&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp<select name=\"EQ\">" "<option value=\"0\"%Number__>&nbsp&nbsp禁止&nbsp&nbsp</option>" "<option value=\"1\"%Number__>&nbsp&nbsp开启</option" "</select>" "</td>" "<td>" "均衡差异(V)：&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp<input type=\"text\"value=%Number name=\"ED\" id=\"ED\" size=\"10\">" "</td>" "</tr>" "<tr>" "<td >" "模块通信速率：&nbsp&nbsp&nbsp&nbsp&nbsp<select name=\"MB\">" //--------------------------------------------------------20210421LWD "<option value=\"0\"%Number__>&nbsp&nbsp4800&nbsp&nbsp</option>" "<option value=\"1\"%Number__>&nbsp&nbsp9600&nbsp&nbsp</option>" "<option value=\"2\"%Number__>&nbsp&nbsp19200&nbsp&nbsp</option>" "<option value=\"3\"%Number__>&nbsp&nbsp38400</option" "</select>" "</td>" "<td>" "模块关机时间(Min)：<input type=\"text\" value=%Number name=\"MT\" id=\"MT\" size=\"10\">" "</td>" "</tr>" "<tr>" "<td >" "内阻测试模式：&nbsp&nbsp&nbsp&nbsp&nbsp<select name=\"RM\">" //--------------------------------------------------------20210421LWD "<option value=\"0\"%Number__>&nbsp&nbsp自动快测&nbsp&nbsp</option>" "<option value=\"1\"%Number__>&nbsp&nbsp手动快测&nbsp&nbsp</option>" "<option value=\"2\"%Number__>&nbsp&nbsp自动慢测&nbsp&nbsp</option>" "<option value=\"3\"%Number__>&nbsp&nbsp手动慢测</option" "</select>" "</td>" "<td>" "组压模块：&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp<select name=\"GV\">" "<option value=\"0\"%Number__>&nbsp&nbsp禁止&nbsp&nbsp</option>" "<option value=\"1\"%Number__>&nbsp&nbsp开启</option" "</select>" "</td>" "</tr>" "<tr>" "<td>" "</td>" "<td align=\"right\">" "<input type=\"submit\" value=\"保存\">&nbsp" "<input type=\"reset\" value=\"取消\">" "<br />" "</td>" "</tr>" "</table>" "<hr size=\"1\" width=\"800\">" "<hr size=\"1\" width=\"800\">" "</p>" "</form>" "<form action=\"/2.html\" name=\"fm1\" onsubmit=\"return validate1()\">" "<p align=\"center\" style=\"color:#000FFF\">TCP/IP网络参数设置</p>" "</tr>" "<tr>" "<p align=\"center\">" "<table width=\"800\" bgcolor=\"#f0ffff\" border=\"0\" cellpadding=\"10\" cellspacing=\"10\">" "<tr>" "<hr size=\"1\" width=\"800\">" "<hr size=\"1\" width=\"800\">" "<td>" "<br />" "本机MAC地址：&nbsp<input type=\"text\" value=%Number___________ name=\"MA\" id=\"MA\" size=\"20\">" //----------------------------------20210421LWD "</td>" "<td>" "<br />" "本机IP地址：<input type=\"text\" value=%Number_________ name=\"IP\" id=\"IP\" size=\"18\">" "</td>" "</tr>" "<tr>" "</tr>" "<tr>" "<td>" "本地网关：&nbsp&nbsp&nbsp&nbsp<input type=\"text\" value=%Number_________ name=\"NG\" id=\"NG\" size=\"18\">" "</td>" "<td>" "子网掩码：&nbsp&nbsp<input type=\"text\" value=%Number_________ name=\"SM\" id=\"SM\" size=\"18\">" "</td>" "</tr>" "<tr>" "<td>" "Socket1端口号：<input type=\"text\" value=%Number name=\"PN\" id=\"PN\" size=\"10\">" "</td>" "<td>" "Socket2端口号：<input type=\"text\" value=%Number name=\"PR\" id=\"PR\" size=\"10\">" "</td>" "</tr>" "<tr>" "<td align=\"right\">" "<input type=\"submit\" value=\"保存\">&nbsp" "<input type=\"reset\" value=\"取消\">" "<br />" "</td>" "</tr>" "</table>" "<hr size=\"1\" width=\"800\">" "<hr size=\"1\" width=\"800\">" "</p>" "</form>" // "<script language=\"JavaScript\">\r\n" // "function reloadpg()\r\n" // "{\r\n" "<td align=\"right\">" "<input type=\"submit\" value=\"保存\">&nbsp" "<input type=\"reset\" value=\"取消\">" "<br />" "</td>" // // "setTimeout(\"reloadpg()\",5000)\r\n" // "document.location.href=\"/2.html\"\r\n" // // "}\r\n" // "setTimeout(\"reloadpg()\",5000)\r\n" // // "</script>\r\n" "</body>" "</html>" };转化为完整的16进制数组
09-19
<think> 我们有一个C语言数组，其中包含一个HTML字符串。现在需要将这个字符串转换为16进制数组，就像之前的示例一样。 步骤： 1. 提取出数组中包含的字符串（去掉C语言的语法，如分号、引号、逗号等，但保留转义...
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style type="text/css"> .tomact { display: flex; width: 100%; height: 1060px; background-color: #03274b; } .head { width: 1410px; height: 1070px; } .info { width: 1400px; height: 810px; } .info-th { width: 1400px; height: 810px; } .item { width: 490px; height: 100px; background-color: #03274b; position: absolute; top: 1%; left: 24%; } .item-th { display: flex; justify-content: center; align-items: center; height: 100px; color: white; font-size: 50px; } .item-th p { margin-top: 40px; } .text { display: flex; width: 1400px; height: 250px; background-color: #03274b; box-shadow: inset 0 0 50px 2px hwb(214 7% 45%); } .origin { margin: 55px 0; width: 400px; height: 165px; border-right: 3px solid hwb(214 7% 45%); } .origin-th { margin: auto; width: 65%; font-weight: bolder; color: white; font-size: 35px; font-family: Serif; } .origin-th p { margin-top: 0; line-height: 1; } .profile { margin: 55px 0; width: 540px; height: 165px; border-right: 3px solid hwb(214 7% 45%); } .profile-th { margin: auto; width: 75%; font-weight: bolder; color: white; font-size: 35px; font-family: Serif; } .profile-th p { margin-top: 0; line-height: 1; } .price { margin: 55px 0; width: 470px; height: 165px; } .price-th { margin: auto; width: 70%; font-weight: bolder; color: white; font-size: 35px; font-family: Serif; } .price-th p { margin-top: 0; line-height: 1; } .price-th label { color: yellow;; } .sidebar { width: 495px; height: 1060px; background-color: #03274b; box-shadow: inset 0 0 50px 2px hwb(214 7% 45%); position: absolute; right: 0; padding: 30px; box-sizing: border-box; } .sidebar h2 { font-size: 30px; color: white; text-align: center; margin-bottom: 50px; margin-top: 70px; font-family: Serif; } .sidebar p { font-size: 25px; margin: 0 20px; color: white; line-height: 1.5; margin-bottom: 60px; font-family: Serif; } .sidebar .image-placeholder { width: 90%; height: 180px; background-color: #0066cc; display: block; margin: 40px auto; color: #fff; } </style> </head> <body> <div class="tomact"> <div class="head"> <div class="info"> <img class="info-th" src="/img/chicken.jpg"> <div class="item"> <div class="item-th"> <p>琵琶腿</p> </div> </div> </div> <div class="text"> <div class="origin"> <div class="origin-th"> <p>产地: </p> <p>山东省临沂市</p> </div> </div> <div class="profile"> <div class="profile-th"> <p>简介:</p> <p>鸡腿, 充分熟制后食用</p> </div> </div> <div class="price"> <div class="price-th"> <p>价格:</p> <p><label>103.00</label>元/箱</p> </div> </div> </div> </div> <div class="sidebar"> <h2>公司名称</h2> <p>简介: 文字内容文字内容文字内容文字内容文字内容文字内容文字内容文字内容文字内容文字内容文字内容文字内容文字内容文字内容文字内容文字内容文字内容内容文字内容文字内容文字内容文字内容文字内容文字内容文字内容文字内容文字内容内容文字内容文字内容文字内容文字内容 </p> <div class="image-placeholder"></div> <div class="image-placeholder"></div> </div> </div> </body> <script> const list=[ { img:'./img/chicken.jpg', price:'价格:103.00元/箱', desc:'简介:鸡腿, 充分熟制后食用', title:'琵琶腿', production:'产地:山东省临沂市', }, { img:'./img/butterfly.jpg', price:'价格:195.00元/箱', desc:'简介:南美白对虾、水、食用盐、复配水分保持剂,将产品拆袋解冻清洗干净，加热至熟后食用', title:'国美生蝴蝶虾51/60', production:'产地:广东省湛江市', }, { img:'./img/drumette.jpg', price:'价格:155.00元/箱', desc:'简介:精选鸡翅,微波、烧烤、油炸', title:'安大调理翅根', production:'产地:山东省潍坊市', }, { img:'./img/edamame.jpg', price:'价格:100.00/箱', desc:'简介:小青豆, 适合解冻烹饪使用', title:'琵琶腿', production:'产地:浙江省杭州市', }, { img:'./img/fragrant.jpg', price:'价格:354.00元/箱', desc:'简介:对虾、纯净水, 充分熟制后食用', title:'8/12盐田虾', production:'产地:海南省琼海市', }, { img:'./img/hairtail.jpg', price:'价格:345.00元/箱', desc:'简介:带鱼、唐扬粉（小麦粉、淀粉、米粉、香辛料、白砂糖）、酱油、食用盐', title:'秘制带鱼M', production:'产地:浙江省舟山市', }, { img:'./img/pack.jpg', price:'价格:120.00元/箱', desc:'简介:毛豆仁, 适合解冻烹饪使用', title:'速冻甜青豆中(白)', production:'产地:浙江省杭州市', }, { img:'./img/joint.jpg', price:'价格:325.00元/箱', desc:'简介:精选鸡翅,微波、烧烤、油炸', title:'安大奥尔良翅中（绿胶带）', production:'产地:山东省潍坊市', }, { img:'./img/leg.jpg', price:'价格:116.00元/箱', desc:'简介:鸡肉, 充分熟制后食用', title:'毛毛肉', production:'产地:山东省济南市', }, { img:'./img/maize.jpg', price:'价格:66.00元/箱', desc:'简介:玉米粒, 解冻烹饪后使用', title:'速冻甜玉米粒', production:'产地:浙江省杭州市', }, { img:'./img/meat.jpg', price:'价格:180.00元/箱', desc:'简介:南美白对虾、水、食用盐、复配水分保持剂,充分烹调后可食用', title:'国美生虾仁60/70', production:'产地:广东省湛江市', }, { img:'./img/media.jpg', price:'价格:420.00元/箱', desc:'简介:鸡肉, 充分熟制后食用', title:'40/50翅中', production:'产地:山东省滨州市', }, { img:'./img/pork.jpg', price:'价格:440.00元/箱', desc:'简介:带骨猪肉,充分熟制后食用', title:'猪肋排', production:'产地:浙江省杭州市', }, { img:'./img/prawn.jpg', price:'价格:0.00元/箱', desc:'简介:盐田虾,解冻后加水和生姜烧沸关火,将熟虾入沸水中浸泡1分钟,蘸料食用', title:'熟冻盐田虾', production:'产地:河北省唐山市', }, { img:'./img/wing.jpg', price:'价格:116.00元/箱', desc:'简介:鸡肉, 充分熟制后食用', title:'翅根', production:'产地:山东省滨州市', }, ] </script> </html>例如这个代码我想要把数组里的数据读取出来具体怎么实现,在原代码的基础上整改
10-19
<think>我们有一个商品数组list，需要将其展示在网页上。 根据用户之前的代码，我们已经有了一段HTML和JavaScript代码，用于展示商品数组。但是用户现在提供了一个新的数组list，我们需要将其整合进去。 步骤： ...
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Document</title> <style type="text/css"> .tomact { display: flex; width: 100%; height: 1060px; background-color: #03274b; } .head { width: 1410px; height: 1070px; } .info { width: 1400px; height: 810px; } .info-th { width: 1400px; height: 810px; } .item { width: 490px; height: 100px; background-color: #03274b; position: absolute; top: 1%; left: 24%; } .item-th { display: flex; justify-content: center; align-items: center; height: 100px; color: white; font-size: 50px; } .item-th p { margin-top: 40px; } .text { display: flex; width: 1400px; height: 250px; background-color: #03274b; box-shadow: inset 0 0 50px 2px hwb(214 7% 45%); } .origin { margin: 55px 0; width: 400px; height: 165px; border-right: 3px solid hwb(214 7% 45%); } .origin-th { margin: auto; width: 65%; font-weight: bolder; color: white; font-size: 35px; font-family: Serif; } .origin-th p { margin-top: 0; line-height: 1; } .profile { margin: 55px 0; width: 540px; height: 165px; border-right: 3px solid hwb(214 7% 45%); } .profile-th { margin: auto; width: 75%; font-weight: bolder; color: white; font-size: 35px; font-family: Serif; } .profile-th p { margin-top: 0; line-height: 1; } .price { margin: 55px 0; width: 470px; height: 165px; } .price-th { margin: auto; width: 70%; font-weight: bolder; color: white; font-size: 35px; font-family: Serif; } .price-th p { margin-top: 0; line-height: 1; } .price-th label { color: yellow; } .sidebar { width: 495px; height: 1060px; background-color: #03274b; box-shadow: inset 0 0 50px 2px hwb(214 7% 45%); position: absolute; right: 0; padding: 30px; box-sizing: border-box; } .sidebar h2 { font-size: 30px; color: white; text-align: center; margin-bottom: 50px; margin-top: 70px; font-family: Serif; } .sidebar p { font-size: 25px; margin: 0 20px; color: white; line-height: 1.5; margin-bottom: 60px; font-family: Serif; } .sidebar .image-placeholder { width: 90%; height: 180px; background-color: #0066cc; display: block; margin: 40px auto; color: #fff; } </style> </head> <body> <div class="tomact"> <div class="head"> <div class="info"> <img id="image" class="info-th" src="/img/chicken.jpg" /> <div class="item"> <div class="item-th"> <p id="title"></p> </div> </div> </div> <div class="text"> <div class="origin"> <div class="origin-th" > <p>产地:</p> <p id="production"></p> </div> </div> <div class="profile"> <div class="profile-th"> <p>简介:</p> <p id="desc"></p> </div> </div> <div class="price"> <div class="price-th"> <p>价格:</p> <p><label id="price"></label>元/箱</p> </div> </div> </div> </div> <div class="sidebar"> <h2>公司名称</h2> <p> 简介: 文字内容文字内容文字内容文字内容文字内容文字内容文字内容文字内容文字内容文字内容文字内容文字内容文字内容文字内容文字内容文字内容文字内容内容文字内容文字内容文字内容文字内容文字内容文字内容文字内容文字内容文字内容内容文字内容文字内容文字内容文字内容 </p> <div class="image-placeholder"></div> <div class="image-placeholder"></div> </div> </div> </body> <script> const list = [ { img: './img/chicken.jpg', price: '103.00', desc: '鸡腿, 充分熟制后食用', title: '琵琶腿', production: '山东省临沂市' }, { img: './img/butterfly.jpg', price: '195.00', desc: '南美白对虾、水、食用盐、复配水分保持剂,将产品拆袋解冻清洗干净，加热至熟后食用', title: '国美生蝴蝶虾51/60', production: '广东省湛江市' }, { img: './img/drumette.jpg', price: '155.00', desc: '精选鸡翅,微波、烧烤、油炸', title: '安大调理翅根', production: '山东省潍坊市' }, { img: './img/edamame.jpg', price: '100.00', desc: '小青豆, 适合解冻烹饪使用', title: '速冻毛豆仁', production: '浙江省杭州市' }, { img: './img/fragrant.jpg', price: '354.00', desc: '对虾、纯净水, 充分熟制后食用', title: '8/12盐田虾', production: '海南省琼海市' }, { img: './img/hairtail.jpg', price: '345.00', desc: '带鱼、唐扬粉（小麦粉、淀粉、米粉、香辛料、白砂糖）、酱油、食用盐', title: '秘制带鱼M', production: '浙江省舟山市' }, { img: './img/pack.jpg', price: '120.00', desc: '毛豆仁, 适合解冻烹饪使用', title: '速冻甜青豆中(白)', production: '浙江省杭州市' }, { img: './img/joint.jpg', price: '325.00', desc: '精选鸡翅,微波、烧烤、油炸', title: '安大奥尔良翅中（绿胶带）', production: '山东省潍坊市' }, { img: './img/leg.jpg', price: '116.00', desc: '鸡肉, 充分熟制后食用', title: '毛毛肉', production: '山东省济南市' }, { img: './img/maize.jpg', price: '66.00', desc: '玉米粒, 解冻烹饪后使用', title: '速冻甜玉米粒', production: '浙江省杭州市' }, { img: './img/meat.jpg', price: '180.00', desc: '南美白对虾、水、食用盐、复配水分保持剂,充分烹调后可食用', title: '国美生虾仁60/70', production: '广东省湛江市' }, { img: './img/media.jpg', price: '420.00', desc: '鸡肉, 充分熟制后食用', title: '40/50翅中', production: '山东省滨州市' }, { img: './img/pork.jpg', price: '440.00', desc: '带骨猪肉,充分熟制后食用', title: '猪肋排', production: '浙江省杭州市' }, { img: './img/prawn.jpg', price: '0.00', desc: '盐田虾,解冻后加水和生姜烧沸关火,将熟虾入沸水中浸泡1分钟,蘸料食用', title: '熟冻盐田虾', production: '河北省唐山市' }, { img: './img/wing.jpg', price: '116.00', desc: '鸡肉, 充分熟制后食用', title: '翅根', production: '山东省滨州市' } ] const params = new URLSearchParams(window.location.search); const title = params.get('title'); const index = list.findIndex(course => course.title === title); document.querySelector("#image").src=list[index].img document.querySelector("#title").src=list[index].title document.querySelector("#price").src=list[index].price document.querySelector("#desc").src=list[index].desc document.querySelector("#production").src=list[index].production </script> </html> 具体分析为什么加了id属性后不显示
最新发布
10-19
</think>### 分析代码添加 ID 后元素不显示的原因 根据您描述的现象和引用内容，结合 HTML/JavaScript 特性分析，添加 `id` 属性后元素不显示的根本原因如下： #### 1. ID 命名冲突（核心原因） **技术原理**： ...
html <meat>标记,[html] meat标签常见用法
weixin_32722049的博客
06-10 975
目前现在所有的网站head头上都会有多多少少的meat标签，这些标签非常重要，记录着网站的元数据信息。定义 标签元素提供页面的元信息(meta-information)，比如针对搜索引擎的描述和关键词。标签通常位于网页的，不会对内容产生影响。必须的属性每个的标签里必须要有属性content来定义文本与属性的参数。可选属性值描述http-equivcontent-typeexpiresrefresh...
meat 标签
qq_45932447的博客
08-26 1100
meta标签的组成 meta标签共有两个属性： http-equiv属性 name属性 http-equiv属性 相当于http的文件头作用，它可以向浏览器传回一些有用的信息，以帮助正确和精确地显示网页内容，与之对应的属性值为content，content中的内容其实就是各个参数的变量值。 meta标签的http-equiv属性语法格式是： ＜meta http-equiv=”参数” content=”参数变量值”＞ 其中http-equiv属性主要有以下几种参数： 下面展示一些 内联代码片。 1.&
meta详细用法
m0_46236742的博客
03-05 963
HTML META的用途，功能和属性 META本来只是HTML代码中的一个标签而已,不过有一天,这个世界出现了一种叫做搜索引擎的东西,META标签便突然被人们重视起来了,并且META还增加了类似于Robots这种属性。 　　 写这篇文章之前,我也在考虑,究竟这篇介绍META的文章,应该归属于HTML专栏,还是SEO专栏?当您看到这篇文章的时候,很明显,它被我归属到HTML专栏中了。...
META标签的奥妙[转载]
Jimbor Studio
02-24 1263
META标签，是HTML语言head区的一个辅助性标签。在几乎所有的page里，我们都可以看到类似下面这段html代码：----------------------------------------------------------------------------------------------这就是meta标签的典型运用。meta标签有多少参数，有什么作用，为什么我们要特别重视它呢？
META元素使用详解
primer_2004
10-26 342
meta标记 　　meta标记看似是HTML语言HEAD区的一个辅助性标签，其实它的作用很大。META标签共有两个属性，它们分别是Http-equiv属性和Name属性，不同的属性又有不同的参数值，这些不同的参数值就实现了不同的网页功能。 　1.Name属性 　　Name属性主要用于描述网页，与之对应的属性值为Content，Content中的内容主要是便于搜索引擎机器人查找信息和分类信息用...
meta标签正确使用方法
我笔记
10-22 374
关键词值不能用超过3个，因为多了容易被认定为作弊，而且每个权重会很低 概述值不写太多最多100个字汉字要合理 来源：我笔记 wobiji.net
Meta 标签使用详解
gundumw100的专栏
04-10 486
meta是html语言head区的一个辅助性标签。几乎所有的网页里，我们可以看到类似下面这段的html代码： 　　也许你认为这些代码可有可无。其实如果你能够用好meta标签，会给你带来意想不到的效果，例如加入关键字会自动被大型搜索网站自动搜集；可以设定页面格式及刷新等等。 一、meta标签的组成 　　meta标签共有两个属性，它们分别是http-equiv属性和na
meta标签如何进行深入使用
yunduanaoligei的博客
11-10 225
今天分享下”meta标签如何进行深入使用“这篇文章，文中根据实例编码详细介绍，或许对大家的编程之路有着一定的参考空间与使用价值，需要的朋友接下来跟着云南仟龙Mark一起学习一下吧。 废话，就不多说了，开始今天的主题。 Html中meta标签 一、meta标签 含义 元素 可提供有关页面的元信息（meta-information），比如针对搜索引擎和更新频度的描述和关键词。 标签位于文档的头部，不包含任何内容。 标签的属性定义了与文档相关联的名称/值对。 二、meta 中常用属性 charset (
meta标签使用手册
夕山雨的博客
05-09 5350
一、meta标签的含义 <meta>是HTML中很常用的标签之一，用于描述一些与当前文档有关的元信息。 所谓元信息，就是用来描述信息的信息。比如我们通过http发送了一个请求，那么请求主体就是我们的目标信息。而用于描述该信息的那些状态参数，如编码格式、超时时间、消息长度等，就是描述目标信息用的信息，它们就被称为元信息。 对于一个HTML文档而言也是一样的。用于描述文档的编码格式、关键字...
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值