Website Design Tip….the Comment Tag
Staying organized will help any website designer. As you grow in your website skills and as time passes by, it becomes very easy to forget what or why you might have coded a webpage a certain way 5 years ago.
One thing you can do to help you remember why you added a certain snippet of code is to add the comment tag. And the comment tag looks like this:
<!–This text is a comment–>
When you add the comment tag to your html code of your webpage it will not show up on the webpage as viewed in a browser such as Internet Explorer or Fire Fox.
Let me give you an example of how you might use the comment tag.
Imagine you are creating a webpage for an ebook. You want to get visitors to either purchase the ebook with your buy button or you would like to offer a free version of the ebook through a sign up opt-in form. In this case you might want to identify the opt-in form source and purpose…..so it would look like this.
<!–Aweber javascript code…name freeebook32 for creating a demo list on new gardening ebook–>
That’s a pretty long comment tag, however, rest assured that comment will only be visible in the source code of your webpage and will not be visible in the browser version of the webpage. So, in 5 years if you want to change the opt-in form, you will know exactly what it is. You will know it is the javascript code for aweber for your list named freeebook32 and it is your demo book for a gardening ebook.
Take it from me, I can’t remember what I did last week. So, I use the comment tag all the time and it has saved me countless hours and guess work.
Why don’t you use the comment tag when creating your websites, it doesn’t matter if you use a WYSIWYG editor because you always have access to the source code. Remember the comment tag is always added to your source code, otherwise you will see something like <!–This text is a comment–> in the middle of your webpage
Good luck to you and happy coding!
Thank you for reading this post. You can now Leave A Comment (0) or Leave A Trackback.
Post Info
This entry was posted on Tuesday, September 30th, 2008 and is filed under Website Design.You can follow any responses to this entry through the Comments Feed. You can Leave A Comment, or A Trackback.
Previous Post: Add a Wordpress Blog to Your Xsitepro Website with XsiteprotoWordpress »
Next Post: Custom Xsitepro Templates »
- Craigslist Tips and Learning Craigslist
- ScreenSteps Tutorial Maker
- Affiliate Marketing Tips
- Creating Article Snippets
- How to Use Video Utility Poster to continue How To RSS Series!
- How To RSS continued with Video Utility Poster
- How To RSS The Concept behind RSS Feeds
- How To RSS …Basics by Josh Spaulding
- Wordpress Affiliate Review Templates
- Newbie Checklist PLR for Project Efficiency….for Newbies!








