能否用CSS/jQuery编辑HTML标签？Squarespace页面lang属性修改

首先明确：CSS无法修改HTML元素的属性——CSS仅负责样式渲染，不能操作DOM结构或属性，所以要修改lang属性只能用JavaScript/jQuery来实现，这在Squarespace的头部代码注入功能里完全可行。

具体实现步骤（针对body类唯一标识页面的情况） #

因为你的目标页面唯一标识在body标签的类上，我们可以通过判断这个类来定位页面，然后修改<html>标签的lang属性：

1. 进入Squarespace后台的代码注入界面：
   找到「设置」→「高级」→「代码注入」，选择「页眉」区域（脚本需要在DOM加载完成后执行，这里用document.ready确保元素已加载）。

2. 添加jQuery脚本：
   大部分Squarespace模板已经内置了jQuery，直接用下面的代码即可（把"your-italian-page-class"替换成你页面body上的实际类名）：

   $(document).ready(function() {
     // 检查当前页面body是否包含目标类
     if ($('body').hasClass('your-italian-page-class')) {
       // 将html标签的lang属性设置为意大利语
       $('html').attr('lang', 'it');
     }
   });
   

   如果遇到$符号无效的情况（部分模板可能存在冲突），可以改用兼容写法：

   jQuery(document).ready(function($) {
     if ($('body').hasClass('your-italian-page-class')) {
       $('html').attr('lang', 'it');
     }
   });
   

3. 验证效果：
   保存设置后，打开目标页面，右键查看页面源代码，检查<html>标签的lang属性是否已经变成"it"。

补充说明 #

• 这个方法只会对带有指定body类的页面生效，其他页面的lang属性不会被修改，完全符合你的需求。
• 如果你需要给多个不同语言的页面设置对应lang属性，可以扩展判断逻辑，比如：

  $(document).ready(function() {
    const $body = $('body');
    if ($body.hasClass('italian-page')) {
      $('html').attr('lang', 'it');
    } else if ($body.hasClass('french-page')) {
      $('html').attr('lang', 'fr');
    }
    // 可继续添加其他语言的判断
  });
  

内容的提问来源于stack exchange，提问作者Blu