EyePlot Blog - XHTML & CSS

Semantics Markup Web Design

Author Picture Posted by Steve Tucker on 22/03/2009 under Web Design, XHTML & CSS and Semantics & Standards. Currently 4 comments.

If you are in the internet business community you have probably heard of SEO for web design, but have you heard of semantics markup web design? Basically, semantic markup is the programming your website so that the code used actually seems a bit like English rather than computer code. Using this kind of coding makes it easier for search engines to pick up a website’s content and analyze it for SEO components and of course then sending the site to a specific website’s landing page or pages.
[ Continue Reading... ]

Importance of the alt attribute

Author Picture Posted by Steve Tucker on 16/10/2006 under XHTML & CSS. Currently 2 comments.

Much discussion comes of the importance of alt attributes when used on images, and their effect on search engine optimization. An alt attribute is alternate text which displays should the image is belongs to not be available. Initially alt attributes were created for text based browsers such as lynx, which does not support visual media such as images. The alt text is intended to describe what the image is of, and should be used only for that.
[ Continue Reading... ]

The Tag</a></h3> <p class="article_details"><a href="article--15--The-title-Tag.php" title="The <title> Tag"><img src="media/page_content/author-s.jpg" alt="Author Picture" title="Steve Tucker" /></a> Posted by <strong>Steve Tucker</strong> on <strong>19/09/2006</strong> under <a href="tag--1--8--XHTML--CSS.php" title="XHTML & CSS">XHTML & CSS</a>. Currently <strong>3</strong> comments.</p><p>The <strong>title tag</strong> is without a doubt one of the most important factors to take into consideration when optimizing your website's pages for the search engines such as <a href="http://www.google.co.uk" title="Google UK">Google</a> and <a href="http://www.yahoo.co.uk" title="Yahoo UK">Yahoo</a>. This is because most of these search engines and directories place a high level of importance on words that exist within your webpage's title tag. The tag is usually also used by search engines as the title of your listing on their results pages. <br />[ <a href="article--15--The-title-Tag.php" title="The <title> Tag"><small>Continue Reading...</small></a> ]</p> </div> <div class="article"> <h3 style="background-image:url('text.php?string=The Advantages of CSS in brief&text_type=h3');"><a href="article--13--The-Advantages-of-CSS-in-brief.php" title="The Advantages of CSS in brief">The Advantages of CSS in brief</a></h3> <p class="article_details"><a href="article--13--The-Advantages-of-CSS-in-brief.php" title="The Advantages of CSS in brief"><img src="media/page_content/author-s.jpg" alt="Author Picture" title="Steve Tucker" /></a> Posted by <strong>Steve Tucker</strong> on <strong>03/09/2006</strong> under <a href="tag--1--8--XHTML--CSS.php" title="XHTML & CSS">XHTML & CSS</a>.</p><p>The <a href="http://www.eyeplot.com" title="EyePlot Digital Web Design">EyePlot Digital website</a> was created using CSS. CSS stands for Cascading Style Sheet. It is a process of seperating structure from appearance in your XHTML documents. CSS commands can be placed inline with the document in the <head> section of your document. However typically commands are placed in a seperate .css text file. <br />[ <a href="article--13--The-Advantages-of-CSS-in-brief.php" title="The Advantages of CSS in brief"><small>Continue Reading...</small></a> ]</p> </div> <div class="article"> <h3 style="background-image:url('text.php?string=The fall of Meta Tags&text_type=h3');"><a href="article--12--The-fall-of-Meta-Tags.php" title="The fall of Meta Tags">The fall of Meta Tags</a></h3> <p class="article_details"><a href="article--12--The-fall-of-Meta-Tags.php" title="The fall of Meta Tags"><img src="media/page_content/author-j.jpg" alt="Author Picture" title="Jay Hands" /></a> Posted by <strong>Jay Hands</strong> on <strong>31/08/2006</strong> under <a href="tag--1--4--Search-Engine-Optimisation.php" title="Search Engine Optimisation">Search Engine Optimisation</a> and <a href="tag--1--8--XHTML--CSS.php" title="XHTML & CSS">XHTML & CSS</a>.</p><p>Back in the mid-90s, when Take-That! were all the rage and Big Brother was not corrupting our minds with its television garbage, the internet worked in a very different, decidedly simpler way. <strong>Meta tags</strong> were the dominating element which would make or break a website in the search engines. <br />[ <a href="article--12--The-fall-of-Meta-Tags.php" title="The fall of Meta Tags"><small>Continue Reading...</small></a> ]</p> </div> <div class="article"> <h3 style="background-image:url('text.php?string=XHTML vs HTML&text_type=h3');"><a href="article--10--XHTML-vs-HTML.php" title="XHTML vs HTML">XHTML vs HTML</a></h3> <p class="article_details"><a href="article--10--XHTML-vs-HTML.php" title="XHTML vs HTML"><img src="media/page_content/author-s.jpg" alt="Author Picture" title="Steve Tucker" /></a> Posted by <strong>Steve Tucker</strong> on <strong>29/08/2006</strong> under <a href="tag--1--8--XHTML--CSS.php" title="XHTML & CSS">XHTML & CSS</a>.</p><p>HTML is rapidly becoming replaced by its standardised cousin XHTML. The differences between the two languages are very small but the benefits of switching is definitely worth the effort. <br />[ <a href="article--10--XHTML-vs-HTML.php" title="XHTML vs HTML"><small>Continue Reading...</small></a> ]</p> </div> <div class="article"> <h3 style="background-image:url('text.php?string=The Importance of Web Design Standards&text_type=h3');"><a href="article--7--The-Importance-of-Web-Design-Standards.php" title="The Importance of Web Design Standards">The Importance of Web Design Standards</a></h3> <p class="article_details"><a href="article--7--The-Importance-of-Web-Design-Standards.php" title="The Importance of Web Design Standards"><img src="media/page_content/author-s.jpg" alt="Author Picture" title="Steve Tucker" /></a> Posted by <strong>Steve Tucker</strong> on <strong>22/08/2006</strong> under <a href="tag--1--6--Web-Design.php" title="Web Design">Web Design</a>, <a href="tag--1--8--XHTML--CSS.php" title="XHTML & CSS">XHTML & CSS</a> and <a href="tag--1--1--Semantics--Standards.php" title="Semantics & Standards">Semantics & Standards</a>. Currently <strong>1</strong> comments.</p><p>Maintaining a website designed using <a href="http://www.w3.org/" title="The World Wide Web Consortium">web standards</a> is easy. The XHTML is very simple and so logical that it doesnt make any sense to continue using the complex and chaotic markup documents created with traditional page layout methods. If we look deeper into the global effect this has on the World Wide Web then you will see that easily maintainable XHTML documents also translate effectively into almost every internet-enabled device. <br />[ <a href="article--7--The-Importance-of-Web-Design-Standards.php" title="The Importance of Web Design Standards"><small>Continue Reading...</small></a> ]</p> </div> <div class="page_navigation"> </p><p>Currently browsing page <strong>1</strong> of <strong>1</strong>.</p><p> <span class="paging_button">1</span> </div> </div> <div id="column"> <div id="recent_articles"> <h3 style="background-image:url('text.php?string=Recent+Posts&text_type=h3');">Recent Posts</h3> <ol> <li><em>09/03/2010</em> - <a href="article--207--Importance-Of-Office-Procedures-In-Business-Operations.php" title="Importance Of Office Procedures In Business Operations">Importance Of Office Procedures In Business Operations</a></li> <li><em>07/03/2010</em> - <a href="article--168--Plan-For-Business-Networking.php" title="Plan For Business Networking">Plan For Business Networking</a></li> <li><em>04/03/2010</em> - <a href="article--167--Some-Sensible-Business-Practices.php" title="Some Sensible Business Practices">Some Sensible Business Practices</a></li> <li><em>01/03/2010</em> - <a href="article--166--How-To-Choose-The-Right-Home-Business.php" title="How To Choose The Right Home Business">How To Choose The Right Home Business</a></li> <li><em>26/02/2010</em> - <a href="article--165--Mistakes-Small-Businesses-Must-Avoid.php" title="Mistakes Small Businesses Must Avoid">Mistakes Small Businesses Must Avoid</a></li> <li><em>24/02/2010</em> - <a href="article--164--Career-Opportunities-In-International-Marketing.php" title="Career Opportunities In International Marketing">Career Opportunities In International Marketing</a></li> </ol> <p><a href="articles.php" title="Blog Homepage">Blog Homepage</a></p> </div> <div id="browse_by_tag"> <h3 style="background-image:url('text.php?string=Browse+by+Topic&text_type=h3');">Browse by Topic</h3> <ul> <li><a href="tag--1--6--Web-Design.php" title="Web Design">Web Design</a> <small>[20]</small></li> <li><a href="tag--1--7--Business.php" title="Business">Business</a> <small>[71]</small></li> <li><a href="tag--1--2--Online-Marketing.php" title="Online Marketing">Online Marketing</a> <small>[28]</small></li> <li><a href="tag--1--4--Search-Engine-Optimisation.php" title="Search Engine Optimisation">Search Engine Optimisation</a> <small>[14]</small></li> <li><a href="tag--1--3--Offline-Marketing.php" title="Offline Marketing">Offline Marketing</a> <small>[6]</small></li> <li><a href="tag--1--5--Reciprocal-Linking.php" title="Reciprocal Linking">Reciprocal Linking</a> <small>[4]</small></li> <li>XHTML & CSS <small>[7]</small></li> <li><a href="tag--1--9--Search-Engines.php" title="Search Engines">Search Engines</a> <small>[14]</small></li> <li><a href="tag--1--1--Semantics--Standards.php" title="Semantics & Standards">Semantics & Standards</a> <small>[8]</small></li> <li><a href="tag--1--11--Miscellaneous.php" title="Miscellaneous">Miscellaneous</a> <small>[48]</small></li> </ul> </div> <div id="article_search"> <h3 style="background-image:url('text.php?string=Search+Blog&text_type=h3');">Search Blog</h3> <form method="get" action="articles.php"> <table> <tfoot> <tr> <td><button type="submit"><img src="media/icons/find.gif" alt="Search" /> Search</button></td> </tr> </tfoot> <tbody> <tr> <td><input type="text" name="search_query" value="" /></td> </tr> </tbody> </table> </form> </div> <div id="about"> <h3 style="background-image:url('text.php?string=About+Us&text_type=h3');">About Us</h3> <p>EyePlot are a web design and online marketing agency based in <strong>Huddersfield</strong> nr. <strong>Leeds</strong>, <strong>West Yorkshire</strong>. We design websites that are easy to use, look great and rank high in Google. <em>Click on the boxes below for more information</em></p> <ul> <li id="about-1"><a href="https://adwords.google.com/select/ProfessionalStatus?id=V-pb11sNlv8k-mFFoaUZiA&hl=en_GB" title="Google Qualified Professional" rel="external">Google <strong>Adwords Qualified</strong> Professional</a></li> <li id="about-2"><a href="fast-reliable-web-hosting.php" title="Fast, Reliable Web Hosting with Rackspace"><strong>Fast, Reliable Web Hosting</strong> with Rackspace</a></li> <li id="about-3"><a href="professional-indemnity-insurance.php" title="Professional Insurance with Hiscox">£250,000 <strong>Professional Insurance</strong> with Hiscox</a></li> </ul> </div> </div> <div id="footer"><!--Menu - foot_navigation (7 items)--><div id="foot_navigation"> <ul><li class="nav-homepage"><span><a href="http://www.eyeplot.com/" title="Homepage" accesskey="1"><span>Homepage</span></a></span></li><li class="nav-web_design"><span><a href="web-design.php" title="Web Design" accesskey="2"><span>Web Design</span></a></span></li><li class="nav-online_marketing"><span><a href="search-engine-marketing.php" title="Online Marketing" accesskey="3"><span>Online Marketing</span></a></span></li><li class="nav-ecommerce"><span><a href="e-commerce-websites.php" title="E-commerce" accesskey="4"><span>E-commerce</span></a></span></li><li class="nav-software_development"><span><a href="software-development.php" title="Software Development" accesskey="5"><span>Software Development</span></a></span></li><li class="nav-portfolio"><span><a href="portfolio.php" title="Portfolio" accesskey="6"><span>Portfolio</span></a></span></li><li class="nav-contact_us"><span><a href="contact.php" title="Contact Us" accesskey="7"><span>Contact Us</span></a></span></li></ul></div></div> </div> <!-- End EyePlot Web Design --> <div id="page_bottom"> <p>EyePlot Digital Ltd, 207 Lockwood Road, <em>Huddersfield</em>, West Yorkshire<a href="http://maps.google.com/maps?f=l&hl=en&geocode=&time=&date=&ttype=&q=web+design&near=HD1+3TG&ie=UTF8&ll=53.637412,-1.794376&spn=0.055061,0.200672&z=13&iwloc=A&om=1" title="HD1 3TG" rel="external"> HD1 3TG</a>, Tel: 01484 53 11 22<br /> Registered Company : 05657944 VAT Reg: 916 4302 43</p> <p>Copyright © 2010, <a href="http://www.eyeplot.com/" title="EyePlot Blog - Articles about web design, online marketing and software development">EyePlot Digital</a> | <a href="accessibility.php" title="Accessibility Statement" rel="nofollow">Accessibility</a> | <a href="http://directory.eyeplot.com" title="Links" rel="nofollow">Links</a> | <a href="articles.php" title="website design articles">EyePlot Blog</a> | <a href="http://www.twotreesdesign.co.uk/" title="web site optimisation" rel="external">Web Site Optimisation</a> | <a href="sitemap.php" title="sitemap">Sitemap</a></p> </div> <script type="text/javascript"> var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www."); document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E")); </script> <script type="text/javascript"> try { var pageTracker = _gat._getTracker("UA-382897-15"); pageTracker._trackPageview(); } catch(err) {} </script> <script type="text/javascript" src="http://cetrk.com/pages/scripts/0010/1423.js"> </script> </body> </html>