HTML
一. HTML 介绍
1. HTML概述:html全称Hyper Text Mackeup Language, 翻译为超文本标记语言, 它不是一种编程语言, 是一种描述性的标记语言, 用于描述超文本内容的显示方式. 比如字体, 颜色, 大小等.
超文本: 音频, 视频, 图片称为超文本.
标记: <英文单词或者字母>称为标记, 一个HTML页面都是由各种标记组成.
作用: HTML是负责描述文档语义的语言.
注意: HTML语言不是一个编程语言(有编译过程), 而是一个标记语言(没有编译过程), HTML页面直接由浏览器解析执行.
HTML是负责描述文档语义的语言:
html中，除了语义，其他什么都没有。
html是一个纯本文文件（就是用txt文件改名而成），用一些标签来描述文字的语义，这些标签在浏览器里面是看不到的，所以称为“超文本”，所以就是“超文本标记语言”了。
2. HTML的网络术语
- 网页 ：由各种标记组成的一个页面就叫网页.
- 主页(首页) : 一个网站的起始页面或者导航页面.
- 标记：
- 元素：
内容
- 属性：给每一个标签所做的辅助信息
二. HTML颜色介绍
颜色表示:
- 纯单词表示：red、green、blue、orange、gray等
- 10进制表示：rgb(255,0,0)
- 16进制表示：#FF0000、#0000FF、#00FF00等
我们大家先记住几个纯单词的颜色，css课程中会详细讲10进制和16进制。
RGB色彩模式：
- 自然界中所有的颜色都可以用红、绿、蓝(RGB)这三种颜色波长的不同强度组合而得，这就是人们常说的三原色原理。
- RGB三原色也叫加色模式，这是因为当我们把不同光的波长加到一起的时候，可以得到不同的混合色。例：红+绿=黄色，红+蓝＝紫色，绿+蓝=青
- 在数字视频中，对RGB三基色各进行8位编码就构成了大约1678万种颜色，这就是我们常说的真彩色。所有显示设备都采用的是RGB色彩模式。
- RGB各有256级(0-255)亮度，256级的RGB色彩总共能组合出约1678万种色彩，即256×256×256=16777216。
三. HTML的规范
- HTML是一个弱势语言
- HTML不区分大小写
- HTML页面的后缀名是html或者htm(有一些系统不支持后缀名长度超过3个字符，比如dos系统)
- HTML的结构：
- 声明部分：主要作用是用来告诉浏览器这个页面使用的是哪个标准。是HTML5标准。
- head部分：将页面的一些额外信息告诉服务器。不会显示在页面上。
- body部分：我们所写的代码必须放在此标签內。
1、编写HTML的规范
（1）所有标记元素都要正确的嵌套，不能交叉嵌套。正确写法举例：
（2）所有的标记都必须小写。
（3）所有的标记都必须关闭。
- 双边标记：
- 单边标记：
（4）所有的属性值必须加引号。
（5）所有的属性必须有值。
2、HTML的基本语法特征
（1）HTML对换行不敏感，对tab不敏感
HTML只在乎标签的嵌套结构，嵌套的关系。谁嵌套了谁，谁被谁嵌套了，和换行、tab无关。换不换行、tab不tab，都不影响页面的结构。
也就是说，HTML不是依靠缩进来表示嵌套的，就是看标签的包裹关系。但是，我们发现有良好的缩进，代码更易读。要求大家都正确缩进标签。
(2) 空白折叠现象
HTML中所有的文字之间，如果有空格、换行、tab都将被折叠为一个空格显示。
（3）标签要严格封闭
四. HTML结构详解
新建HTML文件，输入 html:5,按tab键后，自动生成的代码如下：
DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Documenttitle>
head>
<body>body>
html>
1、文档声明头
任何一个标准的HTML页面，第一行一定是一个以下代码开头的:
DOCTYPE...
开头的这一行，就是文档声明头，DocType Declaration，简称DTD。此标签可告知浏览器文档使用哪种 HTML 或 XHTML 规范。
PS:
XHTML：Extensible Hypertext Markup Language，可扩展超文本标注语言。
XHTML的主要目的是为了取代HTML，也可以理解为HTML的升级版。
HTML的标记书写很不规范，会造成其它的设备(ipad、手机、电视等)无法正常显示。
XHTML与HTML4.0的标记基本上一样。
XHTML是严格的、纯净的HTML
2、头标签（head）
head标签都放在头部分之间。这里面包含了：、</code><code><meta></code>、<code><link>，<style></code></p> <ul><li><code><title></code>：指定整个网页的标题，在浏览器最上方显示</li><li><code><meta></code>：提供有关页面的基本信息</li><li><code><link></code>：定义文档与外部资源的关系</li><li><style>: 定义内部样式表与网页的关系</li></ul><h4>2.1 Meta标签介绍：</h4> <p>元素可提供有关页面的原信息（mata-information）,针对搜索引擎和更新频度的描述和关键词。</p> <p>标签位于文档的头部，不包含任何内容。</p> <p>提供的信息是用户不可见的。 meta标签的组成：meta标签共有两个属性，它们分别是http-equiv属性和name属性，不同的属性又有不同的参数值，这些不同的参数值就实现了不同的网页功能。</p> <p>常用的meta标签：</p> <p> （1）http-equiv属性</p> <p>它用来向浏览器传达一些有用的信息，帮助浏览器正确地显示网页内容，与之对应的属性值为content，content中的内容其实就是各个参数的变量值。</p> <pre><span><!--</span><span>重定向 2秒后跳转到对应的网址，注意分号</span><span>--></span>
<span><</span><span>meta </span><span>http-equiv</span><span>="refresh"</span><span> content</span><span>="2;URL=http://www.luffycity.com"</span><span>></span><span><!--</span><span>指定文档的内容类型和编码类型 </span><span>--></span>
<span><</span><span>meta </span><span>http-equiv</span><span>="Content-Type"</span><span> content</span><span>="text/html;charset=utf-8"</span> <span>/></span><span><!--</span><span>告诉IE浏览器以最高级模式渲染当前网页</span><span>--></span>
<span><</span><span>meta </span><span>http-equiv</span><span>="x-ua-compatible"</span><span> content</span><span>="IE=edge"</span><span>></span></pre> <p> （2）name属性</p> <p>主要用于页面的关键字和描述，是写给搜索引擎看的，关键字可以有多个用 ‘,’号隔开，与之对应的属性值为content，content中的内容主要是便于搜索引擎机器人查找信息和分类信息用的。</p> <p> </p> <pre><span><</span><span>meta </span><span>name</span><span>="Keywords"</span><span> content</span><span>="网易,邮箱,游戏,新闻,体育,娱乐,女性,亚运,论坛,短信"</span> <span>/></span></pre> <p>这些关键词，就是告诉搜索引擎，这个网页是干嘛的，能够提高搜索命中率。让别人能够找到你，搜索到。</p> <p> </p> <pre><span><</span><span>meta </span><span>name</span><span>="Description"</span><span> content</span><span>="网易是中国领先的互联网技术公司，为用户提供免费邮箱、游戏、搜索引擎服务，开设新闻、娱乐、体育等30多个内容频道，及博客、视频、论坛等互动交流，网聚人的力量。"</span> <span>/></span></pre> <p>只要设置Description页面描述，那么百度搜索结果，就能够显示这些语句，这个技术叫做<strong>SEO</strong>（search engine optimization，搜索引擎优化）。</p> <p> </p> <pre><span><</span><span>meta </span><span>name</span><span>=viewport </span><span>content</span><span>="width=device-width, initial-scale=1"</span><span>></span></pre> <p>上面这个标签，是让我们网页支持移动端，移动设备优先（了解即可）.</p> <p> </p> <h3>2.2 title标签</h3> <p>主要用来告诉用户和搜索引擎这个网页的主要内容是什么，搜索引擎可以通过网页标题，迅速的判断出当前网页的主题。</p> <pre><span><</span><span>title</span><span>></span>路飞学城<span></</span><span>title</span><span>></span></pre> <p>效果如下：</p> <p><img src="https://img2018.cnblogs.com/blog/1464512/201810/1464512-20181031160111624-1164551606.png" alt="" width="325" height="150" /></p> <p> </p> <p class="postTitle"><span>01-html介绍和head标签<a href="https://www.imspm.com/addons/cms/go/index.html?url=https%3A%2F%2Fwww.cnblogs.com%2Fmajj%2Fp%2F9056951.html" ></a></span></p> <p class="postTitle"><span>02-body标签中相关标签<a href="https://www.imspm.com/addons/cms/go/index.html?url=https%3A%2F%2Fwww.cnblogs.com%2Fmajj%2Fp%2F9062540.html" ></a></span></p> <p class="postTitle"><span>03-body标签中相关标签</span></p> <p> </p>
<p>转载于:https://www.cnblogs.com/haitaoli/p/9880999.html</p> </p>
<p><br /><pre><code style="font-size:16px;">本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击<a
href="https://shimo.im/forms/N2A1gvJRpPh7K9qD/fill" target="_blank" rel="nofollow">【内容举报】</a>进行投诉反馈！</code></pre></p>
<!-- E 正文 -->
<link href="https://qiniu.techgrow.cn/readmore/dist/readmore.css" type="text/css" rel="stylesheet">
<script src="https://qiniu.techgrow.cn/readmore/dist/readmore.js" type="text/javascript"></script>
<script>
var regex = /(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Windows Phone)/i
var isMobile = navigator.userAgent.match(regex);
if (!isMobile) {
try {
var plugin = new ReadmorePlugin();
plugin.init({
id: "readmore-container",
blogId: "55721-7689706765131-406",
name: "财经早读",
keyword: "666",
qrcode: "https://www.imspm.com/assets/img/caijingzaodu.jpg",
type: "website",
height: "auto",
expires: "7",
interval: "60",
random: "1"
})
} catch (e) {
console.warn("readmore plugin occurred error: " + e.name + " | " + e.message);
}
}
</script> </div>
<!-- S 付费阅读 -->
<!-- E 付费阅读 -->
<!-- S 点赞 -->
<div class="article-donate">
<a href="javascript:" class="btn btn-primary btn-like btn-lg social-share-icon icon-heart addbookbark" data-type="archives" data-aid="100054" data-action="/addons/cms/ajax/collection.html">收藏</a>
</div>
<!-- E 点赞 -->
<div class="entry-meta">
<ul>
<!-- S 归档 -->
<li>标签：<a href="/dev.html" class="tag" rel="tag" target="_blank">技术</a></li>
<!-- S 归档 -->
</ul>
<ul class="article-prevnext">
<!-- S 上一篇下一篇 -->
<li>
<span>上一篇 ></span>
<a href="/dev/100045.html" target="_blank">spring mvc后端校验validator</a>
</li>
<li>
<span>下一篇 ></span>
<a href="/dev/100056.html" target="_blank">InfluxDB中文文档</a>
</li>
<!-- E 上一篇下一篇 -->
</ul>
</div>
<div class="related-article">
<div class="row" style="margin: 0 -15px;">
<!-- S 相关文章 -->
<div class="col-xs-12">
<h3 style="font-size: 1.1em;">相关文章</h5>
</div>
<div class="col-xs-12">
<p style="margin-top: 17px;margin-bottom: 8.5px;"><a href="/dev/747938.html" target="_blank">Duilib中list控件支持ctrl和shif多行选中的实现</a></p>
</div>
<div class="col-xs-12">
<p style="margin-top: 17px;margin-bottom: 8.5px;"><a href="/dev/747937.html" target="_blank">[ICML2015]Batch Normalization:Accelerating Deep Network Training by Reducing Internal Covariate Shif</a></p>
</div>
<div class="col-xs-12">
<p style="margin-top: 17px;margin-bottom: 8.5px;"><a href="/dev/747936.html" target="_blank">win10系统 微软输入法 于eclipse ctrl+shif+f冲突间接处理办法</a></p>
</div>
<div class="col-xs-12">
<p style="margin-top: 17px;margin-bottom: 8.5px;"><a href="/dev/747935.html" target="_blank">Codeforces Round #259 (Div. 2) B. Little Pony and Sort by Shif</a></p>
</div>
<div class="col-xs-12">
<p style="margin-top: 17px;margin-bottom: 8.5px;"><a href="/dev/747934.html" target="_blank">读LDD3，内存映射与DMA--PAGE_SHIF…</a></p>
</div>
<div class="col-xs-12">
<p style="margin-top: 17px;margin-bottom: 8.5px;"><a href="/dev/747933.html" target="_blank">VMware虚拟机安装XP【要先分区，再设置BOOT 启动CD，shif+上移】</a></p>
</div>
<div class="col-xs-12">
<p style="margin-top: 17px;margin-bottom: 8.5px;"><a href="/dev/747932.html" target="_blank">更换iBus五笔的左与右Shif</a></p>
</div>
<div class="col-xs-12">
<p style="margin-top: 17px;margin-bottom: 8.5px;"><a href="/dev/747931.html" target="_blank">sublime ctrl+shif+f 没用解决办法</a></p>
</div>
<div class="col-xs-12">
<p style="margin-top: 17px;margin-bottom: 8.5px;"><a href="/dev/747930.html" target="_blank">idea 对 ctrl + z 的撤销 是 ctrl + shif + z</a></p>
</div>
<div class="col-xs-12">
<p style="margin-top: 17px;margin-bottom: 8.5px;"><a href="/dev/747929.html" target="_blank">计算机最早的设计师应用于,计算机应用基础选择题doc.doc</a></p>
</div>
<div class="col-xs-12">
<p style="margin-top: 17px;margin-bottom: 8.5px;"><a href="/dev/747928.html" target="_blank">win10自带截图神器：Win+Shift+S</a></p>
</div>
<div class="col-xs-12">
<p style="margin-top: 17px;margin-bottom: 8.5px;"><a href="/dev/747927.html" target="_blank">Python基础之文件目录操作</a></p>
</div>
<div class="col-xs-12">
<p style="margin-top: 17px;margin-bottom: 8.5px;"><a href="/dev/747926.html" target="_blank">python简述目录_Python基础之文件目录操作(示例代码)</a></p>
</div>
<div class="col-xs-12">
<p style="margin-top: 17px;margin-bottom: 8.5px;"><a href="/dev/747925.html" target="_blank">tp5 如何做数据采集</a></p>
</div>
<div class="col-xs-12">
<p style="margin-top: 17px;margin-bottom: 8.5px;"><a href="/dev/747924.html" target="_blank">任务2-7(服务器字体+阿里巴巴矢量库)</a></p>
</div>
<div class="col-xs-12">
<p style="margin-top: 17px;margin-bottom: 8.5px;"><a href="/dev/747923.html" target="_blank">html标签（1)：h1~h6,p,br,pre,hr</a></p>
</div>
<div class="col-xs-12">
<p style="margin-top: 17px;margin-bottom: 8.5px;"><a href="/dev/747922.html" target="_blank">TI 电量计介绍与芯片选型指南</a></p>
</div>
<div class="col-xs-12">
<p style="margin-top: 17px;margin-bottom: 8.5px;"><a href="/dev/747921.html" target="_blank">几款TI电源芯片简介</a></p>
</div>
<div class="col-xs-12">
<p style="margin-top: 17px;margin-bottom: 8.5px;"><a href="/dev/747920.html" target="_blank">TI DSP芯片C2000系列读取FLASH数据</a></p>
</div>
<div class="col-xs-12">
<p style="margin-top: 17px;margin-bottom: 8.5px;"><a href="/dev/747919.html" target="_blank">德州仪器(Ti)平台嵌入式开发基础</a></p>
</div>
<div class="col-xs-12">
<p style="margin-top: 17px;margin-bottom: 8.5px;"><a href="/dev/747918.html" target="_blank">TI三相电机智能栅极驱动芯片特点分类</a></p>
</div>
<div class="col-xs-12">
<p style="margin-top: 17px;margin-bottom: 8.5px;"><a href="/dev/747917.html" target="_blank">省选模拟（12.08） T3 圈圈圈圈圈圈圈圈</a></p>
</div>
<div class="col-xs-12">
<p style="margin-top: 17px;margin-bottom: 8.5px;"><a href="/dev/747916.html" target="_blank">Hadoop生态圈技术栈（上）</a></p>
</div>
<div class="col-xs-12">
<p style="margin-top: 17px;margin-bottom: 8.5px;"><a href="/dev/747915.html" target="_blank">大数据开发基础入门与项目实战（三）Hadoop核心及生态圈技术栈之6.Impala交互式查询</a></p>
</div>
<div class="col-xs-12">
<p style="margin-top: 17px;margin-bottom: 8.5px;"><a href="/dev/747914.html" target="_blank">小猿圈之Linux下Mysql 操作命令</a></p>
</div>
<div class="col-xs-12">
<p style="margin-top: 17px;margin-bottom: 8.5px;"><a href="/dev/747913.html" target="_blank">大数据Hadoop生态圈常用面试题</a></p>
</div>
<div class="col-xs-12">
<p style="margin-top: 17px;margin-bottom: 8.5px;"><a href="/dev/747912.html" target="_blank">大数据开发基础入门与项目实战（三）Hadoop核心及生态圈技术栈之4.Hive DDL、DQL和数据操作</a></p>
</div>
<div class="col-xs-12">
<p style="margin-top: 17px;margin-bottom: 8.5px;"><a href="/dev/747911.html" target="_blank">备战Noip2018模拟赛11（B组）T3 Monogatari 物语</a></p>
</div>
<div class="col-xs-12">
<p style="margin-top: 17px;margin-bottom: 8.5px;"><a href="/dev/747910.html" target="_blank">【智能优化算法-圆圈搜索算法】基于圆圈搜索算法Circle Search Algorithm求解单目标优化问题附matlab代码</a></p>
</div>
<div class="col-xs-12">
<p style="margin-top: 17px;margin-bottom: 8.5px;"><a href="/dev/747909.html" target="_blank">NYOJ 78 圈水池</a></p>
</div>
<div class="col-xs-12">
<p style="margin-top: 17px;margin-bottom: 8.5px;"><a href="/dev/747908.html" target="_blank">递归问题 跑道 汽车 绕圈问题 Python实现</a></p>
</div>
<div class="col-xs-12">
<p style="margin-top: 17px;margin-bottom: 8.5px;"><a href="/dev/747907.html" target="_blank">Hadoop生态圈（三）：MapReduce</a></p>
</div>
<!-- E 相关文章 -->
</div>
</div>
<div class="clearfix"></div>
</div>
</div>
</main>
<aside class="col-xs-12 col-md-4">
<!--@formatter:off-->
<!--@formatter:on-->
<!-- S 内容推荐 -->
<div class="panel panel-default hot-article">
<div class="panel-heading">
<h3 class="panel-title">内容推荐</h3>
</div>
<div class="panel-body">
<div class="media media-number">
<div class="media-left">
<span class="num tag">1</span>
</div>
<div class="media-body">
<a class="link-dark" href="/jiaohutiyan/753475.html" title="大厂出品！保姆级教程帮你掌握「用户体验要素」" target="_blank">大厂出品！保姆级教程帮你掌握「用户体验要素」</a>
</div>
</div>
<div class="media media-number">
<div class="media-left">
<span class="num tag">2</span>
</div>
<div class="media-body">
<a class="link-dark" href="/jiaohutiyan/753348.html" title="大厂实战案例！设计师如何助力京东快递业务增长？" target="_blank">大厂实战案例！设计师如何助力京东快递业务增长？</a>
</div>
</div>
<div class="media media-number">
<div class="media-left">
<span class="num tag">3</span>
</div>
<div class="media-body">
<a class="link-dark" href="/jiaohutiyan/753116.html" title="总监干货！5个常见的UI设计规范创建误区" target="_blank">总监干货！5个常见的UI设计规范创建误区</a>
</div>
</div>
<div class="media media-number">
<div class="media-left">
<span class="num tag">4</span>
</div>
<div class="media-body">
<a class="link-dark" href="/kaifagongju/752540.html" title="数据库管理利器——Navicat Premium v17.0.4学习版(Windows+MacOS+Linux)" target="_blank">数据库管理利器——Navicat Premium v17.0.4学习版(Windows+MacOS+Linux)</a>
</div>
</div>
<div class="media media-number">
<div class="media-left">
<span class="num tag">5</span>
</div>
<div class="media-body">
<a class="link-dark" href="/jiaohutiyan/750353.html" title="进阶必学！快速掌握10种国际主流设计模型" target="_blank">进阶必学！快速掌握10种国际主流设计模型</a>
</div>
</div>
<div class="media media-number">
<div class="media-left">
<span class="num tag">6</span>
</div>
<div class="media-body">
<a class="link-dark" href="/jiaohutiyan/750352.html" title="春节期间，10个大厂的产品细节走心设计" target="_blank">春节期间，10个大厂的产品细节走心设计</a>
</div>
</div>
<div class="media media-number">
<div class="media-left">
<span class="num tag">7</span>
</div>
<div class="media-body">
<a class="link-dark" href="/jiaohutiyan/747940.html" title="如何帮助用户度过新人期？来看雪球APP的实战总结！" target="_blank">如何帮助用户度过新人期？来看雪球APP的实战总结！</a>
</div>
</div>
<div class="media media-number">
<div class="media-left">
<span class="num tag">8</span>
</div>
<div class="media-body">
<a class="link-dark" href="/ruanjianzixun/42357.html" title="Sketch 95.3最新版下载 (Sketch矢量绘图应用软件)" target="_blank">Sketch 95.3最新版下载 (Sketch矢量绘图应用软件)</a>
</div>
</div>
<div class="media media-number">
<div class="media-left">
<span class="num tag">9</span>
</div>
<div class="media-body">
<a class="link-dark" href="/ruanjianzixun/42356.html" title="Axure RP 9 最新正式版安装软件与汉化语言包下载(2023年3月30日更新)" target="_blank">Axure RP 9 最新正式版安装软件与汉化语言包下载(2023年3月30日更新)</a>
</div>
</div>
<div class="media media-number">
<div class="media-left">
<span class="num tag">10</span>
</div>
<div class="media-body">
<a class="link-dark" href="/chanpinsheji/42343.html" title="嘘！SaaS产品的差异化设计细节，一般人我不告诉他" target="_blank">嘘！SaaS产品的差异化设计细节，一般人我不告诉他</a>
</div>
</div>
</div>
</div>
<!-- E 内容推荐 -->
<div class="panel panel-blockimg">
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-6421005227861480"
crossorigin="anonymous"></script>
<!-- 右侧正方形 -->
<ins class="adsbygoogle"
style="display:block"
data-ad-client="ca-pub-6421005227861480"
data-ad-slot="1989994359"
data-ad-format="auto"
data-full-width-responsive="true"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
</div>
<div class="panel panel-default lasest-update">
<!-- S 最近更新 -->
<div class="panel-heading">
<h3 class="panel-title">最新更新</h3>
</div>
<div class="panel-body">
<ul class="list-unstyled">
<li>
<span><a href="/chanpinjingli.html" target="_blank">[产品经理]</a></span>
<a class="link-dark" href="/chanpinjingli/758173.html" title="3分钟绘制流程图！这个AI+绘图工具的神仙组合，学完老板直呼内行" target="_blank">3分钟绘制流程图！这个AI+绘图工具的神仙组合，学完老板直呼内行</a>
</li>
<li>
<span><a href="/chanpinjingli.html" target="_blank">[产品经理]</a></span>
<a class="link-dark" href="/chanpinjingli/758172.html" title="商业潜规则：打败你的不是AI，而是人性" target="_blank">商业潜规则：打败你的不是AI，而是人性</a>
</li>
<li>
<span><a href="/chanpinsheji.html" target="_blank">[产品设计]</a></span>
<a class="link-dark" href="/chanpinsheji/758171.html" title="DeepSeek+智能派单系统的实践分享" target="_blank">DeepSeek+智能派单系统的实践分享</a>
</li>
<li>
<span><a href="/chanpinjingli.html" target="_blank">[产品经理]</a></span>
<a class="link-dark" href="/chanpinjingli/758170.html" title="一文读懂本年实际损益借(贷)方发生额" target="_blank">一文读懂本年实际损益借(贷)方发生额</a>
</li>
<li>
<span><a href="/chuangyexueyuan.html" target="_blank">[创业学院]</a></span>
<a class="link-dark" href="/chuangyexueyuan/758169.html" title="大客户 vs 中小企业：需求竟天差地别？以企业培训数字化为例" target="_blank">大客户 vs 中小企业：需求竟天差地别？以企业培训数字化为例</a>
</li>
<li>
<span><a href="/chanpinjingli.html" target="_blank">[产品经理]</a></span>
<a class="link-dark" href="/chanpinjingli/758168.html" title="不要将员工的“猴子”背到自己身上：职场管理中的权责划分" target="_blank">不要将员工的“猴子”背到自己身上：职场管理中的权责划分</a>
</li>
<li>
<span><a href="/chanpinjingli.html" target="_blank">[产品经理]</a></span>
<a class="link-dark" href="/chanpinjingli/758167.html" title="人工智能的三层架构：从应用层到基础服务层，解密智能革命" target="_blank">人工智能的三层架构：从应用层到基础服务层，解密智能革命</a>
</li>
<li>
<span><a href="/chanpinsheji.html" target="_blank">[产品设计]</a></span>
<a class="link-dark" href="/chanpinsheji/758166.html" title="一文讲清楚iOS的SKAN4.0" target="_blank">一文讲清楚iOS的SKAN4.0</a>
</li>
</ul>
</div>
<!-- E 最近更新 -->
</div>
<!-- S 热门标签 -->
<div class="panel panel-default hot-tags">
<div class="panel-heading">
<h3 class="panel-title">热门标签</h3>
</div>
<div class="panel-body">
<div class="tags">
<a href="/channel/数量.html" class="tag" target="_blank"> <span>数量</span></a>
<a href="/channel/AI技术趋势.html" class="tag" target="_blank"> <span>AI技术趋势</span></a>
<a href="/channel/用户角色.html" class="tag" target="_blank"> <span>用户角色</span></a>
<a href="/channel/心智游移.html" class="tag" target="_blank"> <span>心智游移</span></a>
<a href="/channel/自然生态系统.html" class="tag" target="_blank"> <span>自然生态系统</span></a>
<a href="/channel/会员权益.html" class="tag" target="_blank"> <span>会员权益</span></a>
<a href="/channel/AirDrop.html" class="tag" target="_blank"> <span>AirDrop</span></a>
<a href="/channel/hashmap.html" class="tag" target="_blank"> <span>hashmap</span></a>
<a href="/channel/小龙虾.html" class="tag" target="_blank"> <span>小龙虾</span></a>
<a href="/channel/焦虑.html" class="tag" target="_blank"> <span>焦虑</span></a>
<a href="/channel/危机处理.html" class="tag" target="_blank"> <span>危机处理</span></a>
<a href="/channel/发展.html" class="tag" target="_blank"> <span>发展</span></a>
<a href="/channel/微信群折叠.html" class="tag" target="_blank"> <span>微信群折叠</span></a>
<a href="/channel/toast.html" class="tag" target="_blank"> <span>toast</span></a>
<a href="/channel/测评新算法.html" class="tag" target="_blank"> <span>测评新算法</span></a>
<a href="/channel/改版.html" class="tag" target="_blank"> <span>改版</span></a>
<a href="/channel/wireshark.html" class="tag" target="_blank"> <span>wireshark</span></a>
<a href="/channel/投放方式.html" class="tag" target="_blank"> <span>投放方式</span></a>
<a href="/channel/音频播放动效.html" class="tag" target="_blank"> <span>音频播放动效</span></a>
<a href="/channel/timer.html" class="tag" target="_blank"> <span>timer</span></a>
<a href="/channel/女性商业.html" class="tag" target="_blank"> <span>女性商业</span></a>
<a href="/channel/古典自媒体.html" class="tag" target="_blank"> <span>古典自媒体</span></a>
<a href="/channel/海外博主.html" class="tag" target="_blank"> <span>海外博主</span></a>
<a href="/channel/repeater.html" class="tag" target="_blank"> <span>repeater</span></a>
<a href="/channel/转账.html" class="tag" target="_blank"> <span>转账</span></a>
<a href="/channel/万能钥匙.html" class="tag" target="_blank"> <span>万能钥匙</span></a>
<a href="/channel/秋招.html" class="tag" target="_blank"> <span>秋招</span></a>
<a href="/channel/快服务.html" class="tag" target="_blank"> <span>快服务</span></a>
<a href="/channel/个人演讲.html" class="tag" target="_blank"> <span>个人演讲</span></a>
<a href="/channel/客户共识.html" class="tag" target="_blank"> <span>客户共识</span></a>
</div>
</div>
</div>
<!-- E 热门标签 -->
</aside>
</div>
</div>
</main>
<footer>
<div id="footer">
<div class="container">
<div class="row footer-inner">
<div class="col-xs-12">
<div class="footer-logo pull-left mr-4">
<a href="/"><i class="fa fa-bookmark"></i></a>
</div>
<div class="pull-left">
Copyright © 2025 All rights reserved. 超级产品经理 <a href="https://beian.miit.gov.cn" target="_blank" rel="noopener">浙ICP备14026978号-4</a>
<ul class="list-unstyled list-inline mt-2">
<li><a href="/p/aboutus.html" target="_blank">关于网站</a></li>
<li><a href="/contactus.html" rel="nofollow" target="_blank">联系我们</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</footer>
<div id="floatbtn">
<!-- S 浮动按钮 -->
<a class="hover" href="/index/cms.archives/post.html" target="_blank">
<i class="iconfont icon-pencil"></i>
<em>立即<br>投稿</em>
</a>
<div class="floatbtn-item floatbtn-share">
<i class="iconfont icon-share"></i>
<div class="floatbtn-wrapper" style="height:50px;top:0">
<div class="social-share" data-initialized="true" data-mode="prepend">
<a href="#" class="social-share-icon icon-weibo" target="_blank"></a>
<a href="#" class="social-share-icon icon-qq" target="_blank"></a>
<a href="#" class="social-share-icon icon-qzone" target="_blank"></a>
<a href="#" class="social-share-icon icon-wechat"></a>
</div>
</div>
</div>
<a href="javascript:;">
<i class="iconfont icon-qrcode"></i>
<div class="floatbtn-wrapper">
<div class="qrcode"><img src="https://www.imspm.com/assets/img/gongzhonghao.jpg"></div>
<p>微信公众账号</p>
<p>微信扫一扫加关注</p>
</div>
</a>
<a id="back-to-top" class="hover" href="javascript:;">
<i class="iconfont icon-backtotop"></i>
<em>返回<br>顶部</em>
</a>
<!-- E 浮动按钮 -->
</div>
<script type="text/javascript" src="/assets/libs/jquery/dist/jquery.min.js?v=1.0.10"></script>
<script type="text/javascript" src="/assets/libs/bootstrap/dist/js/bootstrap.min.js?v=1.0.10"></script>
<script type="text/javascript" src="/assets/libs/fastadmin-layer/dist/layer.js?v=1.0.10"></script>
<script type="text/javascript" src="/assets/libs/art-template/dist/template-native.js?v=1.0.10"></script>
<script type="text/javascript" src="/assets/addons/cms/js/jquery.autocomplete.js?v=1.0.10"></script>
<script type="text/javascript" src="/assets/addons/cms/js/swiper.min.js?v=1.0.10"></script>
<script type="text/javascript" src="/assets/addons/cms/js/share.min.js?v=1.0.10"></script>
<script type="text/javascript" src="/assets/addons/cms/js/cms.js?v=1.0.10"></script>
<script type="text/javascript" src="/assets/addons/cms/js/common.js?v=1.0.10"></script>
</body>
</html>