標題屬性的最大長度

29

根據MSDN，標題在Internet Explorer中被限制爲512個字符。

http://msdn.microsoft.com/en-us/library/ie/ms534683(v=vs.85).aspx

來源

2013-07-03 09:57:00 Ashkan

1

在瀏覽器中實現不同，但我認爲HTML 4.01是128個字符。我看到網絡上提到的80個字符到2000年的限制。

來源

2011-12-15 07:02:16 span

3

HTML 4.01或HTML5中沒有長度限制，雖然很長的工具提示通常表示您應該將該文本放置在其他地方，可能在之前或之後。（我說：「通常」，因爲xkcd使用提示有效，雖然描述可能仍然可以把圖像下方具有相同的相對效果。）

來源

2011-12-15 07:03:13 mc10

+2

嘿你在說什麼標籤。我的意思是屬性 – <span class="text-secondary"> <small> <a rel="noopener" target="_blank" href="https://stackoverflow.com/users/166476/">ArK</a></span> <span></span> </small> </span> </p> </div> </div> </div> <div itemprop="comment" class="post-comment"> <div class="row"> <div class="col-lg-1"><span class="text-secondary">+1</span></div> <div class="col-lg-11"> <p class="commenttext">@Paniyar不要編輯這個帖子，只會讓你的答案有一半與你的答案相關，並且從根本上改變它的含義。一旦回答者看到你的評論，他們可以更新它，如果他們願意。 – <span class="text-secondary"> <small> <span></span> </small> </span> </p> </div> </div> </div> <div itemprop="comment" class="post-comment"> <div class="row"> <div class="col-lg-1"><span class="text-secondary">+0</span></div> <div class="col-lg-11"> <p class="commenttext">@安德魯馬歇爾謝謝，但通過檢查第二個鏈接，我才能夠確定他的錯誤解釋。 – <span class="text-secondary"> <small> <a rel="noopener" target="_blank" href="https://stackoverflow.com/users/166476/">ArK</a></span> <span></span> </small> </span> </p> </div> </div> </div> </div> </div> </article> <article class="board-top-1 padding-top-10"> <div class="post-col vote-info"> <span class="count">5<i class="fa fa-thumbs-up"></i></span> </div> <div class="post-offset"> <div class="answer fmt"> <p>有在規格沒有限制，但是當你走過去的48字符，瀏覽器會以不同的方式對待它 - IE將文本分成兩行或更多行，而Firefox不行。 Firefox不遵守源代碼中的顯式換行符（這是有爭議的，正確的行爲）。</p> <p>所以實際的結論是：如果你需要問，它太長了，你應該使用其他技術。 title屬性通常用於「工具提示」效果，使用CSS（可能還有JavaScript）可以創建類似的效果（具有更好的可用性）。</p> </div> <div class="post-info"> <div class="post-meta row"> <p class="text-secondary col-lg-6"> <span class="source"> <a rel="noopener" target="_blank" href="https://stackoverflow.com/q/8516358">來源</a> </span> </p> <p class="text-secondary col-lg-6"> <span class="float-right date"> <span>2011-12-15 07:12:04</span> </p> <p class="col-12"></p> <p class="col-12"></p></div> </div> </div> </article> <div> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-6208739752673518" data-ad-slot="1038284119" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> <article class="board-top-1 padding-top-10"> <div class="post-col vote-info"> <span class="count">0<i class="fa fa-thumbs-up"></i></span> </div> <div class="post-offset"> <div class="answer fmt"> <p>根據W3C，</p> <blockquote> <p>標題理想地應在長度上小於64個字符。也就是說，許多應用程序將在窗口標題，菜單等中顯示文檔標題，而這些標題只有有限的空間。雖然標題的長度沒有限制（因爲它可能是從其他數據自動生成的），但是信息提供者會被警告說如果長時間它可能會被截斷。</p> </blockquote> <p>檢查出來：<a href="http://www.w3.org/Provider/Style/TITLE.html" rel="nofollow">The TITLE element in HTML</a></p> </div> <div class="post-info"> <div class="post-meta row"> <p class="text-secondary col-lg-6"> <span class="source"> <a rel="noopener" target="_blank" href="https://stackoverflow.com/q/25152092">來源</a> </span> </p> <p class="text-secondary col-lg-6"> <span class="float-right date"> <span>2014-08-06 04:08:32</span> </p> <p class="col-12"></p> <p class="col-12"></p></div> </div>  <div class="comments"> <div itemprop="comment" class="post-comment"> <div class="row"> <div class="col-lg-1"><span class="text-secondary">+3</span></div> <div class="col-lg-11"> <p class="commenttext">原來的問題是標題屬性，而不是標題元素。 – <span class="text-secondary"> <small> <a rel="noopener" target="_blank" href="https://stackoverflow.com/users/80281/">joelpittet</a></span> <span></span> </small> </span> </p> </div> </div> </div> <div itemprop="comment" class="post-comment"> <div class="row"> <div class="col-lg-1"><span class="text-secondary">+0</span></div> <div class="col-lg-11"> <p class="commenttext">爲什麼你不問TITLE元素的問題並回答自己？這是一個有用的信息，但在錯誤的地方！ – <span class="text-secondary"> <small> <a rel="noopener" target="_blank" href="https://stackoverflow.com/users/1921762/">clami219</a></span> <span></span> </small> </span> </p> </div> </div> </div> </div> </div> </article> <article class="board-top-1 padding-top-10"> <div class="post-col vote-info"> <span class="count">9<i class="fa fa-thumbs-up"></i></span> </div> <div class="post-offset"> <div class="answer fmt"> <p>我只是嘗試這樣做出來的Chrome，Safari和火狐HTML5：</p> <p>瀏覽器限制，以1024</p> <p>Safari瀏覽器沒有限制（我試過長達3250）</p> <p>火狐也沒有限制，最高達到3250作爲@jukka提到，不過，Firefox不會自動換行插入。</p> </div> <div class="post-info"> <div class="post-meta row"> <p class="text-secondary col-lg-6"> <span class="source"> <a rel="noopener" target="_blank" href="https://stackoverflow.com/q/29869137">來源</a> </span> </p> <p class="text-secondary col-lg-6"> <span class="float-right date"> <span>2015-04-25 18:39:41</span> </p> <p class="col-12"></p> <p class="col-12"></p></div> </div>  <div class="comments"> <div itemprop="comment" class="post-comment"> <div class="row"> <div class="col-lg-1"><span class="text-secondary">+1</span></div> <div class="col-lg-11"> <p class="commenttext">我應該提到，儘管我有一個標題標籤長度爲3200個字符的網站，但不得不擺脫它們，因爲任何運行在Windows計算機上的瀏覽器在標題標籤試圖出現時都會經歷凍結。 – <span class="text-secondary"> <small> <span></span> </small> </span> </p> </div> </div> </div> <div itemprop="comment" class="post-comment"> <div class="row"> <div class="col-lg-1"><span class="text-secondary">+1</span></div> <div class="col-lg-11"> <p class="commenttext">2017年9月更新：最新版本的Chrome（61）仍然限制爲1024個字符。 – <span class="text-secondary"> <small> <a rel="noopener" target="_blank" href="https://stackoverflow.com/users/423171/">cprcrack</a></span> <span></span> </small> </span> </p> </div> </div> </div> </div> </div> </article> </div> <div class="clearfix"> </div> <div class="relative-box"> <div class="relative">相關問題</div> <ul class="relative_list"> <li> 1. <a href="http://hk.uwenku.com/question/p-usnlrzxp-ww.html" target="_blank" title="ie中的最大長度onclick屬性"> ie中的最大長度onclick屬性 </a> </li> <li> 2. <a href="http://hk.uwenku.com/question/p-vsjxrsus-bad.html" target="_blank" title="CultureInfo.Name屬性的最大長度"> CultureInfo.Name屬性的最大長度 </a> </li> <li> 3. <a href="http://hk.uwenku.com/question/p-ujbjsbau-ba.html" target="_blank" title="ASP.Net ListItem Value屬性最大長度"> ASP.Net ListItem Value屬性最大長度 </a> </li> <li> 4. <a href="http://hk.uwenku.com/question/p-eiminrhr-bcm.html" target="_blank" title="NG-最大長度佔位符屬性"> NG-最大長度佔位符屬性 </a> </li> <li> 5. <a href="http://hk.uwenku.com/question/p-smeflvob-xq.html" target="_blank" title="html標題的最大長度"> html標題的最大長度 </a> </li> <li> 6. <a href="http://hk.uwenku.com/question/p-zionwbvs-cm.html" target="_blank" title="最大標識符長度"> 最大標識符長度 </a> </li> <li> 7. <a href="http://hk.uwenku.com/question/p-ksrwvabh-bbd.html" target="_blank" title="最大長度屬性的角度驗證消息"> 最大長度屬性的角度驗證消息 </a> </li> <li> 8. <a href="http://hk.uwenku.com/question/p-dfkhdxju-ex.html" target="_blank" title="Alfresco默認屬性的最大和最小長度，如cm：name，cm：title"> Alfresco默認屬性的最大和最小長度，如cm：name，cm：title </a> </li> <li> 9. <a href="http://hk.uwenku.com/question/p-pcqqwcjr-hn.html" target="_blank" title="劍道Masked Textbox最大和最小長度屬性"> 劍道Masked Textbox最大和最小長度屬性 </a> </li> <li> 10. <a href="http://hk.uwenku.com/question/p-pjldexsi-bdp.html" target="_blank" title="CSS最大高度屬性"> CSS最大高度屬性 </a> </li> <div> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <ins class="adsbygoogle" style="display:block; text-align:center;" data-ad-layout="in-article" data-ad-format="fluid" data-ad-client="ca-pub-6208739752673518" data-ad-slot="4606349252"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> <li> 11. <a href="http://hk.uwenku.com/question/p-pcnmdxne-mv.html" target="_blank" title="最大長度"> 最大長度 </a> </li> <li> 12. <a href="http://hk.uwenku.com/question/p-kyvkgzjk-ro.html" target="_blank" title="Firebase的用戶屬性值的最大長度是多少？"> Firebase的用戶屬性值的最大長度是多少？ </a> </li> <li> 13. <a href="http://hk.uwenku.com/question/p-zkxfgliq-bau.html" target="_blank" title="Zend_Currency的Symbol屬性的最大長度是多少？"> Zend_Currency的Symbol屬性的最大長度是多少？ </a> </li> <li> 14. <a href="http://hk.uwenku.com/question/p-zllwlrsn-qy.html" target="_blank" title="德爾福屬性中的字符串的最大長度TMemo"> 德爾福屬性中的字符串的最大長度TMemo </a> </li> <li> 15. <a href="http://hk.uwenku.com/question/p-esmabdfe-op.html" target="_blank" title="html輸入文本字段的「value」屬性的最大長度"> html輸入文本字段的「value」屬性的最大長度 </a> </li> <li> 16. <a href="http://hk.uwenku.com/question/p-cxvyegpf-bgn.html" target="_blank" title="長度屬性"> 長度屬性 </a> </li> <li> 17. <a href="http://hk.uwenku.com/question/p-ahzpdryd-dy.html" target="_blank" title="window.returnValue屬性允許的最大長度是多少？（JavaScript）"> window.returnValue屬性允許的最大長度是多少？（JavaScript） </a> </li> <li> 18. <a href="http://hk.uwenku.com/question/p-cjunolvf-qq.html" target="_blank" title="帶屬性和最大長度限制的XSD元素"> 帶屬性和最大長度限制的XSD元素 </a> </li> <li> 19. <a href="http://hk.uwenku.com/question/p-wtjprkfj-kc.html" target="_blank" title="最大長度在煎茶觸摸numberfield的屬性"> 最大長度在煎茶觸摸numberfield的屬性 </a> </li> <li> 20. <a href="http://hk.uwenku.com/question/p-djqxvfgq-o.html" target="_blank" title="EF屬性上的最大長度不起作用"> EF屬性上的最大長度不起作用 </a> </li> <li> 21. <a href="http://hk.uwenku.com/question/p-khmrwrza-zw.html" target="_blank" title="如何設置輸入框的最大長度屬性"> 如何設置輸入框的最大長度屬性 </a> </li> <li> 22. <a href="http://hk.uwenku.com/question/p-vjzipjkm-y.html" target="_blank" title="textarea上的最大長度屬性不適用於手機"> textarea上的最大長度屬性不適用於手機 </a> </li> <li> 23. <a href="http://hk.uwenku.com/question/p-pxlmxxfo-bcy.html" target="_blank" title="錨標題有最佳/最大長度嗎？"> 錨標題有最佳/最大長度嗎？ </a> </li> <li> 24. <a href="http://hk.uwenku.com/question/p-thwnsarl-hd.html" target="_blank" title="PyQt定義標籤的最大長度"> PyQt定義標籤的最大長度 </a> </li> <li> 25. <a href="http://hk.uwenku.com/question/p-fvcnzjhj-bmn.html" target="_blank" title="div標籤屬性的默認長度？"> div標籤屬性的默認長度？ </a> </li> <li> 26. <a href="http://hk.uwenku.com/question/p-hprvdlpi-pa.html" target="_blank" title="Apple IOS App圖標標題：最大長度？"> Apple IOS App圖標標題：最大長度？ </a> </li> <li> 27. <a href="http://hk.uwenku.com/question/p-pobspual-eg.html" target="_blank" title="最大化標題寬度"> 最大化標題寬度 </a> </li> <li> 28. <a href="http://hk.uwenku.com/question/p-ubpdwrds-wo.html" target="_blank" title="列出最大長度和最大長度的所有SQL列"> 列出最大長度和最大長度的所有SQL列 </a> </li> <li> 29. <a href="http://hk.uwenku.com/question/p-fepvytrs-kb.html" target="_blank" title="SSIS：DtsContainer名稱屬性，最大長度是多少？"> SSIS：DtsContainer名稱屬性，最大長度是多少？ </a> </li> <li> 30. <a href="http://hk.uwenku.com/question/p-bkkbqcoi-ew.html" target="_blank" title="改變所有字符串屬性最大長度"> 改變所有字符串屬性最大長度 </a> </li> </ul> </div> <div> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <ins class="adsbygoogle" style="display:block" data-ad-format="autorelaxed" data-ad-client="ca-pub-6208739752673518" data-ad-slot="1575177025"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> <div class="padding-top-10"></div> </div> </div> <script type="text/javascript" src="http://img.uwenku.com/uwenku/script/side.js?t=1644592048261"></script> <script type="text/javascript" src="http://img.uwenku.com/uwenku/plugin/highlight/highlight.pack.js"></script> <link href="http://img.uwenku.com/uwenku/plugin/highlight/styles/docco.css" media="screen" rel="stylesheet" type="text/css" /> <script type="text/javascript"> $('pre').each(function(i, e) { hljs.highlightBlock(e, "<span class='indent'> </span>", false) }); </script> <div class="col-lg-3 col-md-4 col-sm-5"> <div id="rightTop"> <div class="row"> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-6208739752673518" data-ad-slot="5415218910" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> <div class="row sidebar panel panel-default"> <div class="panel-heading font-bold"> 最新問題 </div> <div class="m-b-sm m-t-sm clearfix"> <ul class="side_article_list"> <li class="side_article_list_item"> 1. <a href="http://hk.uwenku.com/question/p-utmgkfwk-mv.html" target="_blank" title="流星 - 無法使用/進口NPM包"> 流星 - 無法使用/進口NPM包 </a> </li> <li class="side_article_list_item"> 2. <a href="http://hk.uwenku.com/question/p-sxiesrhz-ma.html" target="_blank" title="基於HTTP動詞的路由動作？"> 基於HTTP動詞的路由動作？ </a> </li> <li class="side_article_list_item"> 3. <a href="http://hk.uwenku.com/question/p-azaigiox-hn.html" target="_blank" title="如何設置日期DDL在亞馬遜雅典娜"> 如何設置日期DDL在亞馬遜雅典娜 </a> </li> <li class="side_article_list_item"> 4. <a href="http://hk.uwenku.com/question/p-hyysqjkv-ke.html" target="_blank" title="如何使用內置的Python 3.5模塊爲登錄腳本創建數據庫"> 如何使用內置的Python 3.5模塊爲登錄腳本創建數據庫 </a> </li> <li class="side_article_list_item"> 5. <a href="http://hk.uwenku.com/question/p-rghorzap-cy.html" target="_blank" title="啓動後可以將EC2實例設置爲打開文件嗎？"> 啓動後可以將EC2實例設置爲打開文件嗎？ </a> </li> <li class="side_article_list_item"> 6. <a href="http://hk.uwenku.com/question/p-pdoctoge-gg.html" target="_blank" title="獲得手機數據環行"> 獲得手機數據環行 </a> </li> <li class="side_article_list_item"> 7. <a href="http://hk.uwenku.com/question/p-cdnsbtpv-bk.html" target="_blank" title="PostgreSQL的選取與價值的特殊字符"> PostgreSQL的選取與價值的特殊字符 </a> </li> <li class="side_article_list_item"> 8. <a href="http://hk.uwenku.com/question/p-vluxfxjb-bu.html" target="_blank" title="如何解決sbt中具有不同包裝常春藤類型的依賴關係？"> 如何解決sbt中具有不同包裝常春藤類型的依賴關係？ </a> </li> <li class="side_article_list_item"> 9. <a href="http://hk.uwenku.com/question/p-niauwlqx-cp.html" target="_blank" title="訪問在javascript中使用字符串路徑的深層屬性和方法"> 訪問在javascript中使用字符串路徑的深層屬性和方法 </a> </li> <li class="side_article_list_item"> 10. <a href="http://hk.uwenku.com/question/p-bhnnbabr-hb.html" target="_blank" title="如何檢測特定的圖像事件自來水"> 如何檢測特定的圖像事件自來水 </a> </li> </ul> </div> </div> </div> <p class="article-nav-bar"></p> <div class="row sidebar article-nav"> <div class="row box_white visible-sm visible-md visible-lg margin-zero"> <div class="top"> <h3 class="title"><i class="glyphicon glyphicon-th-list"></i> 相關問題</h3> </div> <div class="article-relative-content"> <ul class="side_article_list"> <li class="side_article_list_item"> 1. <a href="http://hk.uwenku.com/question/p-usnlrzxp-ww.html" target="_blank" title="ie中的最大長度onclick屬性"> ie中的最大長度onclick屬性 </a> </li> <li class="side_article_list_item"> 2. <a href="http://hk.uwenku.com/question/p-vsjxrsus-bad.html" target="_blank" title="CultureInfo.Name屬性的最大長度"> CultureInfo.Name屬性的最大長度 </a> </li> <li class="side_article_list_item"> 3. <a href="http://hk.uwenku.com/question/p-ujbjsbau-ba.html" target="_blank" title="ASP.Net ListItem Value屬性最大長度"> ASP.Net ListItem Value屬性最大長度 </a> </li> <li class="side_article_list_item"> 4. <a href="http://hk.uwenku.com/question/p-eiminrhr-bcm.html" target="_blank" title="NG-最大長度佔位符屬性"> NG-最大長度佔位符屬性 </a> </li> <li class="side_article_list_item"> 5. <a href="http://hk.uwenku.com/question/p-smeflvob-xq.html" target="_blank" title="html標題的最大長度"> html標題的最大長度 </a> </li> <li class="side_article_list_item"> 6. <a href="http://hk.uwenku.com/question/p-zionwbvs-cm.html" target="_blank" title="最大標識符長度"> 最大標識符長度 </a> </li> <li class="side_article_list_item"> 7. <a href="http://hk.uwenku.com/question/p-ksrwvabh-bbd.html" target="_blank" title="最大長度屬性的角度驗證消息"> 最大長度屬性的角度驗證消息 </a> </li> <li class="side_article_list_item"> 8. <a href="http://hk.uwenku.com/question/p-dfkhdxju-ex.html" target="_blank" title="Alfresco默認屬性的最大和最小長度，如cm：name，cm：title"> Alfresco默認屬性的最大和最小長度，如cm：name，cm：title </a> </li> <li class="side_article_list_item"> 9. <a href="http://hk.uwenku.com/question/p-pcqqwcjr-hn.html" target="_blank" title="劍道Masked Textbox最大和最小長度屬性"> 劍道Masked Textbox最大和最小長度屬性 </a> </li> <li class="side_article_list_item"> 10. <a href="http://hk.uwenku.com/question/p-pjldexsi-bdp.html" target="_blank" title="CSS最大高度屬性"> CSS最大高度屬性 </a> </li> </ul> </div> </div> </div> </div> </div> </div> </div>  <footer id="footer"> <div class="bg-simple lt"> <div class="container"> <div class="row padder-v m-t"> <div class="col-xs-8"> <ul class="list-inline"> <li><a href="http://hk.uwenku.com/contact">聯系我們</a></li> <li>© 2020 HK.UWENKU.COM</li> <li><a target="_blank" href="https://beian.miit.gov.cn/">沪ICP备13005482号-4</a></li> <li><script type="text/javascript" src="https://v1.cnzz.com/z_stat.php?id=1280101193&web_id=1280101193"></script></li> <li><a href="http://www.uwenku.com/" target="_blank" title="优文库">简体中文</a></li> <li><a href="http://hk.uwenku.com/" target="_blank" title="優文庫">繁體中文</a></li> <li><a href="http://ru.uwenku.com/" target="_blank" title="поле вопросов и ответов">Русский</a></li> <li><a href="http://de.uwenku.com/" target="_blank" title="Frage - und - antwort - Park">Deutsch</a></li> <li><a href="http://es.uwenku.com/" target="_blank" title="Preguntas y respuestas">Español</a></li> <li><a href="http://hi.uwenku.com/" target="_blank" title="कार्यक्रम प्रश्न और उत्तर पार्क">हिन्दी</a></li> <li><a href="http://it.uwenku.com/" target="_blank" title="IL Programma di chiedere Park">Italiano</a></li> <li><a href="http://ja.uwenku.com/" target="_blank" title="プログラム問答園区">日本語</a></li> <li><a href="http://ko.uwenku.com/" target="_blank" title="프로그램 문답 단지">한국어</a></li> <li><a href="http://pl.uwenku.com/" target="_blank" title="program o park">Polski</a></li> <li><a href="http://tr.uwenku.com/" target="_blank" title="Program soru ve cevap parkı">Türkçe</a></li> <li><a href="http://vi.uwenku.com/" target="_blank" title="Đáp ứng viên">Tiếng Việt</a></li> <li><a href="http://fr.uwenku.com/" target="_blank" title="Programme interrogation Park">Française</a></li> </ul> </div> </div> </div> </div> </div> </footer>  <script> var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?f78a970f17b19a79fc477a3378096f29"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); </script> </body> </html>