HTML常考知识点和面试题

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

HTML常考知识点和面试题

猜你喜欢