Bạn nói rằng bạn có thể sử dụng các bình luận HTML vì CMS lọc chúng ra. Vì vậy, tôi cho rằng bạn thực sự muốn ẩn nội dung này và bạn không cần phải hiển thị nó.
Trong trường hợp đó, bạn không nên sử dụng CSS (chỉ), vì bạn chỉ chơi ở cấp độ trình bày, không ảnh hưởng đến cấp độ nội dung. Nội dung của bạn cũng nên được ẩn cho các tác nhân người dùng bỏ qua CSS (mọi người sử dụng trình duyệt văn bản, đầu đọc nguồn cấp dữ liệu, đầu đọc màn hình; bot;, v.v.).
Trong HTML5 có thuộc tính toàn cầu hidden:
Khi được chỉ định trên một phần tử, nó chỉ ra rằng phần tử chưa được hoặc không còn liên quan trực tiếp đến trạng thái hiện tại của trang hoặc nó đang được sử dụng để khai báo nội dung để được sử dụng lại bởi các phần khác của trang trái ngược với Truy cập trực tiếp bởi người dùng. Đại lý người dùng không nên hiển thị các phần tử có thuộc tính hidden được chỉ định.
Ví dụ (sử dụng phần tử small ở đây, bởi vì nó là một "sự phân bổ"):
<small hidden>Thanks to John Doe for this idea.</small>Là một dự phòng (đối với các tác nhân người dùng không biết thuộc tính hidden), bạn có thể chỉ định trong CSS của mình:
[hidden] {display:none;}Một phần tử chung cho văn bản thuần túy có thể là phần tử script được sử dụng làm "khối dữ liệu":
<script type="text/plain" hidden> Thanks to John Doe for this idea. </script>Ngoài ra, bạn cũng có thể sử dụng các thuộc tính data-* trên các yếu tố hiện có (resp. Trên các phần tử mới ____10 nếu bạn muốn nhóm một số yếu tố cho sự quy kết):
<p data-attribution="Thanks to John Doe for this idea!">This is some visible example content …</p>Vào thời điểm bạn đọc xong bài viết này, bạn sẽ trở thành một chuyên gia trong việc biết cách ẩn mã HTML mà không cần xóa nó.
Nội dung
- Văn bản ẩn HTML là gì?
- Mã ví dụ và cú pháp để biết cách ẩn văn bản trong tài liệu HTML
- - Tạo cú pháp
- - Chức năng bổ sung của thuộc tính ẩn HTML
- - Mã ví dụ 1:
- - Thay đổi đầu ra hình ảnh mặc định của các phần tử HTML của bạn
- - Văn bản ẩn HTML bằng cách sử dụng các thuộc tính CSS cụ thể
- - Sử dụng một phương thức khác cho cùng một chức năng
- Một vấn đề phổ biến
- Tóm tắt mọi thứ quan trọng
Văn bản ẩn HTML là gì?
Hàm văn bản ẩn HTML được sử dụng để tạm thời ẩn hoặc xóa văn bản khỏi trang web của bạn. Bạn có thể sử dụng phương pháp này để xóa bất kỳ nội dung không mong muốn nào khỏi trang web của bạn trong một khoảng thời gian nhất định. Hãy để chúng tôi tìm hiểu làm thế nào nó được thực hiện.HTML hidden text function is used to temporarily hide or remove text from your web page. You can use this method to remove any unwanted content from your web page for a certain period of time. Let us learn how it is done.
Mã ví dụ và cú pháp để biết cách ẩn văn bản trong tài liệu HTML
Có hai phương pháp chính bạn có thể sử dụng để ẩn văn bản cụ thể trong HTML và cả hai đều yêu cầu bổ sung các thuộc tính HTML cụ thể. Khả năng đạt được cùng một mục tiêu bằng cách sử dụng các yếu tố và thuộc tính khác nhau là một trong những chức năng chính của HTML. Không phải lúc nào các nhà phát triển web muốn xóa hoàn toàn một văn bản cụ thể khỏi tài liệu HTML của bạn vì cuối cùng bạn có thể sẽ sử dụng lại nó sau này. Hai phương pháp chính bạn có thể sử dụng để ẩn văn bản trong HTML được hiển thị trong danh sách sau:two main methods you can use to hide specific text in HTML, and both require the addition of specific HTML attributes. The ability to achieve the same goal using various elements and attributes is one of the main functions of HTML. Not always do web developers want to completely delete a specific text from your HTML document because you might end up reusing it later on. The two main methods you can use to hide text in HTML are shown in the following list:
- Sử dụng thuộc tính HTML ẩn
- Sử dụng các thuộc tính CSS cụ thể
Mặc dù đây không phải là hai phương pháp duy nhất bạn có thể sử dụng để tạo văn bản ẩn HTML, nhưng chúng rất cần thiết để biết. Chúng tôi sẽ sử dụng các ví dụ cụ thể sẽ làm cho quá trình học tập dễ dàng hơn nhiều. Chúng ta hãy xem xét kỹ hơn phần sau của bài viết này và tìm hiểu thêm về phương pháp đầu tiên yêu cầu sử dụng các phần tử và thuộc tính HTML cụ thể.first method that requires using specific HTML elements and attributes.
- Tạo cú pháp
Đây là phương pháp phổ biến nhất mà bạn sẽ gặp một lần khi cố gắng ẩn bất kỳ văn bản cụ thể nào trong tài liệu HTML của bạn. Bạn cần lưu ý rằng HTML HIDDEN đại diện cho một thuộc tính boolean và nói rằng phần tử HTML không còn liên quan. Vì thuộc tính HTML này là một phần của các thuộc tính toàn cầu HTML, bạn có thể đưa nó vào hầu hết các yếu tố. Các trình duyệt sẽ không chú ý đến bất kỳ yếu tố nào có thuộc tính HTML ẩn trong cú pháp của họ.hide any specific text in your HTML document. You need to be aware that the HTML hidden represents a Boolean attribute and states that the HTML element is no longer relevant. Since this HTML attribute is part of the HTML global attributes, you can include it in most elements. Browsers will not take notice of any elements that have the HTML hidden attribute in their syntax.
Đảm bảo bao gồm thuộc tính ẩn HTML bên trong thẻ mở của bất kỳ phần tử HTML nào, như được hiển thị ở đây:HTML hidden attribute inside the opening tag of any HTML element, as shown here:
Nội dung này là quan trọng và có liên quan ngay bây giờ, như nó được hiển thị. Người dùng sẽ không có bất kỳ vấn đề nào nhận thấy nó trên trang web!
Nội dung này không quan trọng đối với trang web này ngay bây giờ, vì vậy không nên nhìn thấy. Người dùng sẽ không thấy bất kỳ nội dung nào ở đây!
Chỉ một thuộc tính HTML duy nhất có thể tạo ra sự khác biệt lớn trong cú pháp của bạn, như ví dụ này cho thấy. Thuộc tính này không yêu cầu một giá trị cụ thể được gán, không giống như nhiều thuộc tính HTML khác. Bạn cũng nên lưu ý rằng đây không phải là chức năng duy nhất của thuộc tính ẩn HTML. Trong phần sau của bài viết này, chúng tôi sẽ dạy cho bạn những điều khác mà bạn có thể làm với thuộc tính ẩn trong tài liệu HTML của bạn.single HTML attribute can make a huge difference in your syntax, as this example shows. This attribute does not require a specific value to be assigned, unlike many other HTML attributes. You should also be aware that this is not the only function of the HTML hidden attribute. In the following section of this article, we are going to teach you something else you can do with the hidden attribute in your HTML document.
- Chức năng bổ sung của thuộc tính ẩn HTML
Để cho bạn thấy sự đa dạng của thuộc tính ẩn HTML, chúng tôi sẽ minh họa một cách khác mà bạn có thể thực hiện nó trong cú pháp của mình. Bạn có thể sử dụng thuộc tính này bên trong thẻ đầu vào HTML mở để bao gồm dữ liệu không thể nhìn thấy hoặc thay đổi bởi người dùng sau khi biểu mẫu đã được gửi. Không có cách nào người dùng có thể làm cho chúng hiển thị trên trang web được hiển thị trừ khi họ bằng cách nào đó thay đổi mã.diversity of the HTML hidden attribute, we are going to exemplify a different way you can implement it in your syntax. You can use this attribute inside the opening HTML input tag to include data that cannot be seen or changed by the user after the form has been submitted. There is no way users can make them visible on the rendered web page unless they somehow change the code.
- Mã ví dụ 1:
Tạo cú pháp này đòi hỏi phải bổ sung các yếu tố và thuộc tính khác nhau, như các ví dụ sau đây cho thấy:different elements and attributes, as the following examples shows:
Đăng tiêu đề của bạn: Đăng bài viết của bạn: Đây là nội dung của trang web thú vị của tôi. Tôi hy vọng bạn thích nó! Cập nhật bài viết của bạn
Post your title:
Post your article:
This is the content of my interesting web page. I hope you like it!
Update your post
Như bạn có thể thấy, phần tử đầu vào HTML cuối cùng chứa giá trị ẩn bên trong thuộc tính loại HTML. Bằng cách làm như vậy, bạn nói với trình duyệt của bạn để ẩn bất kỳ nội dung nào được người dùng tải lên sau khi đã hoàn thành việc gửi.contains the hidden value inside the HTML type attribute. By doing so, you tell your browser to hide any content that is uploaded by the user after the submission has been completed.
Tuy nhiên, thông thường, cú pháp HTML không đủ để làm cho các yếu tố hấp dẫn, vì vậy người dùng có thể nhận thấy chúng dễ dàng hơn. Đó là lý do tại sao, trong phần sau của bài viết này, chúng tôi sẽ dạy bạn cách thay đổi đầu ra trực quan mặc định của các phần tử và thuộc tính HTML của bạn.HTML syntax is not enough to make the elements appealing, so users can notice them more easily. That is why, in the following section of this article, we are going to teach you how to change the default visual output of your HTML elements and attributes.
- Thay đổi đầu ra hình ảnh mặc định của các phần tử HTML của bạn
Một trong những cách tốt nhất bạn có thể sử dụng để tạo kiểu đầu ra trực quan của các phần tử HTML của bạn là bằng cách sử dụng các thuộc tính kiểu CSS cụ thể. Viết cú pháp CSS bao gồm một số bước mà bạn được cho là viết các thuộc tính cần thiết và gán một giá trị cụ thể.CSS styling properties. Writing the CSS syntax consists of several steps where you are supposed to write the required properties and assign a specific value.
Cách dễ nhất để nhóm các thuộc tính CSS là bằng cách tạo các lớp CSS cụ thể sẽ ảnh hưởng đến bất kỳ yếu tố nào trong cú pháp HTML của bạn. Chúng tôi sẽ tạo một cú pháp CSS có chứa một số lớp tạo kiểu cho tất cả các yếu tố HTML.creating specific CSS classes that are going to affect any element in your HTML syntax. We are going to create a CSS syntax that contains several classes styling all HTML elements.
Mã ví dụ 2:
Chúng ta hãy xem xét kỹ hơn ví dụ sau đây có chứa cú pháp CSS cần thiết:necessary CSS syntax:
html {font-family: Arial; } Mẫu {chiều rộng: 450px; } Div {Display: Flex; Biên độ lợi nhuận: 9px; } nhãn {flex: 3; Độ cao dòng: 3; Văn bản-Align: Phải; Đau-Chân: 18px; } đầu vào, Textarea {flex: 6; Phông chữ-gia đình: Arial; kích thước phông chữ: 1.3rem; Đệm: 6px; } textarea {chiều cao: 55px; }
font-family: Arial;
}
form {
width: 450px;
}
div {
display: flex;
margin-bottom: 9px;
}
label {
flex: 3;
line-height: 3;
text-align: right;
padding-right: 18px;
}
input, textarea {
flex: 6;
font-family: Arial;
font-size: 1.3rem;
padding: 6px;
}
textarea {
height: 55px;
}
Như bạn có thể thấy, đây là tất cả những gì cần thiết để thay đổi hoàn toàn sự xuất hiện của các yếu tố HTML của bạn. Mặc dù số lượng thuộc tính CSS bạn có thể sử dụng không bị giới hạn, các chuyên gia khuyên người dùng chỉ bao gồm các thuộc tính thiết yếu để họ có thể giữ mọi thứ được tổ chức.completely change the appearance of your HTML elements. Though the number of CSS properties you can use is not limited, experts advise users to only include the essential ones so they can keep things organized.
Bây giờ, hãy cho chúng tôi xem cách bạn có thể sử dụng các thuộc tính và giá trị CSS cụ thể để ẩn bất kỳ văn bản cụ thể nào trong tài liệu HTML của bạn.hide any specific text inside your HTML document.
- Văn bản ẩn HTML bằng cách sử dụng các thuộc tính CSS cụ thể
Bạn không chỉ có thể sử dụng các thuộc tính CSS để đại tu sự xuất hiện của các phần tử HTML của bạn, mà bạn còn có thể sử dụng chúng để ẩn bất kỳ văn bản không cần thiết nào trên trang web của bạn. Một lần nữa, bạn sẽ không loại bỏ hoàn toàn văn bản nhưng bạn sẽ chỉ tạm thời ẩn nó khỏi người dùng.hide any unnecessary text on your web page. Again, you are not going to completely remove the text but you are only going to temporarily hide it from the user.
Bạn có thể bao gồm các thuộc tính CSS trực tiếp bên trong thẻ mở HTML của bạn. Chúng tôi sẽ cho bạn thấy một vài giá trị thuộc tính CSS mà bạn có thể sử dụng để ẩn nội dung.directly inside your HTML opening tags. We are going to show you a couple of CSS property values you can use to hide the content.
Trong ví dụ này, chúng tôi sẽ sử dụng thuộc tính hiển thị CSS bên trong thẻ HTML Div mở:CSS display property inside the opening HTML div tag:
Văn bản này được ẩn khỏi người dùng
Như bạn có thể thấy, giá trị của thuộc tính hiển thị CSS được đặt thành ‘không có. Điều này sẽ làm cho văn bản trở nên vô hình.
- Sử dụng một phương thức khác cho cùng một chức năng
Phương pháp thứ hai khá giống nhau vì nó yêu cầu bổ sung giá trị thuộc tính CSS khác nhau có cùng chức năng.addition of a different CSS property value that has the same function.
Tất cả những gì bạn phải làm là bao gồm thuộc tính hiển thị CSS, như được hiển thị trong ví dụ sau:CSS visibility property, as shown in the following example:
Văn bản này được ẩn khỏi người dùng
Sự khác biệt duy nhất giữa ví dụ này và cái trước là việc bổ sung thuộc tính hiển thị CSS với giá trị ẩn ẩn của nó. Hai dòng mã này có cùng chức năng và có thể được sử dụng một khi cố gắng ẩn bất kỳ nội dung nào với người dùng trên trang web của bạn. Chọn cái nào là thực tế hơn là hoàn toàn phụ thuộc vào bạn.visibility property with its ‘hidden’ value. These two lines of code have the same function and can be used once trying to hide any content from users on your web page. Choosing which one is more practical is totally up to you.
Một vấn đề phổ biến
Mã HTML ẩn là một trong những thách thức mà nhiều chuyên gia và công cụ tìm kiếm phải đối mặt khi tạo ra một tài liệu HTML phức tạp. Một trong những lý do tại sao các công cụ tìm kiếm bị ảnh hưởng đáng kể bởi mã ẩn trong HTML là những người gửi thư rác làm ngập các trang web của họ với các từ khóa cụ thể để cải thiện SEO (tối ưu hóa công cụ tìm kiếm). hide HTML code is one of the challenges that many experts and search engines face once creating a complex HTML document. One of the reasons why search engines are significantly affected by the hide code in HTML is that spammers flood their web pages with specific keywords for improved SEO (Search Engine Optimization).
Điều này có nghĩa là nội dung chính trên trang web của họ sẽ không bị ảnh hưởng bởi các từ khóa sẽ vô hình với người dùng.not going to be affected by the keywords that are going to be invisible to users.
Do đó, các công cụ tìm kiếm và các chức năng của chúng gần đây đã được cải thiện để phát hiện khi những người gửi thư rác đang làm điều này. Họ có nghĩa vụ phải thực hiện các hành động thích hợp và ở một mức độ nào đó, thậm chí xử phạt một số trang web nhất định đang chiếm mọi thứ quá xa.detect when spammers are doing this. They are obliged to take appropriate actions and to some extent, even penalize certain web pages that are taking things too far.
Người mới bắt đầu nên nhận thức được điều này để tránh mắc lỗi tương tự và cuối cùng bị phạt vì điều gì đó mà họ không có ý định. Bây giờ, bạn có thể đưa lý thuyết vào thực tế bằng cách tạo văn bản ẩn hoàn chỉnh trong cú pháp HTML. hide text in HTML syntax.
Tóm tắt mọi thứ quan trọng
Các nhà phát triển web sử dụng chức năng văn bản ẩn HTML để tạm thời xóa bất kỳ nội dung nào trên trang web của họ. Mặc dù dạy bạn mọi thứ về những điều cơ bản của văn bản ẩn HTML, bài viết này cũng đề cập đến những điểm quan trọng sau:HTML hidden text function to temporarily remove any content on their web page. Despite teaching you everything about the basics of the HTML hidden text, this article also covered the following important points:
- Việc ẩn một cái gì đó từ trang web của bạn đôi khi có thể hữu ích, tuy nhiên, việc xóa hoàn toàn một phần của cú pháp có thể gây ra nhiều vấn đề hơn.
- Bất kỳ văn bản ẩn nào trong tài liệu HTML của bạn đều có thể được sử dụng lại trong tương lai. Có một công cụ tìm kiếm vấn đề phổ biến phải đối mặt với văn bản ẩn cụ thể
- Có hai phương pháp chính bạn có thể sử dụng để ẩn bất kỳ văn bản nào trên trang web của mình
- Thuộc tính ẩn HTML có chức năng bổ sung
- Sử dụng các thuộc tính CSS cụ thể cho các phần tử HTML của bạn luôn có lợi
- Tác giả
- Bài viết gần đây
Vị trí là tất cả: Tài nguyên đi đến của bạn để học & xây dựng: CSS, JavaScript, HTML, PHP, C ++ và MySQL.