<![CDATA[
1. 田蚡：汉武帝时期丞相，以奢靡闻名，《史记》载其“富累千金”
2. 彭宣：东汉富豪，与樊重并称“樊彭之富”，见《后汉书》
3. 唐代门阀制度：许氏为江南士族代表，郝氏属北方郡姓，反映“贵”的标准
4. 谚语体特征：口语化、对比手法、地域性（江淮流域）
</plaintext>
</div>
<div class="card-actions" style="display: none;">
<button type="button" class="expand-btn" onclick="toggleCardContent(this)">展开</button>
</div>
</div>
</div>
<div class="info-card">
<div class="card-header">
<h3 class="card-title">古诗注解</h3>
</div>
<div class="card-content">
<div class="expand-content collapsed" data-card-index="2">
<ul>
<li><strong>许郝：</strong>指唐代名门望族许氏与郝氏，以地位显赫著称。</li>
<li><strong>田彭：</strong>指汉代巨富田氏（如田蚡）与彭氏（如彭宣），象征财富巅峰。</li>
</ul>
</div>
<div class="card-actions" style="display: none;">
<button type="button" class="expand-btn" onclick="toggleCardContent(this)">展开</button>
</div>
</div>
</div>
<div class="info-card">
<div class="card-header">
<h3 class="card-title">讲解</h3>
</div>
<div class="card-content">
<div class="expand-content collapsed" data-card-index="3">
<p>此诗核心在于“贵”“富”的二元对立：<br>
1. <strong>社会镜像：</strong>通过许郝/田彭的并置，展现唐代权力与财富的分离现象<br>
2. <strong>历史隐喻：</strong>汉代田彭的结局（如田蚡被诛）暗含对富豪的警示<br>
3. <strong>语言艺术：</strong>“如”“若”虚词运用，使类比更具张力，末字押韵增强传播性</p>
</div>
<div class="card-actions" style="display: none;">
<button type="button" class="expand-btn" onclick="toggleCardContent(this)">展开</button>
</div>
</div>
</div>
<div class="info-card">
<div class="card-header">
<h3 class="card-title">古诗赏析</h3>
</div>
<div class="card-content">
<div class="expand-content collapsed" data-card-index="4">
<p>全诗仅十字，以精炼对比勾勒社会阶层：前句“贵”强调门第权势，后句“富”突出物质积累。运用汉代与当代人物类比，既体现历史延续性，又暗含对财富集中的隐忧。语言质朴却意蕴深刻，是唐代民间智慧的典型体现。</p>
</div>
<div class="card-actions" style="display: none;">
<button type="button" class="expand-btn" onclick="toggleCardContent(this)">展开</button>
</div>
</div>
</div>
<div class="info-card">
<div class="card-header">
<h3 class="card-title">创作背景</h3>
</div>
<div class="card-content">
<div class="expand-content collapsed" data-card-index="5">
<p>此诗为唐代民间流传的谚语，反映当时社会对权贵与富豪的认知。通过对比历史人物，暗喻江淮地区新兴阶层的崛起，兼具讽刺与写实色彩。</p>
</div>
<div class="card-actions" style="display: none;">
<button type="button" class="expand-btn" onclick="toggleCardContent(this)">展开</button>
</div>
</div>
</div>
</div>
</div>
<!-- 作者信息 -->
<div class="author-info-block">
<div class="author-info-title">作者信息</div>
<div class="author-info-flex">
<div class="author-avatar">
<img id="ContentPlaceHolder1_imgAuthorAvatar" class="author-avatar-img" LoadingMethod="Async" loading="lazy" decoding="async" fetchpriority="low" src="https://www.881023.com/upload/writer/0.jpg" alt="佚名" style="background-color: #f9f6ec;" />
</div>
<div class="author-info-content">
古诗文网收录了先秦到现代的数十万诗词，很多诗词因为作者不明，作者本站统一归为佚名。
<div class="author-stats">
<span>古诗数量：<b><a href='https://www.881023.com/gushi/0_3538_0_1.html' alt='佚名的古诗词集合'>3627</a></b></span><span>名句数量：<b><a href='https://www.881023.com/mingju/0_3538_0_1.html' alt='佚名的名句集合'>8485</a></b></span>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- 右侧边栏 -->
<div class="content-sidebar">
<!-- 作者其他古诗 -->
<div class="hot-poetry author-other-poems">
<h3>作者其他古诗</h3>
<div class="hot-list">
<div class="hot-item hot-content">
<div class="hot-rank-circle">1</div>
<div class="hot-title">
<a href="https://www.881023.com/gushi/26/26133.html" title="白衣女子木叶上诗">白衣女子木叶上诗</a>
</div>
<div class="hot-meta">
<span class="hot-views">2万阅读</span>
</div>
</div>
<div class="hot-item hot-content">
<div class="hot-rank-circle">2</div>
<div class="hot-title">
<a href="https://www.881023.com/gushi/27/27279.html" title="孺子歌">孺子歌</a>
</div>
<div class="hot-meta">
<span class="hot-views">1.1万阅读</span>
</div>
</div>
<div class="hot-item hot-content">
<div class="hot-rank-circle">3</div>
<div class="hot-title">
<a href="https://www.881023.com/gushi/30/30589.html" title="送兄">送兄</a>
</div>
<div class="hot-meta">
<span class="hot-views">1.1万阅读</span>
</div>
</div>
<div class="hot-item hot-content">
<div class="hot-rank-circle">4</div>
<div class="hot-title">
<a href="https://www.881023.com/gushi/27/27293.html" title="卿云歌">卿云歌</a>
</div>
<div class="hot-meta">
<span class="hot-views">1.1万阅读</span>
</div>
</div>
<div class="hot-item hot-content">
<div class="hot-rank-circle">5</div>
<div class="hot-title">
<a href="https://www.881023.com/gushi/51/51410.html" title="勾践灭吴">勾践灭吴</a>
</div>
<div class="hot-meta">
<span class="hot-views">1.1万阅读</span>
</div>
</div>
<div class="hot-item hot-content">
<div class="hot-rank-circle">6</div>
<div class="hot-title">
<a href="https://www.881023.com/gushi/27/27305.html" title="越人歌">越人歌</a>
</div>
<div class="hot-meta">
<span class="hot-views">1.1万阅读</span>
</div>
</div>
<div class="hot-item hot-content">
<div class="hot-rank-circle">7</div>
<div class="hot-title">
<a href="https://www.881023.com/gushi/27/27253.html" title="楚狂接舆歌">楚狂接舆歌</a>
</div>
<div class="hot-meta">
<span class="hot-views">1.1万阅读</span>
</div>
</div>
<div class="hot-item hot-content">
<div class="hot-rank-circle">8</div>
<div class="hot-title">
<a href="https://www.881023.com/gushi/28/28164.html" title="公输">公输</a>
</div>
<div class="hot-meta">
<span class="hot-views">1.1万阅读</span>
</div>
</div>
<div class="hot-item hot-content">
<div class="hot-rank-circle">9</div>
<div class="hot-title">
<a href="https://www.881023.com/gushi/27/27783.html" title="明月何皎皎">明月何皎皎</a>
</div>
<div class="hot-meta">
<span class="hot-views">1.1万阅读</span>
</div>
</div>
<div class="hot-item hot-content">
<div class="hot-rank-circle">10</div>
<div class="hot-title">
<a href="https://www.881023.com/gushi/29/29584.html" title="葛生">葛生</a>
</div>
<div class="hot-meta">
<span class="hot-views">1.1万阅读</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- 控制按钮 -->
<div class="floating-controls">
<!-- 拼音开关 -->
<div class="pinyin-toggle-row">
<label class="pinyin-switch">
<input type="checkbox" id="pinyinToggle">
<span class="slider"></span>
<span class="pinyin-label">拼音</span>
</label>
</div>
<!-- 注音开关 -->
<div class="mizige-toggle-row">
<label class="pinyin-switch">
<input type="checkbox" id="mizigeToggle">
<span class="slider"></span>
<span class="pinyin-label">注音</span>
</label>
</div>
<!-- 语音朗读按钮 -->
<button class="voice-btn" id="voiceReadBtn" title="语音朗读">
<svg width="20" height="20" viewBox="0 0 20 20" fill="none">
<path d="M4 8v4h4l5 5V3L8 8H4z" fill="#b89b5b"/>
<path d="M15.5 8.5a3.5 3.5 0 010 3" stroke="#b89b5b" stroke-width="1.5" fill="none"/>
</svg>
</button>
</div>
<script>
document.addEventListener('DOMContentLoaded', function() {
// 初始化拼音和米字格功能
initPinyinToggles('#poemContent', 'pinyinToggle', 'mizigeToggle');
// PC端默认开启拼音功能
if (isPCDevice()) {
const pinyinToggle = document.getElementById('pinyinToggle');
if (pinyinToggle && !pinyinToggle.checked) {
pinyinToggle.checked = true;
// 触发拼音显示
const event = new Event('change');
pinyinToggle.dispatchEvent(event);
}
}
// 初始化卡片内容展开/收起功能
initCardExpandFeature();
});
// 检测是否为PC设备
function isPCDevice() {
// 检测屏幕宽度
if (window.innerWidth <= 768) {
return false;
}
// 检测用户代理字符串
const userAgent = navigator.userAgent.toLowerCase();
const mobileKeywords = ['mobile', 'android', 'iphone', 'ipad', 'ipod', 'blackberry', 'windows phone'];
for (let keyword of mobileKeywords) {
if (userAgent.includes(keyword)) {
return false;
}
}
// 检测触摸设备
if ('ontouchstart' in window || navigator.maxTouchPoints > 0) {
// 有触摸功能但屏幕够大，可能是平板，根据屏幕尺寸判断
return window.innerWidth > 1024;
}
return true;
}
// 卡片内容展开/收起功能
function toggleCardContent(btn) {
const wrapper = btn.closest('.card-content');
const content = wrapper && wrapper.classList.contains('expand-content') ? wrapper : wrapper.querySelector('.expand-content');
if (content.classList.contains('expanded')) {
// 收起：恢复到200px限制
content.classList.remove('expanded');
content.classList.add('collapsed');
content.style.maxHeight = '200px';
btn.textContent = '展开';
} else {
// 展开：显示全部内容
content.classList.remove('collapsed');
content.classList.add('expanded');
content.style.maxHeight = 'none';
btn.textContent = '收起';
}
}
// 初始化卡片展开功能
function initCardExpandFeature() {
const expandContents = document.querySelectorAll('.card-content.expand-content, .expand-content');
expandContents.forEach(content => {
// 检查内容高度是否超过限制
const maxHeight = 200; // 与CSS中的max-height保持一致
// 临时移除高度限制来测量实际高度
content.style.maxHeight = 'none';
const actualHeight = content.scrollHeight;
content.style.maxHeight = maxHeight + 'px';
if (actualHeight > maxHeight) {
// 内容超长，显示展开按钮
const cardActions = content.closest('.card-content').querySelector('.card-actions');
if (cardActions) {
cardActions.style.display = 'block';
}
// 设置为收起状态
content.classList.remove('expanded');
content.classList.add('collapsed');
content.style.maxHeight = maxHeight + 'px';
} else {
// 内容不长，移除所有状态类，隐藏按钮
content.classList.remove('collapsed', 'expanded');
content.style.maxHeight = 'none';
const cardActions = content.closest('.card-content').querySelector('.card-actions');
if (cardActions) {
cardActions.style.display = 'none';
}
}
});
}
</script>
</main>
<!-- 页脚区域 -->
<footer class="g-ft">
<div class="container">
<div class="m-ftt">
<ul class="footer">
<li class="first">
<div class="panel">
<div class="hd">古诗词网</div>
<div class="body">
<ul>
<li><a href="https://www.881023.com/about.html" rel="nofollow">关于我们</a></li>
<li><a href="https://www.881023.com/disclaimer.html" rel="nofollow">免责声明</a></li>
<li><a href="https://www.881023.com/ad.html" rel="nofollow">广告服务</a></li>
<li><a href="https://www.881023.com/contact.html" rel="nofollow">联系我们</a></li>
</ul>
</div>
</div>
</li>
<li>
<section class="panel">
<h3 class="hd">关注古诗词网</h3>
<div class="body social">
<p>古诗词网官方邮箱</p>
<address>1990990869@qq.com</address>
</div>
</section>
</li>
</ul>
</div>
<div class="m-ftb">
<!-- 网站公告 -->
<p>
<a href="https://www.881023.com/dailynew.html">每日更新</a>
<a href="https://www.881023.com/sitemap.html">网站地图Html版</a>
<a href="https://www.881023.com/sitemap.xml">sitemap.xml</a>
<a href="https://beian.miit.gov.cn/">渝ICP备2022014363号-1</a>
</p>
<script>tj();</script>
</div>
</div>
</footer>
</body>
</html>]]></plaintext></div></div></div></div></div></div></div></div></div></div></main></body> 