HTML常考知识点和面试题

女爷i 2022-05-28 14:15 279阅读 0赞

1.  <meta charset="utf-8">//保证页面不会出现编码问题（乱码）
2.  <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user=saclable=no">//宽度等于设备宽度，初始化比例等于1，最大初始化比例等于1， user-scalable=no 将控制用户无法进行触屏扩大或缩小网页（适配移动端的第一步加上viewport，再针对手机屏幕大小调整）
3.  <base href="/">指定一个基础的路径
4.  HTML重要属性 a\[href,target\] , img\[src,alt\] , table td\[colspan,rowspan\] ,form\[target,method,enctype\] input\[type,value\]  button\[type\]     select>option\[value\]          label\[for\]
5.  label\[for\] 加for属性就可以点击文字进行选项，而不只是点击圆圈才能进行选项（可巧妙利用这个特点进行美化check-box）
6.  如果是axjx请求并不用通过submit提交，那还需要用form表单吗？答：不一定需要，但建议用。第一：可以利用submit,reset这样的特性，第二：例如JQuery中利用sa?方法获取整个表单所有的数据；第三：可以与一些验证组件配合使用进行表单验证；第四，当有form时浏览器可以记住用户的账户、密码，利于用户。
7.  HTML5新增内容：新区块标签：section article  nav  aside（广告）
8.  表单增强：日期、时间、搜索             表单验证（规定表单内容输入是否合法）   placeholder自动聚焦
9.  新增语义：header/footer 头尾        section/article 区域  （进入页面大纲）         nav 导航     aside 不重要内容（侧边栏）   em/strong 强调   i icon
10. 为什么a>div是合法的？不一定是合法的，取决于div前面的内容是什么（行内元素包含块级元素）答：透明内容模型，在计算内容模型的时候，这个元素本身不参与计算，所以body>a>div，去掉a就变成了body>div，这个是合法的。
11. p不能包含块级元素。p>a>div 会被浏览器解析为：<p><a></a></p>       <div><a></a></div>
12. doctype的意义是什么？1.让浏览器以标准模式渲染2.让浏览器知道元素的合法性
13. XTML XHTML HTML5的关系？HTML属于SGML，XHML属于XML，是HTML进行XML严格化的结果， HTML5不属于SGML或XML，比较宽松
14. HTML5有什么变化？新的语义化元素（header/footer/section/aside/article..）表单增强，新的API（离线、音视频、图形、实时通信、本地存储、设备能力）
15. em和i有什么区别？默认样式相同，em是语义化的标签，表强调，i是纯样式的标签，表斜体，在HTML5中表示图标：icon
16. 语义化的意义：开发者容易理解、机器容易理解（搜索引擎、读屏软件）、有助于SEO
17. 哪些元素可以自闭合。（表单元素input img br hr meta  link）
18. HTML 和 DOM 的关系？DOM是由HTML解析而来的，树形结构；JS可以维护DOM
19. attribute .property区别？
20. form的作用有哪些？