1.HTML基础

前端3大件
1.HTML结构
2.CSS样式
3.JS行为

//charset字符集
<meta charset="utf-8">
//viewport 屏幕代表页面的尺寸，content指定页面显示宽度
<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no">
//给标签一个基准路径
<base href="/">
//href  链接地址   target在哪里打开
<a href="" target=""></a>
//src 图片地址  alt当图片不可用的时候显示出来的文字
<img src="" alt=""/>
//表格
<table></table>
<td rowspan="" colspan=""></td>
//target表单提交到哪里   method post/get  enctype 主要指post编码方式
<form target="" method="" enctype=""></form>
//
<input type="text" value=""/>
//button普通按钮 submit提交按钮
<button type=""></button>
//下拉框
<select name="" id=""></select>
//label 可以和input的id属性关联
<label for=""></label>

//语义化的标签  http://h5o.github.io/
<section></section>
//侧边区块
<aside></aside>
//底部区块
<footer></footer>
<article></article>
<nav></nav>

//block 块级元素  独占一行  div  p section  aside  footer
//inline 行内元素  不会独占一行，根据内容计算占据尺寸   span em strong 
//inline-blodk  行内块级元素，不会独占一行，但是拥有宽高   select  input


//HTML的嵌套关系
  *块级元素可以包含行内元素
  *块级元素不一定可以包含块级元素   p不能包含div
  *行内元素一般不能包含块级元素     a可以包含块级元素
  a>div 是否合法取决于a前面的元素

//HTML的默认样式
  html是有默认样式的
  重置默认样式 CSS Reset  YUI  Normalize.css

//HTML面试真题
1.doctype的意义:让浏览器以标准模式渲染，让浏览器知道元素的合法性
2.HTML，XHTML，HTML5的关系
  HTML属于SGML
  XHTML属于XML，是HTML进行XML严格化的结果
  HTML5不属于SGML或者XML，比XHTML宽松
3.HTML5变化
  新的语义化的元素，表单增强，新的API（离线，音视频，图形，实时通信，本地存储，设备能力）
  分类和嵌套变更
4.em 和 i    em是语义化的标签，表示强调
5.语义化的意义？
  *开发者容易理解
  *机器容易理解结构（搜索，读屏软件）
  *有助于SEO
  *semantic microdata
6.哪些元素可以自闭和
  *input
  *img
  *br hr
  *meta link
7.HTML和Dom的关系
  *HTML是死的
  *DOM由HTML解析而来，是活的
  *JS可以维护DOM
8.property和attribute的区别(属性)
  *attribute是死的，写在html中
  *property是活的，dom元素的特性
  $0.value  property
  $0.getAttributr('value') attribute
9.form的作用
  *直接提交表单
  *使用submit/reset按钮
  *便于浏览器保存表单
  *第三方库可以整体提取值
  *第三方库可以进行表单验证