Hide text within HTML

Question

I ll be completing a website soon for my university  in fact  it s mostly finished now other than some mild tweaking  and I d like to add a hidden thank-you to some bloggers who helped  and the stack overflow community which was a huge help  Right now  I ve got a text section which is hidden this way    lt font style  font-size 0px  gt  - text  lt  font gt    But I feel like there s probably a better way  Is there

User · Answer

This will keep its space  but not show anything   opacity  0 0    This will hide the object fully  plus its  reserved  space   display  none

User · Answer

Use the CSS property visibility and set it to hidden   You can see more here

User · Answer

use css property style  display none  or style visibility hidden

User · Answer

You said that you can   t use HTML comments because the CMS filters them out  So I assume that you really want to hide this content and you don   t need to display it ever   In that case  you shouldn   t use CSS  only   as you   d only play on the presentation level  not affecting the content level  Your content should also be hidden for user-agents ignoring the CSS  people using text browsers  feed readers  screen readers  bots  etc     In HTML5 there is the global hidden attribute      When specified on an element  it indicates that the element is not yet  or is no longer  directly relevant to the page s current state  or that it is being used to declare content to be reused by other parts of the page as opposed to being directly accessed by the user  User agents should not render elements that have the hidden attribute specified    Example  using the small element here  because it   s an  attribution      lt small hidden gt Thanks to John Doe for this idea  lt  small gt    As a fallback  for user-agents that don   t know the hidden attribute   you can specify in your CSS    hidden   display none     An general element for plain text could be the script element used as  data block      lt script type  text plain  hidden gt  Thanks to John Doe for this idea   lt  script gt    Alternatively  you could also use data-  attributes on existing elements  resp  on new div elements if you want to group some elements for the attribution     lt p data-attribution  Thanks to John Doe for this idea   gt This is some visible example content     lt  p gt

User · Answer

you can use css property to hide  style  display none      lt div style  display none   gt CREDITS HERE lt  div gt

User · Answer

lt div style  display none   gt CREDITS HERE lt  div gt

User · Answer

display  none or visibility  hidden

User · Answer

Here are two ways you can achieve this   You can display none or have a opacity none   But if you want the opacity to be cross browser compatible you would have to add this to your css     IE 8    -ms-filter   progid DXImageTransform Microsoft Alpha Opacity 50        IE 5-7    filter  alpha opacity 50       Netscape    -moz-opacity  0 5      Safari 1 x    -khtml-opacity  0 5      Good browsers    opacity  0 5    http   codepen io anon pen Krkfj

User · Answer

Not sure if this was what you were asking for  but I was personally trying to  hide  some info in my html so that if someone inspected it  they would see the text in the source code   It turns out that you can add ANY attribute  and so long as it isn t understood by the browser  it will just be left buried in the tag  My code was an easter egg  For people who couldn t afford to do the Makers Academy course  I basically encouraged them to inspect the element  where they would be given a secret URL where they could apply for a special  cut-price course  it s in haml  but it s the same idea in HTML     entry          h2 I can t afford to do the course    What should I do           p  url you should visit   gt   http   ronin makersacademy com   Inspect and you shall find    Or in html    lt p url you should visit  http   ronin makersacademy com  gt Inspect and you shall find  lt  p gt    Because  url  is not a recognised html attribute  it makes no difference but is still discoverable  You could do the same with anything you wanted  You could have an attribute  in html  like    lt p thanks  Thanks to all the bloggers that helped me  gt  Some text  lt  p gt    And they ll be able to find your little easter egg if they want it    Hope that helps - it certainly helped me

[html] Hide text within HTML?

Examples related to html

Examples related to css