一.废弃的标签和属性 1.表现性元素 a) basefont b) big c) center d) font e) strike f) tt 2.框架类元素 a) frame b) frameset c) noframe 3.其他元素 a) acronym  -- 可以用 abbr 取代 b) applet  --  可以用 object 代替 c) isindex  --  可以用表单控件代替 d) dir  --  可以用 ul 代替 4.属性 ID 对应元素 属性名称 01 link,…
tml5相比html4,添加了部分语义化的标签和属性,现在我们就从这些标签和属性开始,学习html5吧. 首先,认识下HTML5新的文档类型: <!DOCTYPE html> 那些新标签 格式 <bdi> 定义文本的文本方向,使其脱离其周围文本的方向设置 <mark> 定义有记号的文本 <meter> 定义预定义范围内的度量 <progress> 定义任何类型的任务的进度 <rp> 定义若浏览器不支持ruby元素显示的内容 <r…
收集总结的HTML5的新特性,基本除了IE9以下都可以使用. HTML5语法 大部分延续了html的语法 不同之处:开头的 <!DOCTYPE html> <html lang="zh-CN"> <meta charset="utf-8"> 字符编码变得简洁, 不区分大小写, 添加了布尔值,类似checked,selected 引号可以省略,但是编码规范来说,不建议, 有可以省略结束符的标签,和完全省略的标签应用. 增加标签: 1…
一.关于DTD HTML5 不基于 SGML,所以不需要引用 DTD(HTML 4.01 基于 SGML) 二.HTML5结构标签 <header> 标记定义一个页面或一个区域的头部 <nav> 标记定义导航链接 <section> 标记定义一个区域 <aside> 标记定义页面内容部分的侧边栏 <article> 标记定义一篇文章 <hgroup> 标记定义文件中一个区块的相关信息 <figure> 标记定义一组媒体内容…
声明 Web 世界中存在许多不同的文档.只有了解文档的类型,浏览器才能正确地显示文档. HTML 也有多个不同的版本,只有完全明白页面中使用的确切 HTML 版本,浏览器才能完全正确地显示出 HTML 页面.这就是 <!DOCTYPE> 的用处. <!DOCTYPE> 不是 HTML 标签.它为浏览器提供一项信息(声明),即 HTML 是用什么版本编写的. 在 HTML 4.01 中,<!DOCTYPE> 声明引用 DTD,因为 HTML 4.01 基于 SGML(标准…
placeholder placeholder是input中的属性,就是默认输入的text,当用户输入时,text会被清空. 用法 <input type ="text" placeholder="hello,testor" />…
知识说明: HTML5新增的canvas标签,通过创建画布,在画布上创建任何想要的形状,下面将canvas的API以及属性做一个整理,并且附上时钟的示例,便于后期复习学习!Fighting! 一.标签原型 <canvas width=”1000” height=”1000” id=”myCanvas”> 您的浏览器版本过低,不支持HTML5新增的canvas标签. </canvas> 使用js获取该画布,并指定对象 <script> Var canvasID = doc…
知识说明: 比不上很牛的前端开发人员,但自始至终明白“万丈高楼平地起”,基础最重要,初学HTML5,稳固基础第一步,把最基本的整理下来,留下自己学习的痕迹.HTML5新增的video标签,将其属性以及API使用整理下来,无论以后用不用得到,都是自己的一笔宝贵的财富. Video标签: 一.video支持视频格式: 以下是三种最常用的格式 1. ogg格式:带有Theora视频编码(免费)+Vorbis音频编码的Ogg文件(免费) 支持的浏览器:firefox.chrome.opera 2. MP…
HTML5已经盛行有段时间了,对于标签的使用,按照规范,哪些该用,哪些不该用,你是否都掌握了呢.今天我在这里详细列举下: 新增的结构标签 section元素 表示页面中的一个内容区 块,比如章节.页眉.页脚或页面的其他部分.可以和h1. h2……等元素结合起来使用,表示文档结构.例:HTML5中<section>……</section>:HTML4 中<div> ……</div>. article元素 表示页面中一块与上下文不相关的独立内容.比如一篇文章.…
一份模板: <body> <header> <hgroup> <h1>Page title</h1> <h2>Page subtitle</h2> </hgroup> </header> <nav> <ul> Navigation... </ul> </nav> <section> <article> <header>…