Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

HTML Introduction to HTML and CSS (2016) HTML: The Structural Foundation of Web Pages and Applications The Basic Structure of a Web Page

Sam Katz
Sam Katz
2,986 Points

difference between html and xhtml and questions about viewport

I was sent here by Treehouse because they thought I needed the review after making my way through most of a responsive design layout course and not understanding flexbox.

I may need the review, I may not. Treasure says she isn't going to cover meta tags. Does that mean she won't cover viewport width?

also, what makes xhtml different from html5?

flexbox is only to set the position, and about viewport is only to use for mobile cellphone, to small screen, I hope help you ..

6 Answers

As far as I know (which is not much) xhtml requires you to close your tags like link tags or meta tags so not just going <link rel='' href=''> but going <link rel='' href='' />

html is more user friendly than xhtml which employs strict validation for better understand just see w3school where its defined much simpler

Kevin Lawler
seal-mask
.a{fill-rule:evenodd;}techdegree
Kevin Lawler
Full Stack JavaScript Techdegree Student 5,929 Points

I'm not in your program Sam, but I would do the video review. It only takes a small amount of your week, and then you'll be set!

I don't know Treasure's curriculum, but I value Treehouse's opinion. They only want you to succeed, so ask.

please write back about your situation!

meta tags are used for metadata (data about the web page that isn't displayed to the user), but may include things to tell the browser to behave differently (like Internet Explorer using a particular compatibility mode or the latest features available, or mobile devices to use the full-screen width and not zoom out).

Viewport width is generally handled with media queries in CSS, i.e. responding to different widths, and is part of the foundation of responsive design.

Sam Katz
Sam Katz
2,986 Points

why does she set the viewport width in the head like that? I did the entire course, and it never came up. what's the best one for starting to learn responsive design?

Sorry, I should have been more clear, when I mentioned the meta tag to use the full screen width of a device and not zooming out, that was in reference to the meta viewport tag. Here's a quick explanation on CSS Tricks: https://css-tricks.com/snippets/html/responsive-meta-tag/