From the course: Dreamweaver CC: Responsive Design with Bootstrap 4

Unlock the full course today

Join today to access over 22,600 courses taught by industry experts or purchase this course individually.

Use semantic markup

Use semantic markup - Dreamweaver Tutorial

From the course: Dreamweaver CC: Responsive Design with Bootstrap 4

Start my 1-month free trial

Use semantic markup

“

- [Instructor] A problem with building Bootstrap pages in Dreamweaver is that just about every type of content is wrapped in a div. Let's just take a look in the DOM panel. I've currently got selected the nav bar, and that's actually in an HTML5 semantic element, nav, but if we look at everything else, that's all in divs. So, here is the container with the rest of the page in it, that's a div, inside there is a row, which is a div. Inside there is a column, which is also a div, and then here's the row that contains all of the text content. If we expand that, all of the columns inside there are also divs. Once you start getting more and more content in your page, it can make it really difficult to find your way around. One solution is to assign an ID to important elements. Even better, in my opinion, is to use IDs in combination with HTML5 semantic elements. The Bootstrap grid is controlled by the classes that are applied to an element, not by the type of element itself. Now, I plan to…

Contents