如何在没有javascript的情况下点击导航栏中的锚链接并更改div中的内容？

在没有JavaScript的情况下点击导航栏中的锚链接并更改div中的内容，可以通过使用HTML的伪类选择器和CSS来实现。

首先，需要在导航栏中的锚链接中设置相应的锚点，例如：

<a href="#section1">Section 1</a>
<a href="#section2">Section 2</a>

然后，在div中设置对应的内容区域，并使用id属性来标识每个内容区域，例如：

<div id="section1">
  <h2>Section 1</h2>
  <p>This is the content of section 1.</p>
</div>

<div id="section2">
  <h2>Section 2</h2>
  <p>This is the content of section 2.</p>
</div>

接下来，使用CSS的伪类选择器:target来根据锚点的目标id选择对应的内容区域，并设置显示或隐藏的样式，例如：

div {
  display: none;
}

div:target {
  display: block;
}

这样，在点击导航栏中的锚链接时，浏览器会自动滚动到对应的锚点位置，并显示相应的内容区域。

需要注意的是，这种方法只能实现内容的显示和隐藏，并不能实现动态的内容更改。如果需要在没有JavaScript的情况下实现动态内容更改，可能需要使用其他技术或工具来实现，例如服务器端渲染、AJAX等。

腾讯云相关产品和产品介绍链接地址：

• 腾讯云服务器（CVM）
• 腾讯云云原生应用引擎（TKE）
• 腾讯云数据库（TencentDB）
• 腾讯云CDN加速（CDN）
• 腾讯云人工智能（AI）
• 腾讯云物联网（IoT）
• 腾讯云移动开发（移动推送）
• 腾讯云对象存储（COS）
• 腾讯云区块链（BCS）
• 腾讯云虚拟专用网络（VPC）
• 腾讯云安全产品（安全合规）
• 腾讯云音视频处理（云点播）
• 腾讯云元宇宙（Qcloud XR）