Semantics written in HTML

Semantics written in HTML Semantic HTML means using HTML tags to its implicit meaning, and not just using (meaning) div and span tags for everything. Why do you want to do this? Depending on the brand, the contents of the tag can be interpreted in a certain way. Here are some examples.Header tagsIf use <h1> <div instead of class = "encabezado"> and <h2> <div instead of class = "subheader">, etc., Google and other engines Research interpret the headers as important titles in your page. In this way, when people look at the words of the headings and sub-headings, your page will be considered more important (and higher). Moreover, it is much shorter and cleaner.This works both ways: Do not use header tags for anything except the headlines, especially not to increase the font size or using the search engine keywords. In this way, the page can be analyzed by the structure (this can be done with the W3C HTML Validator). This structure can be used by screen readers or other tools to create a table of contents for page.Form labelsThe <tag> so, unfortunately, missed. It is not immediately clear what is the point you are using, so very few web sites take advantage of it. The label on the label is used to identify a label for an input field, for example, "E-mail". It can be used for packaging is about the scope of the text as: <tag> Name: name = "fname" /> <Entrada, or can be used with the attribute as follows: <= label "fname"> Name: <entrada id =" fname fname "name =" "/>. Why use the label instead of the label? Well, it's shorter and cleaner. But we will also screen readers and other tools to identify the text associated with an input field. Without using the label, can be very difficult for some people to know what is supposed to come as fields.TablesThese days, the entire world the use of tables. This is great, because the tables are not intended to structure the way it appears on your website. However, the tables are still a very important objective. Whenever you need to see the data that go into a spreadsheet, tables here for help.When using tables, there are a number of tags and attributes that are not widely used, but are very important for accessibility. Use the summary attribute more to give a summary of the data in the table. <title> Use the label to give a short title for the data. <th> Use labels to identify the row and column of the table. Then you can use the header tag <td> to identify the headers that are applied to the cell. For more examples and information on accessibility, with tables, see the W3C Accessibility Guidelines.ListsLists are the new tables. Whereas tables are intended to data networks, the lists are intended to lists of contents. This is very good for us, because most Web pages are essentially lists of different things. For example, look at this site. On the first page, I have a list of blogs in the center. On both sides, are lists of links (archive, categories, etc.), and the walls are lists of lists. Had I used tables, I said these things to the left has something to do with things by halves, "but no, seriously. Using the lists, I am simply saying "This is a list of objects that have anything to do with each other," which do.You are three types of lists to choose from, but choose wisely. There are lists ordered (<ol>), unordered lists (<ul>), and definition lists (<dl>). Use lists when the entries have some kind of order. Definition to use the lists at any time you need name / value pairs, or when you need to break your list into sections. The rest of the time, the lists are not only safe to bet.Lists disordered structure to your page, it's incredible hand for styling. You can enter an ID or class on the outside of the mark (eg <ul>), then so much the style of the exterior and interior label <li> tags.ConclusionTry use the full range of HTML tags always possible. Sometimes you are stuck using <div>, but try to limit to when you can not find an equivalent in HTML. At the same time, try to avoid using HTML tags for anything except your destination. In this way, the HTML will be clean, and its structure will be more readable and understandable - and not just individuals, but for screen readers, search engines, and other programs and tools .--- Jesse Skinner is a free web developer, and passion for the Inteet's potential to change the world. In his blog, The Future of the Web, share HTML, CSS and JavaScript tips and discuss anything of interest to lovers of the rules of the fabric designers.To and more information, visit: