HTML5/HTML 4.01/XHTML 元素和有效的 DTD 下面的表格列出了所有的 HTML5/HTML 4.01/XHTML 元素,以及它们会出现在什么文档类型 (DTD) 中: 标签 HTML5 HTML 4.01 / XHTML 1.0 XHTML 1.1 Transitional Strict Frameset <a> Yes Yes Yes Yes Yes <abbr> Yes Yes Yes Yes Yes <acronym> No Yes Yes Y…
HTML5/HTML 4.01/XHTML 元素和有效的 DTD 下面的表格列出了所有的 HTML5/HTML 4.01/XHTML 元素,以及它们会出现在什么文档类型 (DTD) 中: 标签 HTML5 HTML 4.01 / XHTML 1.0 XHTML 1.1 Transitional Strict Frameset <a> Yes Yes Yes Yes Yes <abbr> Yes Yes Yes Yes Yes <acronym> No Yes Yes Y…
HTML5中新的结构元素 1. HTML5初始文件 1.1.doctype 在之前,doctype的声明是这样的: "http://www.w3. org/TR/html4/strict.dtd"> doctype称作文档类型声明(Document Type Definition),它总是作为HTML文件的第一行.doctype是WEB标准要求的一部分,用来告诉浏览器如何处理文档,这也是将其放在HTML文件第一行的原因所在. 如果不写doctype,浏览器就进入怪异模式(quir…
html5取出一小部分的元素和属性:主要删除的各种元素和属性与文档相关的风格.例<font>.width等待,html5建议规范css样式表来控制html文档样式. 1.基本元素 <html>.<head>.<title>.<body>.<style>.<h1>到<h6>.<p>.<br>.<hr>(定义水平线).<div>.<span>~~~ <…
读书笔记:<HTML5开发手册>-- 现存元素的变化 继续学习HTML5语义化的内容,今天主要介绍一下,HTML5之前的元素经HTML5规范后的语义及一些使用示例. 一.cite HTML5对cite元素的定义进行了很大的修改,在HTML4中,cite元素允许开发人员显示引用内容的作者或发言人. <cite>恺撒大帝</cite>曾经说过, <q>来,信,砍.</q> 然而,HTML5中的cite用来显示某个作品(书籍.诗歌)的标题.HTML5规…
继续学习HTML5语义化的内容,今天主要介绍一下,HTML5之前的元素经HTML5规范后的语义及一些使用示例. 一.cite HTML5对cite元素的定义进行了很大的修改,在HTML4中,cite元素允许开发人员显示引用内容的作者或发言人. <cite>恺撒大帝</cite>曾经说过, <q>来,信,砍.</q> 然而,HTML5中的cite用来显示某个作品(书籍.诗歌)的标题.HTML5规范中还着重强调:人名并非作品标题的一部分.因此,可以用下面的代码:…
HTML5的新的结构元素介绍 一.HTML5与HTML4的区别 1. 取消了一些过时的HTML4的标签 其中包括纯粹显示效果的标记,如<font>和<center>,它们已经被 CSS完全取代. 其他取消的属性:acronym, applet, basefont, big, center, dir, font, frame, frameset, isindex, noframes, strike,tt 2. 添加了一些新的元素 更加智能的表单元素:date, email, url等…
解决HTML5提出的新的元素不被IE6-8识别的解决办法 <!--[if lt IE 9]> <script type="text/javascript" src="js/html5shiv.js"></script> <![endif]-->   查看官网:https://www.techonthenet.com/html/elements/html5shiv.php…
-------------------siwuxie095                                 HTML5 新增的非主体结构元素         1.header 元素     header 元素是一种具有引导和导航作用的结构元素,通常 用来放置整个页面 或 页面内的一个内容区块的标题,但是 也可以包含其它内容,如:数据表格.搜索表单.或相关的 logo 图片             2.footer 元素     footer 元素可以作为其上层父级内容区块 或 是…
article元素 article元素代表文档.页面或应用程序中独立的.完整的.可以独自被外部引用的内容. 它可以是一篇博客或者报刊中的文章,一篇论坛帖子.一段用户评论或独立的插件. 或其他任何独立的内容. article元素使可以嵌套使用的. article元素可以用来表示插件. <article>      <header>           <h1>极客学院</h1>           <p>hello,欢迎来到极客学院</p&g…
html5中不再支持的元素:1.acronym(建议abbr) : 定义首字母缩写2.applet(建议object): 定义 applet3.basefont(使用css控制)4.big(使用css控制) :定义大号文本5.center(使用css控制): 定义居中的文本6.font(使用css控制)7.strike(使用del) :定义加删除线的文本8.tt(使用css控制): 定义打字机文本.9.u(使用css控制) :定义下划线文本10.frame(建议iframe): 定义子窗口(框架…
html5中的fieldset/legend元素和keygen元素 一.总结 一句话总结: fieldset/legend元素和figure和figcaption很像,只不过是作用于表单,前者表示内容,后者表示标题 keygen元素用来建立一个密钥生成器 1.keygen元素使用实例? form中放<keygen name="mykey">后,会让你选择加密方式,后台会收到加密后的表单信息 2.fieldset/legend元素使用实例? fieldset放在form中,l…
知识点 <HTML5的表单input元素的新属性>,留待学习分享... <!-- HTML5的表单input元素的新属性 Autocomplete:自动完成功能 Autofocus:自动获取焦点 Form:所属表单 Required:必填 Pattern:验证input的模式 placeholder:提示 --> <!--<input type=email ....限制用户输入emain格式 url ....限制用户输入网址格式 data ....限制用户输入日期格式…
HTML5 source标签是一种媒介元素(比如 <video> 和 <audio>)来定义媒介资源.<source> 标签允许您规定可替换的视频/音频文件供浏览器根据它对媒体类型或者编解码器的支持进行选择. 这里主机吧给大家讲一下source标签的应用属性和实例. <source>标签属性: 属性 值 描述 media media query 规定媒体资源的类型. src url 规定媒体文件的 URL. type numeric value 规定媒体资源…
一.HTML 元素 HTML 元素以开始标签起始 HTML 元素以结束标签终止 元素的内容是开始标签与结束标签之间的内容 某些 HTML 元素具有空内容(empty content) 空元素在开始标签中进行关闭(以开始标签的结束而结束) 大多数 HTML 元素可拥有属性 嵌套的 HTML 元素  HTML 文档由嵌套的 HTML 元素构成. <!doctype html> <html> <body> <p>这是第一段</p> </body&…
1.<section> <section>元素用来定义文档或应用程序中的区域(或节).例如,可以用它组织你的个人信息,一个<section>用于联系信息,另一个用于新闻动态.需要重点理解的是用它不是为了美化样式.如果你只想将某个元素包裹起来以便设置样式,那应该和以前一样继续使用<div>. 2.<nav> <nav>元素用来定义文档的主导航区域,其中的链接指向其他页面或当前页面的某些区域.因为<nav>用于主导航,所以严格…
1.首先我们要知道什么是块级元素和行级(内联)元素? 块级(block)元素的特点: ①总是在新行上开始: ②高度,行高以及外边距和内边距都可控制: ③宽度缺省是它的容器的100%,除非设定一个宽度: ④它可以容纳内联元素和其他块元素. 内联(inline)元素的特点: ①和其他元素都在一行上: ②高,行高及外边距和内边距不可改变: ③宽度就是它的文字或图片的宽度,不可改变: ④内联元素只能容纳文本或者其他内联元素. 2.好的,我们来看看块级元素: div:文档节section:文档节nav:导…
nav元素的使用场合 页面中可以包含多个nav元素,通常情况下头部和尾部都会包含导航,这样提高了可访问性,访客能够清晰的将其辨认出来.nav元素是一个可以用来作为页面导航的链接组:其中的导航元素链接到其他页面或当前页面的其他部分. <nav> <ul> <li><a href="http://www.cnblogs.com">博客园</a></li> <li><a href="/home…
HTML5中已经不支持以下的元素,不建议在进行开发时再使用以下的元素. 1.acronym(建议abbr) : 定义首字母缩写 2.applet(建议object):  定义 applet 3.basefont(使用css控制) 4.big(使用css控制) :定义大号文本 5.center(使用css控制): 定义居中的文本 6.font(使用css控制) 7.strike(使用del) :定义加删除线的文本 8.tt(使用css控制): 定义打字机文本. 9.u(使用css控制) :定义下划…
除了原先的DOM接口,HTML5增加了更多API,如:1. 用于即时2D绘图的Canvas标签2. 定时媒体回放3. 离线数据库存储4.文档编辑5. 拖拽控制6. 浏览历史管理元素变化新的解析顺序新的元素:section, video, progress, nav, meter, time, aside, canvasinput元素的新属性:日期和时间,email, url.新的通用属性:ping, charset, async全域属性:id, tabindex, repeat.移除元素:cen…
什么是 Canvas? HTML5 的 canvas 元素使用 JavaScript 在网页上绘制图像. 画布是一个矩形区域,您可以控制其每一像素. canvas 拥有多种绘制路径.矩形.圆形.字符以及添加图像的方法. 创建 Canvas 元素 向 HTML5 页面添加 canvas 元素. 规定元素的 id.宽度和高度: <canvas id="myCanvas" width="200" height="100"></canv…
meta元素可以用来定义文档的各种元数据.他有很多种用法,一个HTML文档可以包含多个meta元素. meta元素在HTML5中的变化 charset属性是HTML5中新增的.在HTML4中,http-equiv属性可以有任意多个不同值.而在HTML5中则有限制.此外,现在已不再使用meta元素来指定网页所用的语言. meta元素用法 1.name和content属性 name属性用来表示元数据的类型,content属性用来提供值. meta元素可以使用几种预定义元数据类型.如下: applic…
HTML元素汇总,包含HTML4元素和HTML5新增元素.Y表示有变化,N则表示没有变化,N/A表示未知 文档和元数据元素 包括说明HTML文档的结构,向浏览器说明文档的情况,定义脚本程序和css样式,提供浏览器禁用脚本时要显示的内容 文本元素 文本元素用来为内容提供基本的结构和含义 内容分组元素 划分内容元素 用于划分内容,让每个概念.观点或主题彼此隔开. 制表元素 用于制作显示数据的表格 表单元素 创建HTML表单,一遍获取用户输入的数据 嵌入内容元素 未实现的元素…
1.首先我们要知道什么是块级元素和行级(内联)元素? 块级(block)元素的特点: ①总是在新行上开始: ②高度,行高以及外边距和内边距都可控制: ③宽度缺省是它的容器的100%,除非设定一个宽度: ④它可以容纳内联元素和其他块元素. 内联(inline)元素的特点: ①和其他元素都在一行上: ②高,行高及外边距和内边距不可改变: ③宽度就是它的文字或图片的宽度,不可改变: ④内联元素只能容纳文本或者其他内联元素. 2.好的,我们来看看块级元素: div:文档节section:文档节nav:导…
1.表单内元素的form属性 在html4中,表单内的从属元素必须书写在表单内部, 而在html5中,可以把他们书写在页面上任何地方, 然后为该元素指定一个form属性,属性值为该表单的id,这样就可以声明该元素从属于表单了. <form id="testform">      <input type="text"> </form> <textarea form="testform"></te…
HTML5元素周期表 详情见:http://www.xuanfengge.com/funny/html5/element/…
1.header元素 定义HTML文档的页眉,是一种具有引导和导航作用的结构元素 <header> <h1>header元素</h1> <nav> <ul> <li><a href="www.baidu.com">主页</a></li> <li><a href="www.baidu.com">baidu</a></li…
1 搭建HTML5开发环境 1 安装一款支持HTML5的浏览器 FireFox, Chrome 2 开发工具 SublineText, Eclipse, HBuilder, WebStorm 注:使用HBuilder需要注册账号,可以使用以下账户登陆: xpws2000@qq.com 123welcome 3 调试工具 IE下的调试工具WebDeveloper Tool(F12) FireFox下的调试工具FireBug, HttpRequester 2 常用代码 one.html <!DOCT…
块元素可以包含块或内联元素,但是内联元素只能包含其他内联元素. <!-- 无效代码! :-( --> <strong> <p>你不应该把p元素放在 "strong" 标签中.</p> </strong> strong:内联元素. p:块元素. 虽然html(超文本标记语言)规范是这么约定的,但实际这样是有效的,可以被浏览器解析. a标签,链接是唯一的例外,它是内联元素,也可以嵌套块元素,但要注意不要a标签嵌套a标签,这样的代码…
关键字:HTML5, Drag&Drop, JavaScript, CSS 运行环境:Chrome <!DOCTYPE html> <html> <head> <title>example</title> <style type="text/css"> .main-area { margin-left: 10%; margin-right: 10%; min-width: 600px; } ul { pad…