PROSAGA码农传奇-个性化推荐-对html <base>标签有什么建议？

0# 明月清风上善若水自由如风 | 2019-08-31 10-32

1# v-star*위위 | 2019-08-31 10-32

2# 無口君 | 2019-08-31 10-32

<div class =“post-text”itemprop =“text”>
  
    的
      基本href示例
    </强>
  
  
    说一个带链接的典型页面：
  
   <pre>
 <code>
 <a href=home>home</a> <a href=faq>faq</a> <a href=etc>etc</a>

</code>
 </pre>
  
    .and链接到diff文件夹：
  
   <pre>
 <code>
 ..<a href=../p2/home>Portal2home</a> <a href=../p2/faq>p2faq</a> <a href=../p2/etc>p2etc</a>..

</code>
 </pre>
  
    同
    <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/base#attr-href" rel="nofollow noreferrer">
      基础href
    </A>
    ，我们可以避免
    <a href="https://www.google.com/search?q=don't+repeat+yourself" rel="nofollow noreferrer">
      重复
    </A>
    基础文件夹：
  
   <pre>
 <code>
 <base href=../p2/>
<a href=home>Portal2-Home</a> <a href=faq>P2FAQ</a> <a href=contact>P2Contact</a>

</code>
 </pre>
  
    这是一场胜利..
    的
      然而
    </强>
     页面太经常包含url来扩展基础和当前的Web支持
    的
      每页只有一个基本href
    </强>
    ，所以胜利很快就会失去作为基础的基础？hrefed重复，例如：
  
   <pre>
 <code>
 <a href=../p1/home>home</a> <a href=../p1/faq>faq</a> <a href=../p1/etc>etc</a>

<base href=../p2>
<a href=home>Portal2-Home</a> <a href=faq>P2FAQ</a> <a href=contact>P2Contact</a>

</code>
 </pre>
  
  
  <HR />
  的
    结论
  </强>
  
  
  
    （
    <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/base#attr-target" rel="nofollow noreferrer">
      基准目标
    </A>
     可能有用。）
    的
      基础href是无用的
    </强>
     如：
  
  <UL>
    <LI>
      页面是一样的
      <a href="http://archive.is/u9bZu#selection-287.46-287.176" rel="nofollow noreferrer">
        湿
      </A>
       以来：

<UL>
        <LI>
          默认基础[ 隐藏文件夹]＆amp; rlhar;完美（除非不必要/罕见的例外
          <a href="https://stackoverflow.com/a/1889139/632951">
            ＆安培; CSCR; 1
          </A>
           ＆安培;
          <a href="http://archive.is/cZ2aP#selection-4621.7-4621.19" rel="nofollow noreferrer">
            ＆安培; CSCR; 2
          </A>
          ）。
        </LI>
        <LI>
          当前的网络＆amp; rlhar;
          的
            多个基本href不受支持
          </强>
          。
        </LI>
      </UL>
    </LI>
  </UL>
  <HR />
  
    的
      有关
    </强>
  
  <UL>
    <LI>
      <a href="https://stackoverflow.com/a/46541685/632951">
        与Apache相比较？重写基础
      </A>
    </LI>
  </UL>
</DIV>

3# ❀⚘粉༵红༵回༵忆༵⚘❀ | 2019-08-31 10-32

<div class =“post-text”itemprop =“text”>
  
    在决定是否使用之前
     <code>
 <base>
 </code>
     无论是否标记，您需要了解它是如何工作的，它可以用于什么以及它的含义是什么，并最终超过优点/缺点。
  
  <HR />
  
    该
     <code>
 <base>
 </code>
     tag主要简化在模板语言中创建相对链接，因为您不需要担心当前的上下文
    
      一切
    
     链接。
  
  
    你可以这样做
  
   <pre>
 <code>
 <base href="${host}/${context}/${language}/">
...
<link rel="stylesheet" href="css/style.css" />
<script src="js/script.js"></script>
...
<a href="home">home</a>
<a href="faq">faq</a>
<a href="contact">contact</a>
...
<img src="img/logo.png" />

</code>
 </pre>
  
    代替
  
   <pre>
 <code>
 <link rel="stylesheet" href="/${context}/${language}/css/style.css" />
<script src="/${context}/${language}/js/script.js"></script>
...
<a href="/${context}/${language}/home">home</a>
<a href="/${context}/${language}/faq">faq</a>
<a href="/${context}/${language}/contact">contact</a>
...
<img src="/${context}/${language}/img/logo.png" />

</code>
 </pre>
  
    请注意
     <code>
 <base href>
 </code>
     值以斜杠结束，否则将相对于最后一个路径进行解释。
  
  <HR />
  
    至于浏览器兼容性，这只会导致IE中出现问题。该
     <code>
 <base>
 </code>
     标签在HTML中指定为
    
      不
    
     有一个结束标记
     <code>
 </base>
 </code>
    ，所以只使用它是合法的
     <code>
 <base>
 </code>
     没有结束标记。但IE6认为不然和整个内容
    
      后
    
     该
     <code>
 <base>
 </code>
     标签在这种情况下被放置为
    的
      儿童
    </强>
     的
     <code>
 <base>
 </code>
     HTML DOM树中的元素。这可能会导致乍一看Javascript / jQuery / CSS中无法解释的问题，即在特定选择器中完全无法访问的元素，如
     <code>
 html>body
 </code>
    ，直到你在HTML DOM检查器中发现应该有一个
     <code>
 base
 </code>
     （和
     <code>
 head
 </code>
    介于两者之间。
  
  
    常见的IE6修复使用IE条件注释来包含结束标记：
  
   <pre>
 <code>
 <base href="http://example.com/en/">

</code>
 </pre>
  
    如果您不关心W3验证器，或者您已经使用HTML5，那么您可以自行关闭它，每个webbrowser都支持它：
  
   <pre>
 <code>
 <base href="http://example.com/en/" />

</code>
 </pre>
  
    关闭
     <code>
 <base>
 </code>
     标签也立即修复
    <a href="http://crisp.tweakblogs.net/blog/760/ie6-fucking-up-base-%28again%29.html" rel="noreferrer">
      疯狂
    </A>
     在WinXP SP3上请求IE6
     <code>
 <script>
 </code>
     具有相对URI的资源
     <code>
 src
 </code>
     在无限循环中。
  
  
    当你在中使用相对URI时，将会出现另一个潜在的IE问题
     <code>
 <base>
 </code>
     标签，如
     <code>
 <base href="//example.com/somefolder/">
 </code>
     要么
     <code>
 <base href="/somefolder/">
 </code>
    。这将在IE6 / 7/8中失败。然而，这不是浏览器的错;在中使用相对URI
     <code>
 <base>
 </code>
     标签就是它自己的错误。该
    <a href="http://www.w3.org/TR/html401/struct/links.html#h-12.4" rel="noreferrer">
      HTML4规范
    </A>
     声明它应该是一个绝对的URI，因此从
     <code>
 http://
 </code>
     要么
     <code>
 https://
 </code>
     方案。这已被删除
    <a href="http://www.w3.org/TR/html5/document-metadata#attr-base-href" rel="noreferrer">
      HTML5规范
    </A>
    。因此，如果您仅使用HTML5并且仅针对HTML5兼容浏览器，那么您应该可以通过使用相对URI来完成
     <code>
 <base>
 </code>
     标签。
  
  <HR />
  
    至于使用命名/哈希片段锚点
     <code>
 <a href="#anchor">
 </code>
    ，查询字符串锚点
     <code>
 <a href="?foo=bar">
 </code>
     和路径片段锚点
     <code>
 <a href=";foo=bar">
 </code>
    ，随着
     <code>
 <base>
 </code>
     标记你基本上是在声明
    的
      所有
    </强>
     相对于它的相对链接，
    的
      包含
    </强>
     那种锚。没有任何相对链接相对于当前请求URI（如果没有相关链接）
     <code>
 <base>
 </code>
     标签）。这可能首先让初学者感到困惑。要以正确的方式构造这些锚点，您基本上需要包含URI，
  
   <pre>
 <code>
 <a href="${uri}#anchor">hash fragment</a>
<a href="${uri}?foo=bar">query string</a>
<a href="${uri};foo=bar">path fragment</a>

</code>
 </pre>
  
    哪里
     <code>
 ${uri}
 </code>
     基本上翻译成
     <code>
 $_SERVER['REQUEST_URI']
 </code>
     在PHP中，
     <code>
 ${pageContext.request.requestURI}
 </code>
     在JSP中，和
     <code>
 #{request.requestURI}
 </code>
     在JSF中。值得注意的是，像JSF这样的MVC框架有标签，减少了所有这些样板并消除了对它的需求
     <code>
 <base>
 </code>
    。另见a.o.
    <a href="https://stackoverflow.com/questions/30683584/what-url-to-use-to-link-other-jsf-pages-in-a-jsf-project">
      用于链接/导航到其他JSF页面的URL
    </A>
    。
  
</DIV>

对html 标签有什么建议？