Let's talk about semantic HTML markup about some basics with two type of elements. Block elements, such as, for example, be dog or leave There is also elements in such inline elements. For example, spawn is one element. You can nest any amount of inline elements inside block elements, but you cannot nest block elements inside of inline elements. For example, default value of display attribute defines how elements will be displayed. inline element is built in in Side our block elements and inline elements cannot contain inside them block elements.

What is semantic markup for example, we have different different kinds of document areas for example, header, main and footer. Those types of typo types of parts of a document is semantic. We can Change, for example, whether to give and nothing view nothing will be differ, in this case. Two to view. For example, let's do it List View Source. As you can see, this is Heather side and we can change it to div.

Let's look as you can see nothing has changed. Here there is a diff is bloke, elephant Bob semantically is neutral and Heather is kind of semantical meaning that this book of dogs is used as a header for this document. Our examples of this for example, there is two types of dogs some lorem ipsum I want to add lorem ipsum is strong and for example I will be dug from means bold it will receive a strong but there is a difference between them will look the same but song tells with this part offset of is most important, it is stressed and it is better to use such stocks as strong because we fail to search spider for rebel with this part of paragraph is most important the same is m m we want to emphasize some part of this sentence and it will look slightly the same and if you use I talk I talk is for it telic.

But it's more about how this party view look like, but not this important work. We want to emphasize it but As you can see, both of parts looks the same. But in this case with three boards emphasizes the fifth most important. The same as salon. So in this case and bold in equality, it's more about how the element rules how elements look like by default, using CSS rules. But it's preferable to use strong not be.

Em mode I go to show what text is most important in the sentence And one more thing I want to add. We should have looked into whether it's support for some title or for documentation. Some time sometimes it can be some part of Doc's issue presents head of our document. The main is the main part of the document. And we can have also footer. Its semantic part for the top part of the page.

And very soulful section we can use section block elements and there is also on the side it can be some block of information via logic is logically separated from our part of a main document but it's broken inside the main part in this example sometimes we can put some additional medication for example, in blog site or some banners or block text blocks which are not related to remain part of the document, but can be logically grouped into elements part of elements