day1

1-HTML新增标签
     1、header元素bai 
      表示du页面中一个zhi内容区块或真个页dao面的标题。
      2、hgroup元素 
      表示对真个页面或页zhuan面中的一个内容区块的标题进行组合。
      3、article元素 
      表示页面中一块与上下文不相关的独立内容。比如一篇文章。
      4、aside元素 
      表示article元素内容之外的、与article元素内容相关的辅助信息。
      5 、footer元素 
      表示整个页面或页面中一个内容区块的脚注。一般来说，他会包含创作者的姓名、创作日期以及创作者的联系信息。
2-H5 新增的布局标签有哪些？
      header标签：头部标签
      footer标签：底部标签
      section标签：区块标签
      aside标签：侧边栏标签
      nav（navigator）标签：导航标签
3-行内元素和块级元素的区别？
      行内元素会在一条直线上排列（默认宽度只与内容有关），都是同一行的，水平方向排列。
      块级元素各占据一行（默认宽度是它本身父容器的100%（和父元素的宽度一致），与内容无关），垂直方向排列。块级元素从新行开始，结束接着一个断行。
      块级元素可以包含行内元素和块级元素。行内元素不能包含块级元素，只能包含文本或者其它行内元素。
      行内元素与块级元素属性的不同，主要是盒模型属性上：行内元素设置width无效，height无效(可以设置line-height)，margin上下无效，padding上下无效
4-列举行内元素和块级元素的标签？
      行内元素a b br i input img
      块级元素div dd h1 form hr
5-行内元素的 margin 和 padding 可以设置吗？
      不可以
6-readonly 和 disabled 的区别
      1、readonly和disabled作用元素的范围不同
      disabled属性可以作用于所有的表单元素。
      readonly属性只对<input type="text">、<input type="number">、<textarea>和<input type="password">等可以输入的表单元素有效。
      2、readonly和disabled对元素的作用程度不同
      readonly属性只是将元素设置为只读，其他操作正常。可以获取焦点、失去焦点。而
      disabled属性直接阻止对元素的一切操作。例如获取焦点，点击事件等等。
      3、readonly和disabled对表单提交的作用不同
      disabled属性可以让表单元素的值无法被提交。
      readonly属性则不影响提交问题。
7-哪些标签存在为元素？
     大部分双标签都有 iframe 没有
     大部分单标签都没有 img 有
     使用jQuery
     使用 jQuery 的 before，after 方法：
     javascript
     $('.target').after('<img src="..." />');
     实际上，jQuery 只是在目标元素前后插入 dom 而已。
     伪造 content
     给 img 这类标签添加 content 属性，输入一些无意义的文本，让浏览器认为标签含有 content。
8-伪元素可以使用 js 来操作吗？为什么？
     伪元素 譬如::before和::after伪元素，用于在CSS渲染中向元素的头部或尾部插入内容，它们不受文档约束，也不影响文档本身，只影响最终样式。这些添加的内容不会出现在DOM中，仅仅是在CSS渲        染层中加入。它不存在于文档中，所以JS无法直接操作它。而jQuery的选择器都是基于DOM元素的，因此也并不能直接操作伪元素
     获取伪元素的属性值可以使用window.getComputedStyle()方法，获取伪元素的CSS样式声明对象。然后利用getPropertyValue方法或直接使用键值访问都可以获取对应的属性值。