站点：前端开发文档原文：HTML元素原文：语义化标签HTML元素元素分类块级元素： div、h1-h6、hr、menu、ol、ul、li、dl、dt、dd、table、p、form自身属性为display: block;的元素，通常使用块级元素进行布局（结构）的搭建。块级元素的特点独占一行从上到下依次排列直接控制宽度、高度以及盒子模型的相关CSS属性不设置宽度，块级元素的宽度是它的父元素内容的宽度，高度是自身内容的高度可以嵌套行内元素ul/ol下面只能是li，dl下面只能是dt dd；p不能包含其他块级元素包括自身行内元素：span、a、strong、i、em，s、u，textarea、input、select，label、img、sup，sub自身属性为display: inline;的元素，通常使用行内元素进行文字、小图标（小结构）的搭建。块级元素的特点不独占一行，和其他内联元素从左到右在一行显示不能直接控制宽度、高度以及盒子模型的相关CSS属性，可以直接设置内外边距的左右值宽高由自身内容的大小决定（文字、图片等）只能容纳文本或其他内联元素（不能在内联元素中嵌套块级元素）CSS外链引入方式link是html标签，@import是css提供的方式，写在css文件或style标签中。加载顺序有区别，当一个页面被加载时，link引用的css文件会被同时加载，而@import引入的css文件会等页面全部下载完成后再加载。使用js控制DOM改变CSS样式，只能使用link标签，因为import不能被DOM控制。CSS命名规范头部：header内容：content/container尾部：footer导航：nav侧栏：sidebar栏目：column页面外围控制整体布局宽度：wrapper左右中：left right center登陆条：loginbar标志：logo广告：banner页面主体：main热点：hot新闻：news下载：download子导航：subnav菜单：menu子菜单：submenu搜索：search友情链接：friendlink页脚：footer版权：copyright投票：vote合作伙伴：partner滚动：scroll内容：content标签页：tab文章列表：list提示信息：msg小技巧：tips栏目标题：title加入：joinus指南：guild服务：service注册：register状态：status语义化标签尽量减少使用无意义标签，如span和div尽量不使用标签本身的CSS属性，如b、font、s需要强调的部分，使用strong、em表格搭建时，使用<thead>表格头部</thead>、<tbody>表格主体</tbody>、<tfoot>表格尾部</tfoot>列表搭建时，使用<ul>无序列表</ul>、<ol>有序列表</ol>、<dl>定义列表</dl>section：划分网页，表示页面中的一个内容区块，比如章节、页眉、页脚或页面其它部分。可以和h1，h2，h3…等其他标签结合使用，表示文档结构。hgroup：对整个页面/页面中的一个内容区块的标题进行组合。header：一个内容区块或整个页面的头部部分。footer：整个页面或页面区块的尾部。nav：页面中导航连接的部分。article：独立于内容其余部分的完整独立内容块。article元素专门为摘要设计。aside：表示article标签内容之外的，与article标签内容相关的辅助信息，aside元素被用于无关内容。应该与主内容分开的内容aside元素中的内容可以被独立开来而不会影响文档或section中主内容的含义可以用在主要内容相关的引用，如侧边栏、广告、nav元素组等aside的内容如果被删除，剩下的内容仍然很合理figure：表示一段独立的流内容，一般表示文档主体流内容中的一个独立单元（figure元素经常用于图片）figcaption：一个图例的说明figure元素的一个标题或相关解释使用figcaption时，最好是figure块的第一个或最后一个元素新增标签的兼容问题HTML5语义化标签在IE6-8下，默认当成行内元素展示。通过引入js解决IE9以下新增标签的兼容问题Forms新增input元素的种类：search：搜索输入框tel：电话号码输入框url：输入URL地址email：邮件输入框number：数字输入框rang：特定范围内的数值选择器color：颜色选择器 只在Opera和Blackberry浏览器datetime：显示完整日期和时间 UTC标准时间datetime-local：显示完整日期和时间time：显示时间month：显示月份week：显示周表单新特性：placeholder：输入框占位符，用作输入提示autocomplete：是否保存用户输入值，默认为on，关闭为offautofocus：自动聚焦required：此项必填，不能为空pattern：正则验证 pattern="\d{1,5}“form：加上form属性，表单元素可以放在页面的任意位置formnovalidate/novalidate：表示不需要验证表单，直接提交（novalidate用户form标签）formnovalidate用于submit类型的提交按钮表单验证validity对象，通过下面的valid可以查看验证是否通过oText.addEventListener(“invalid"fn1,false);valid：验证不通过时返回falsevalueMissing：输入值为空时typeMismatch：控件值与预期类型不匹配patternMismatch：输入值不满足pattern正则customError：不符合自定义验证setCustomValidity();自定义验证