Recently, often when describing the creation of a website mentions that using semantic markup. It is particularly a lot of new sites being developed with complete disregard of this approach that causes pain. So what is a semantic markup, and what advantages using it? For the layout of Web pages using HTML language or its more modern version, XHTML. The semantics of this language is determined by the semantic the value of his designs. For example, the h1 tag indicates the title of the highest level, and the tag li – a list item.

If all fit on the tag is used for the purposes for which they are intended, therefore, there is a semantic layout. For example, menu items are correctly represented in the form of list items and not – as a table row. If the markup elements are not being used as envisaged, then, the site does not apply semantic layout. The most common example of a derogation from the rules of semantic markup is a table layout, where the table tags are not for the formation of a regular table, but solely for the purposes of registration. So what are the advantages of semantic markup, and why it is recommended that you use it? First, the HTML code in the application of such a layout is more transparent and logical, it's easier to understand to any expert and, if necessary, change. Every developer knows what shall be used standard tags to HTML, but is not always possible to guess the appointment of any of the markup, if not used for semantic layout, and layout designer uses tags for other purposes. Of course, some developers are interested in sites that their child did not understand anybody, except them, but these would-be developers should not involve the creation of websites under any circumstances. Semantic markup is closely connected with the separation of data and presentation.

And here you are mature enough to order a website in search engines Porylis on your topic and found dozens of Web resources with a stylish design, content and decide. What web design create a personal site. Of course at first site design should be pleasing you. But not only. Design of the Internet has become actively grow the past few years, and has changed somewhat arbitrarily assigned to him from the styles of web 1.0, many well-known style of web 2.0 and close to the person and simple Web design web sites Web 3.0 style. Hard characteristics by which every resource possible to classify one of the categories do not exist, but still can be done. Most popular now be called a style web 2.0, about which there are many materials online and, if briefly on it, the resource in this fashion must be characterized by certain visual criteria and characteristics.

Let us dwell on them. – Take blocks, buttons, items design with smooth forms. – Use the blocks to the shadow a barely noticeable, but it is better in moderation. It is not necessary to attach all the objects of the resource type of volume, it would be better to leave most of the objects are three-dimensional. – Create a fill color forms of barely noticeable gradient of pastel colors or light gray tint with smooth transition to white. It looks nice and does not strain the user when viewing the information on this site. – The ideal type for comfortable perception and processing of large text elements can be called sans serif font.

Use the page no more than three different font sizes, and especially not smaller. In our time, is bad form to post small font, which may be read only by increasing the scale of the page. Use large text headlines and main text is not a bunch of total and dividing it visually into separate columns.

Semantics The semantics of the css in the css implies a right, but rather use the name korektnoe classes. And also use the classes only when necessary. Use css classes to the case when there is no the tag css (X) HTML. Thoughtful, semantically korektno named classes and ID can help set up (X) HTML document for future change and the ability to store data in XML, which can be configured differently. Do not call object (id or class), so what it looks like or where it is used. Examples of class names and ID, which are not semantic: YellowText Blue14pxArial FloatRight LeftColumn MiddleColumn RightSideSpace Use of these names is meaningless, because who would not rule styles the site the future can change the styles described in this class that privedetk absurdity. For example: The developer for the text defined a class of yellow YellowText, and in the future when a site redesign, the text color changed from yellow to blue, resulting in we have a class with a certain YellowText blue.

That in itself is absurd. Therefore, when choosing the name class should not be guided by certain styles within a class, and class assignment. Examples of semantic class names and ID: Header Footer NavigationLocal NavigationGlobal Content Tools Warning Address Instructions Author Copyright Description Summary Do these names there is a certain level of abstraction. You can use these uncertain times and still have only one external description of the css. In this case you do not need to rewrite the class name if you decide to change the style. Editing styles, without changing the class name in css and (x) html document expresses the semantic content of the rock container without contaminating its information specific for only one context. One of the most important capabilities of css – change the style without changing the very (x) html document.

Use function names for their classes and ID; avoid names that describe the style, not funktsianalnost. Another important factor is the semantic css that use classes and ID is not always necessary. If every paragraph on the page will have the same style, it is not needed for each section, add a class with a description of the style enough to register for the entire section on the page. The main conclusions of this article: Classes and IDs (ID) should be used only when there is a need. Name classes and IDs (ID) should describe the functionality rather than style uses an identifier (ID) in those cases when it is necessary to define a unique style for a page, and the class – when you need a class ispolvat several times on a page.