html样式属性明细要点.docVIP

Html语义化标记元素： Header:标记头部区域的内容（用于整个页面或页面中的一块区域） Footer:标记脚部区域的内容（用于整个页面或者页面中的一块区域） Section:web页面中的一块区域 Article:独立的文章内容。 Aside:相关内容或者引文。 Nav:导航类辅助内容。 Html5新功能元素： Hgroup ：用于对整个页面或页面中一个内容区块的标题进行组合。=div Figure :表示一段独立的流内容，一般表示文档主体流内容中的一个独立单元。使用figcaption可为figure添加标题。=dl Video ：定义视频。 Audio:定义音频。 Embed:插入各种多媒体，midi/wav/aiff/au/mp3。 Mark:主要用来在视觉上向用户呈现那些需要突出显示或者高亮显示的文字。在搜索结果中向用户高亮显示搜索关键词。 Time:表示日期或时间，也可以同时表示两者。 Canvas:表示图形，如图表和其他图像。这个元素本身没有行为，仅提供一块画笔，但它把一个绘图api展现给客户端javascript,一时脚本能够把想绘制的东西绘制在这块画布上。 Output:不同类型的输出。 Source:定义媒介资源。 Menu:菜单列表。 Ruby:注释。 Rt:字符解释或发音。 Rp:ruby中使用，定义ruby不显示内容。 Wbr:自动换行。 Commmand:命令按钮。 Details：细节信息。与summary配合。 Datalist：可选数据下拉列表，与input配合。 Datagrid:可选数据树状列表。 Keygen:生成密匙。 Progress：显示运行进程中耗费时间的函数进程。 Email: Url:url地址的文本输入框 Number:输入数值的文本框 Range:范围文本框 Date pickers:date,month,week,time,datetime,datetime-local Html5全局属性： Contenteditable:允许在线编辑元素中的内容。True or false.可继承。 Designmode:指定整个页面是否可编辑。On or off. Hidden:隐藏元素。True or false. Spellcheck:针对input (type=text) 和textarea提供。True or false. Tabindex:表示控件是第几个被访问的。 Html5其他功能： Queryselector( ， ，)/queryselectorall( ，) :查找返回匹配的第一个元素/所有匹配的元素。 一、Html5元素分类：新增27，废弃16 1、结构性元素：上下文结构定义，确保html的完整性 Section:区域章节 Header:页面主体的头部 Footer:页面的页脚 Nav:菜单导航，连接导航 navigator Article:文章主体内容，集中显示区域。 2、块级元素：web页面区域的划分 Aside:表达注记、贴士、侧栏、摘要、插入的引用。 Figure:对多个元素组合并展示，常与figcaption连用。 Code:一段代码块 Dialog:表达人与人之间的对话。Dt,dd dt:说话者，dd:说话者内容。 3、行内语义性元素： web页面具体内容的引用和表述 Meter:特定范围的数值：工资，数量，百分比 Time:时间值 Progress:进度条 Video:视频元素 Audio:音频元素 交互性元素：功能性内容和数据的关联 Details:表示具体内容，通过与legend交互才会显示 Datagrid:控制客户端数据与显示，由动态脚本更新。 Menu:交互菜单 Command:处理命令按钮 构建主体内容 Article:标识文章，可嵌套，或插入插件。强调独立性、完整性。 Section:给内容分段（div注重结构的独立性，布局大块，section注重内容的独立性，必须有标题）强调相关性。 Nav:传统导航条，侧边导航条，页内导航，翻页操作。 Aside: 当前页面的附属信息。包含在article中。 Time:datetime属性中日期与时间爱你用T分隔，z表示向机器编码另一地区的时间，时差。time datetime=2012-11-13T20:00+09:00我生日的晚上8点的美国时间/time Head:可包含hgroup/table/form/nav。 Hgroup：给标题分组. Footer:添加脚本，可以嵌入应用。 Address:定义联系信息。 设计大纲 显示编排：是指明确使用构建主体元素。 隐式编排：如用div 实战html5表单 input类型： Email： U