HTML5梳理笔记整理

22. May 2017 笔记 0
  1. 并非所有的css属性均可继承,与元素外观(文字颜色,字体等)相关的样式会被继承,与元素在页面上布局相关的样式不会被继承,在样式中可以使用inherit强行继承。如:border:inherit;
  2. 每个meta元素只能用于一种用途,可在head元素中添加多个meta元素,meta 局部属性 name,content,charset,http-equiv(改写http表头字段) <meta http-equiv=”refresh” content=”2″ />每隔两秒刷新一次。<meta http-equiv=”refresh” content=”2;http://www.lezhi.ren” /> 两秒之后跳转到指定页面。
  3. <link rel=”prefetch” href=”test.html” /> 预先加载即将用到的资源。
  4. <script defer src=”test.js”></script> defer作用是等待浏览器解析完html标签以后再执行脚本。
  5. <script async=”async” src=”test.js”></script> 打破浏览器顺序解析,异步加载脚本,使用外部脚本和内容无关的情况。
  6. <table>标签标题 <caption>,布局标签<thead>,<tbody>,<tfoot>
  7. <colgroup span=“2”>前两列,<colgroup span=“2”>(在前面有colgroup设置的列数),第三四列。
  8. 布局活用<header>,<details>,<section>,<article>,<aside>,<address>,<footer>
  9. form 标签上传图片等媒体文件需要使用enctype=”multipart/form-data”,提升用户友好度,使用autocomplete=”on”,在input上添加autofocus=”autofocus” ,使input输入框自动获取焦点。
  10. form标签中使用<fieldset>对表单元素编组,使用<legend>添加说明标签。
  11. 在form外的元素,在form中添加id属性,为form外元素添加form属性如:<button form=”formName” type=”submit”>提交</button>。可以把外部元素和form元素关联在一起。