2011-12-15 12 views
36

Giới hạn độ dài của thuộc tính HTML title là gì?Độ dài tối đa của thuộc tính tiêu đề

<span title="some big long piece of text and is there any limit to its size?" /> 

Edit:

Câu hỏi của tôi là cụ thể cho tiêu đề thuộc tính không chung

+0

Bản sao có thể có của [Có giới hạn về độ dài của thuộc tính HTML không?] (Http://stackoverflow.com/questions/1496096/is-there-a-limit-to-the-length-of-html- các thuộc tính) – user

Trả lời

1

Việc thực hiện trong các trình duyệt khác nhau nhưng tôi nghĩ rằng HTML 4.01 là 128 ký tự. Tôi đã thấy giới hạn từ 80 ký tự lên đến 2000 được đề cập trên web.

3

Không có giới hạn độ dài trong HTML 4.01 hoặc HTML5, mặc dù chú giải công cụ dài thường là dấu hiệu cho thấy bạn nên đặt văn bản đó ở nơi khác, có thể trước hoặc sau. (Tôi nói "thường" vì xkcd sử dụng tooltips một cách hiệu quả, mặc dù mô tả thể vẫn được đặt bên dưới hình ảnh với hiệu ứng tương đối giống nhau.)

+2

, bạn đang nói về thẻ . ý tôi là thuộc tính – <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 Đừng chỉnh sửa bài đăng chỉ làm một nửa số bài viết có liên quan đến câu trả lời của bạn và thay đổi hoàn toàn ý nghĩa của nó. Khi người trả lời nhìn thấy nhận xét của bạn, họ có thể cập nhật nếu họ muốn. – <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">@Andrew Marshall cảm ơn nhưng bằng cách kiểm tra liên kết thứ hai, tôi mới có thể xác định được cách giải thích sai của anh ấy. – <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>Không có giới hạn trong thông số kỹ thuật, nhưng khi bạn đi qua 48 các ký tự, các trình duyệt sẽ xử lý nó theo cách khác nhau - IE phá vỡ văn bản thành hai hoặc nhiều dòng, trong khi Firefox thì không. Firefox không tôn trọng các ngắt dòng rõ ràng trong nguồn (đây là hành vi chính xác, đáng ngờ).</p> <p>Vì vậy, kết luận thực tế là: nếu bạn cần hỏi, quá dài và bạn nên sử dụng một số kỹ thuật khác. Thuộc tính title thường được sử dụng cho hiệu ứng "tooltip", và các hiệu ứng tương tự có thể được tạo (với khả năng sử dụng tốt hơn) bằng cách sử dụng CSS (và có thể là 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">Nguồn</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>Theo W3C,</p> <blockquote> <p>Tiêu đề lý tưởng nên được ít hơn 64 ký tự. Có nghĩa là, nhiều ứng dụng sẽ hiển thị tiêu đề tài liệu trong tiêu đề cửa sổ, menu, v.v. trong đó chỉ có phòng hạn chế. Trong khi không có giới hạn về độ dài của một tiêu đề (vì nó có thể được tự động tạo ra từ các dữ liệu khác), các nhà cung cấp thông tin được cảnh báo rằng nó có thể bị cắt ngắn nếu dài.</p> </blockquote> <p>Check it out: <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">Nguồn</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> <!-- comments --> <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">Câu hỏi ban đầu là thuộc tính tiêu đề chứ không phải phần tử title. – <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">Tại sao bạn không đặt câu hỏi về phần tử TITLE và tự trả lời? Đây là một phần thông tin hữu ích, nhưng ở sai chỗ! – <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>Tôi chỉ cố gắng ra này dành cho Chrome, Safari, và Firefox với HTML5:</p> <p>giới hạn Chrome 1024.</p> <p>Safari không có giới hạn (Tôi đã thử lên đến 3250)</p> <p>Firefox cũng không có giới hạn tối đa 3250. Vì @jukka đã đề cập, mặc dù Firefox không tự động chèn dấu ngắt dòng.</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">Nguồn</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> <!-- comments --> <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">Tôi nên đề cập đến mặc dù tôi đã có một trang web với thẻ tiêu đề ~ 3200 ký tự và phải loại bỏ chúng vì bất kỳ trình duyệt nào chạy trên máy tính Windows đều sẽ bị treo khi thẻ tiêu đề cố gắng xuất hiện. – <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">Cập nhật tháng 9 năm 2017: Phiên bản Chrome cuối cùng (61) vẫn giới hạn chính xác 1024 ký tự. – <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> <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=1644592049017"></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"> Câu hỏi mới nhất </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://vi.uwenku.com/question/p-gfjluosn-bd.html" target="_blank" title="Trong AngularJS, làm cách nào để tùy chọn bọc mục trong một liên kết"> Trong AngularJS, làm cách nào để tùy chọn bọc mục trong một liên kết </a> </li> <li class="side_article_list_item"> 2. <a href="http://vi.uwenku.com/question/p-mgwurdxw-z.html" target="_blank" title="Biểu đồ thanh xếp chồng matplotlib hiệu quả hơn - cách tính các giá trị dưới cùng"> Biểu đồ thanh xếp chồng matplotlib hiệu quả hơn - cách tính các giá trị dưới cùng </a> </li> <li class="side_article_list_item"> 3. <a href="http://vi.uwenku.com/question/p-evtapnum-t.html" target="_blank" title="Các tệp được tạo bằng bản sao luồng trực tiếp bằng cách sử dụng API libavformat của FFmpeg phát lại quá nhanh tại 3600 fps"> Các tệp được tạo bằng bản sao luồng trực tiếp bằng cách sử dụng API libavformat của FFmpeg phát lại quá nhanh tại 3600 fps </a> </li> <li class="side_article_list_item"> 4. <a href="http://vi.uwenku.com/question/p-yvbuzrgw-m.html" target="_blank" title="Entity Framework POCO Thay đổi Chiến lược Theo dõi"> Entity Framework POCO Thay đổi Chiến lược Theo dõi </a> </li> <li class="side_article_list_item"> 5. <a href="http://vi.uwenku.com/question/p-xwqwpoht-b.html" target="_blank" title="Cách xóa một tệp đã chọn cụ thể khỏi điều khiển tệp nhập"> Cách xóa một tệp đã chọn cụ thể khỏi điều khiển tệp nhập </a> </li> <li class="side_article_list_item"> 6. <a href="http://vi.uwenku.com/question/p-gfyntjzo-bp.html" target="_blank" title="Laravel 4 - Tải lên tệp"> Laravel 4 - Tải lên tệp </a> </li> <li class="side_article_list_item"> 7. <a href="http://vi.uwenku.com/question/p-gexqdfcy-bn.html" target="_blank" title="Phát hiện kéo hoặc kéo của UICollectionView"> Phát hiện kéo hoặc kéo của UICollectionView </a> </li> <li class="side_article_list_item"> 8. <a href="http://vi.uwenku.com/question/p-qylvltzm-x.html" target="_blank" title="Titanium SDK hoạt động như thế nào trong các nền tảng khác nhau mà nó hỗ trợ (vào năm 2013)?"> Titanium SDK hoạt động như thế nào trong các nền tảng khác nhau mà nó hỗ trợ (vào năm 2013)? </a> </li> <li class="side_article_list_item"> 9. <a href="http://vi.uwenku.com/question/p-xawyupmw-b.html" target="_blank" title="Thực hiện lệnh trên cùng một dòng nhiều lần với sed"> Thực hiện lệnh trên cùng một dòng nhiều lần với sed </a> </li> <li class="side_article_list_item"> 10. <a href="http://vi.uwenku.com/question/p-hljejdht-c.html" target="_blank" title="Làm thế nào để gán giá trị C# guid cho biến javascript bằng cách sử dụng dao cạo viewmodel trong asp.net MVC?"> Làm thế nào để gán giá trị C# guid cho biến javascript bằng cách sử dụng dao cạo viewmodel trong asp.net MVC? </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> Các vấn đề liên quan</h3> </div> <div class="article-relative-content"> <ul class="side_article_list"> <li class="side_article_list_item">Không có vấn đề liên quan^_^</li> </ul> </div> </div> </div> </div> </div> </div> </div><!-- wrap end--> <!-- footer --> <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://vi.uwenku.com/contact">Liên lạc với chúng tôi</a></li> <li>© 2020 VI.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> <!-- / 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>