Actual for You
#1 in Business Subscribe Email Print

You are here: Home > Internet and Businesses Online > Web Design > Writing Semantic HTML

Tags

  • still
  • words
  • essentially lists
  • using lists
  • spreadsheet tables

  • Links

  • Audiobooks: How Busy Entrepreneurs Save Time
  • Phone Conferencing Equipment
  • To Thine Own Self Be True--It's Better for Business: What Arthur Andersen Would Say to His Company
  • Actual for You - Writing Semantic HTML

    10 Free Bonuses That Can Ignite Your Profits
    1. Interview Articles - You could compile an ebook or report of interviews you've given to experts from your particular industry.2. Coupon eBook - You could compile an ebook full of coupons from other products you sell or from other businesses you've made coupon deals with.3. Online Gallery - You could compile a free online gallery of pictures, graphs, charts, or graphics that is related to your target audience.4. Webcam - You could set-up a webcam so your customers could view a particular environment or place they are interested in.5. E-zine Archives - You could b
    n the centre. On the sides, I have lists of links (archive, categories, et cetera), and the sides themselves are lists of lists. If I had used tables, I would've been saying "this stuff on the left has something to do with the stuff in the middle", but it doesn't, really. By using lists, I'm simply saying "this stuff is a list of items that have something to do with each other", which they do.

    You have three types of lists to choose from, but choose wisely. There are Ordered Lists (< ol >), Unordered Lists (< ul >), and Definition Lists (< dl >). Only use Ordered Lists when the entries have some kind of order. Use Definition Lists any time you need name/value pairs, or when you need to break your list up into sections. The rest of the time, Unordered Lists are a safe bet.

    Lists not

    Solutions for your Business: Denver Web Design and Internet Marketing
    Internet marketing and web design go hand in hand. The web allows the whole world to find out about a certain product or service through online advertising. So, it’s only natural that marketing strategies and the appreciated Denver web design companies are very popular nowadays. Since a pleasant web design is necessary for any website that wants to attract customers, it’s not wise to avoid personalizing your business when working online. You shouldn’t fear the web just because of a few tricks you haven’t found out about yet.There are a lot of people that don’t know their way around the informa
    Semantic HTML means using HTML tags for their implied meaning, rather than just using (meaningless) div and span tags for absolutely everything. Why would you want to do this? Depending on the tag, the content in the tag can be interpreted in a certain way. Here are some examples.

    Header tags

    If you use < h1 > instead of < div class="header" >, and < h2 > instead of < div class="subheader" >, et cetera, Google and other search engines will interpret your headers as being important titles in your page. This way, when people search on the words in your headers and sub-headers, your page will be considered more relevant (and rank higher). Plus, it's much shorter and cleaner.

    This works both ways: don't use header tags for anything except headers, especially not increasing your font size or outlining your search engine keywords. This way, your page can be parsed for structure (you can do this with the W3C HTML Validator). This structure can then be used by screen readers or other tools to build a table of contents for your page.

    Form labels

    The < label > tag is so sadly forgotten. It's not immediately clear what the point of using it is, so very few web pages take advantage of it. The label tag is used to identify a label for an input field, for example "E-mail Address". It can either be used be wrapping it around the text and input field like: < label >First Name: < input name="fname"/ >, or it can be used with the for attribute like so: < label for="fname" >First Name: < input id="fname" name="fname" />.

    Why use the label tag instead of

    ? Well, it's shorter and cleaner. But it also let's screen readers and other tools identify the text associated with an input field. Without using the label tag, it can be very difficult for some people to know what is supposed to go into your form fields.

    Tables

    These days, everyone's moving away from using tables. This is great because tables aren't intended for structuring the way your web page looks. But tables still have a very important purpose. Any time you need to display data that would go in a spreadsheet, tables are here to help.

    When using tables, there are a number of tags and attributes that aren't widely used, but are very important for accessibility. Use the summary attribute to give a longer summary of the data in the table. Use the < caption > tag to give a brief title to the data. Use < th > tags to identify the column and row headers in your table. Then, you may want to use the headers attribute on the < td > tags to identify which headers apply to that cell. For more examples and details on accessibility with tables, see the W3C's Accessibility Guidelines.

    Lists

    Lists are the new tables. Whereas tables are intended for grids of data, lists are intended for lists of content. This is great for us, because most web pages are essentially lists of different things. For example, look at this site. On the front page, I have a list of blog entries in the centre. On the sides, I have lists of links (archive, categories, et cetera), and the sides themselves are lists of lists. If I had used tables, I would've been saying "this stuff on the left has something to do with the stuff in the middle", but it doesn't, really. By using lists, I'm simply saying "this stuff is a list of items that have something to do with each other", which they do.

    You have three types of lists to choose from, but choose wisely. There are Ordered Lists (< ol >), Unordered Lists (< ul >), and Definition Lists (< dl >). Only use Ordered Lists when the entries have some kind of order. Use Definition Lists any time you need name/value pairs, or when you need to break your list up into sections. The rest of the time, Unordered Lists are a safe bet.

    Lists not o

    How to Find the Best Jobs in Advertising
    How serious are you in your search for jobs in advertising?The function of advertising is needed in every organization from the very smallest of companies to the larger Fortune 1000 employers. The job titles for the advertising profession varies greatly based on experience and education level.There are thousands of advertising jobs posted all over the internet. Advertising jobs are found on employer sites, job boards, recruiter sites and niche sites specifically focusing on the advertising profession.Advertising recruiters specialize mostly in the higher end advertising jobs and
    easing your font size or outlining your search engine keywords. This way, your page can be parsed for structure (you can do this with the W3C HTML Validator). This structure can then be used by screen readers or other tools to build a table of contents for your page.

    Form labels

    The < label > tag is so sadly forgotten. It's not immediately clear what the point of using it is, so very few web pages take advantage of it. The label tag is used to identify a label for an input field, for example "E-mail Address". It can either be used be wrapping it around the text and input field like: < label >First Name: < input name="fname"/ >, or it can be used with the for attribute like so: < label for="fname" >First Name: < input id="fname" name="fname" />.

    Why use the label tag instead of

    ? Well, it's shorter and cleaner. But it also let's screen readers and other tools identify the text associated with an input field. Without using the label tag, it can be very difficult for some people to know what is supposed to go into your form fields.

    Tables

    These days, everyone's moving away from using tables. This is great because tables aren't intended for structuring the way your web page looks. But tables still have a very important purpose. Any time you need to display data that would go in a spreadsheet, tables are here to help.

    When using tables, there are a number of tags and attributes that aren't widely used, but are very important for accessibility. Use the summary attribute to give a longer summary of the data in the table. Use the < caption > tag to give a brief title to the data. Use < th > tags to identify the column and row headers in your table. Then, you may want to use the headers attribute on the < td > tags to identify which headers apply to that cell. For more examples and details on accessibility with tables, see the W3C's Accessibility Guidelines.

    Lists

    Lists are the new tables. Whereas tables are intended for grids of data, lists are intended for lists of content. This is great for us, because most web pages are essentially lists of different things. For example, look at this site. On the front page, I have a list of blog entries in the centre. On the sides, I have lists of links (archive, categories, et cetera), and the sides themselves are lists of lists. If I had used tables, I would've been saying "this stuff on the left has something to do with the stuff in the middle", but it doesn't, really. By using lists, I'm simply saying "this stuff is a list of items that have something to do with each other", which they do.

    You have three types of lists to choose from, but choose wisely. There are Ordered Lists (< ol >), Unordered Lists (< ul >), and Definition Lists (< dl >). Only use Ordered Lists when the entries have some kind of order. Use Definition Lists any time you need name/value pairs, or when you need to break your list up into sections. The rest of the time, Unordered Lists are a safe bet.

    Lists not

    Study Proves That Headline Length Can Impact Profitability!
    Recently, I monitored an interesting discussion in one of the forums about the length of headline on sales pages. Some of the posters were in favor of longer headlines because they communicated more information and had a better chance of catching the interest of the prospect. Other posters claimed that some headlines were so long that they were confusing. Some even claimed that they would take away your breath if you attempted to read them aloud. One poster thought that very long headlines often appeared to be a run-on sentence... even if it technically wasn't.I decided it was time to do a
    label > < input id="fname" name="fname" />.

    Why use the label tag instead of

    ? Well, it's shorter and cleaner. But it also let's screen readers and other tools identify the text associated with an input field. Without using the label tag, it can be very difficult for some people to know what is supposed to go into your form fields.

    Tables

    These days, everyone's moving away from using tables. This is great because tables aren't intended for structuring the way your web page looks. But tables still have a very important purpose. Any time you need to display data that would go in a spreadsheet, tables are here to help.

    When using tables, there are a number of tags and attributes that aren't widely used, but are very important for accessibility. Use the summary attribute to give a longer summary of the data in the table. Use the < caption > tag to give a brief title to the data. Use < th > tags to identify the column and row headers in your table. Then, you may want to use the headers attribute on the < td > tags to identify which headers apply to that cell. For more examples and details on accessibility with tables, see the W3C's Accessibility Guidelines.

    Lists

    Lists are the new tables. Whereas tables are intended for grids of data, lists are intended for lists of content. This is great for us, because most web pages are essentially lists of different things. For example, look at this site. On the front page, I have a list of blog entries in the centre. On the sides, I have lists of links (archive, categories, et cetera), and the sides themselves are lists of lists. If I had used tables, I would've been saying "this stuff on the left has something to do with the stuff in the middle", but it doesn't, really. By using lists, I'm simply saying "this stuff is a list of items that have something to do with each other", which they do.

    You have three types of lists to choose from, but choose wisely. There are Ordered Lists (< ol >), Unordered Lists (< ul >), and Definition Lists (< dl >). Only use Ordered Lists when the entries have some kind of order. Use Definition Lists any time you need name/value pairs, or when you need to break your list up into sections. The rest of the time, Unordered Lists are a safe bet.

    Lists not

    Bossology: The Eight Techniques You Need to Manage Your Boss
    Research inside companies consistently reveals that most employees quit or move on because of a poor relationship with their immediate supervisor. In other words, people don't quit jobs--they quit bosses. Most new managers and supervisors move into their roles because they have demonstrated technical expertise in their industry or field. They rarely begin their management careers with the experience, training and support they need to effectively manage others.I am certainly not alone in working for some memorably bad bosses over my career. Indeed, it was rather cathartic to describe them all i
    ummary attribute to give a longer summary of the data in the table. Use the < caption > tag to give a brief title to the data. Use < th > tags to identify the column and row headers in your table. Then, you may want to use the headers attribute on the < td > tags to identify which headers apply to that cell. For more examples and details on accessibility with tables, see the W3C's Accessibility Guidelines.

    Lists

    Lists are the new tables. Whereas tables are intended for grids of data, lists are intended for lists of content. This is great for us, because most web pages are essentially lists of different things. For example, look at this site. On the front page, I have a list of blog entries in the centre. On the sides, I have lists of links (archive, categories, et cetera), and the sides themselves are lists of lists. If I had used tables, I would've been saying "this stuff on the left has something to do with the stuff in the middle", but it doesn't, really. By using lists, I'm simply saying "this stuff is a list of items that have something to do with each other", which they do.

    You have three types of lists to choose from, but choose wisely. There are Ordered Lists (< ol >), Unordered Lists (< ul >), and Definition Lists (< dl >). Only use Ordered Lists when the entries have some kind of order. Use Definition Lists any time you need name/value pairs, or when you need to break your list up into sections. The rest of the time, Unordered Lists are a safe bet.

    Lists not

    Research Department Tips
    The SearchLogix Group’s Research Department utilizes job boards. Job boards, such as Monster, can be very useful. The “perfect” candidate is never found on a job board; however, we almost always find someone who could potentially “lead” us to a candidate who might be. The SearchLogix Group uses job boards as another tool for building relationships to connect to new people.Our Internet Research Team spends hours digging through thousands of candidates who have chosen to post their resumes on job boards. Here are a few things our team looks for initially before a call is placed to qualify ca
    n the centre. On the sides, I have lists of links (archive, categories, et cetera), and the sides themselves are lists of lists. If I had used tables, I would've been saying "this stuff on the left has something to do with the stuff in the middle", but it doesn't, really. By using lists, I'm simply saying "this stuff is a list of items that have something to do with each other", which they do.

    You have three types of lists to choose from, but choose wisely. There are Ordered Lists (< ol >), Unordered Lists (< ul >), and Definition Lists (< dl >). Only use Ordered Lists when the entries have some kind of order. Use Definition Lists any time you need name/value pairs, or when you need to break your list up into sections. The rest of the time, Unordered Lists are a safe bet.

    Lists not only give structure to your page, they're incredible handy for styling. You can just put an id or class on the outer tag (eg. < ul >), then style both the outer tag, and the inner < li > tags.

    Conclusion

    Try to use the full variety of HTML tags whenever possible. Sometimes you'll be stuck with using < div > tags, but try to limit them to whenever you can't find a suitable HTML equivalent. At the same time, try to avoid using HTML tags for anything except their intended purpose. By doing this, your HTML will be cleaner, and its structure will be more readable and understandable -- not just to people but to screen readers, search engines, and other programs and tools.

    HTTP = HTML link (for blogs, profiles,phorums):
    <a href="http://www.actual4u.com/article/85208/actual4u-Writing-Semantic-HTML.html">Writing Semantic HTML</a>

    BB link (for phorums):
    [url=http://www.actual4u.com/article/85208/actual4u-Writing-Semantic-HTML.html]Writing Semantic HTML[/url]

    Related Articles:

    Marketing Worksheet

    Buying The Cow: The Pros and Cons of Paid Affiliate Sign-ups

    Seo Tips - Keywords

    Bookmark it: del.icio.us digg.com reddit.com netvouz.com google.com yahoo.com technorati.com furl.net bloglines.com socialdust.com ma.gnolia.com newsvine.com slashdot.org simpy.com shadows.com blinklist.com