1

1- html新增标签:

1.  表单标签 

• email:必须为邮箱号；
• url必须为url地址；
• number：必须输入数值；
• range：必须输入一定范围内的数值；
• Date Pickers：日期选择器；
• search：搜索常规的文本域；
• color：颜色；

     2.媒体标签

• video:视频;
• audio:银频;

2- h5新增布局标签:

•         <header> :表示页面中一个内容区或者一个页面的头部
•         <nav>    :标记导航链接;
•         <article>:页面中一块与上下文不相关的独立内容,比如一篇文章;
•         <aside>  :article元素内容之外的,与article元素内容相关的辅助信息;
•         <footer> :整个页面或者区域的底部,比如友情链接等.

3- 行内元素和块级元素的区别:

• 行内元素在一条直线上排列，都是同一行的，水平方向排列;块级元素独立成行, 默认的宽度占满父级元素,垂直方向排列;
• 块级元素可以包含行内元素和块级元素,行内元素不能包含块级元素;
• 行内元素设置width,height无效,可以设置line-height, margin,padding左右有效果,上下无效果,块级元素可以设置margin和padding属性;
  

4- 列举行内元素和块级元素标签:

1. 行内元素

• <a> <i> <span>  <img> <input> <select> <section >

        2. 块级元素

• <p> <div> <table> <ul> <li> <h1-h5>

5- 行内元素的margin,padding左右有效果,上下没有效果.

6 -readonly 和 disabled 的区别:

    用法:

    <input type="text" name="name"  value="name" disabled />

    <input type="text" name="name" value="name"  readonly />

     区别:

   disable和readonly都使显示的文本框无法输入文字;

   disable会使文本框变灰,提交表单时获取不到value值;   readonly 只是使文本框不能输入,样式没有变化,不会影响获取value值.

   readonly 只对input(text,password)和textarea有作用,disable对所有表单元素都有作用,包括select, radio, checkbox, button等。

7-哪些标签存在为元素？ 大部分双标签都有 iframe 没有 大部分单标签都没有 img 有

8- 伪元素不能用js操作,伪元素用在css渲染时向页面中添加的元素,不受文档约束,也不影响文档本身,只对最终样式产生影响,添加的内容不会出现在DOM中