如何理解HTML语义化?
解:一看这个标签就知道里面是要什么样的内容,简单来说,就是正确的标签做正确的事情。 比如:侧边栏就用 aside 标签, 导航栏就用 nav 标签, 段落就用 p 标签, 标题就是h系列的标签等等
为什么要用HTML语义化(语义化的好处)?
- 对人来说,有利于团队的开发和维护,更让人容易读懂代码。
- 对机器来说,有利于SEO,能让搜索引擎更容易读懂,方便其他设备解析。
meta viewport 是做什么用的。怎么写?
解答:
控制页面在移动端不要缩小显示
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no;">
//width=device-width 这句就是让浏览器的布局视口等于理想视口;
移动端的viewport可以分为三大类:
- 布局视口 layout viewport
- 视觉视口 visual viewport
- 理想视口
现在用的最多的是把meta标签中的content属性中的 width 设置为device-width 也就是让浏览器的布局视口等于理想视口,以及它还有其他设置 initial-scale:设置页面的初始缩放程度,.maximum-scale:设置了最大缩放程度(用户可放大的程度) 、user-scalable:是否阻止用户进行缩放。
H5 是什么?
个人理解:H5是一个网页,就像很大的容器,里面可以放文本,图片,音频等文件。H5这个词更像是产品名字。 反正不是HTML5