Web tip: CSS hidden text method with affinity

Source: Internet
Author: User
css| Tips | Page A new, more affinity CSS hidden text method Introduction, explains why the existing several CSS hidden text methods of the defects and new methods how to make up. Practical, but this method is quite novel.

a flaw in 1.display:none;
    • Search engines may think that hidden text is junk information and ignored
    • Screen readers (Programs that read screen content designed for visually handicapped people) ignore hidden text.
2. Defects of Visibility:hidden;
This one should be familiar with the hidden content will occupy him should occupy the physical space

3.overflow:hidden; A more reasonable method. Texthidden
{
display:block;/* Unified conversion to block-level elements * *
Overflow:hidden;
width:0;
height:0;
}
As the above CSS shows the method, the width and height set to 0, and then more than partially hidden, will make up for the above one or two methods of defects, but also achieve the purpose of hiding content.

Terms:
accessibility (Accessibility)
is the practice of making it easier for people with disabilities to use applications.
The American Disability Act of 1990 (The American Disabilities Act)
The Telecommunications Act of 1996 (The Telecommunications Act)
Amendments to the 1998 Rehabilitation Act (Rehabilitation Act Amendments) Section 508
Web Accessibility initiative of the World Wide Web Consortium (Web Accessibility Initiative (WAI))
These are all accessibility standards. More information is available on the disabilities page.

screen reader (screens reader)
is a program designed for visually impaired people to read the contents of a screen.

Availability (Usability)
Conventions that make it easier for everyone to use the application. Accessibility is a category of usability.

Web browser (web Browser)
Any program that can display a Web page. Most Web browsers can display HTML pages, but some (such as browsers in a mobile phone) may display only other types of pages, such as WML or CHTML.

Related Article

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.