HTML5中重新定义的 b 和 i 元素

HTML5强调元素的语义,而非表现.b和i元素是早期HTML遗留下来的产物,它们分别用于将文本变为粗体和斜体(那时CSS还未出现). 当时的规范建议编码人员用strong替代b,用em替代i.不过,事实证明,em和strong有时在语义上并不合适.为此,HTML5重新定义了b和i. HTML5没有创建一些新的语义化元素而是直接利用现有元素:em用于所有层次的强调,strong用于表示重要性,而其他情况则使用b和i. 这意味着,尽管b和i并不包含任何明显的语义,但读者仍能发现它们与周边文字的差别.…

html5中新增的非主体结构的元素

html5中出了新增了article.section.nav.aside.time主要结构元素外,还增加了一些表示逻辑结构或附加信息的非主体结构元素. 一.header元素 header元素是一种具有引导和导航作用的结构元素,通常用来放置整个页面或页面内的内容区块的标题,但也可以包含其他内容,例如数据表格.搜索表单或相关的LOGO图片. 二.footer元素 footer元素可以作为其上层父级内容区块或一个根区块的脚注.footer通常包括其相关区块的脚注信息,如作者.相关阅读链接以及版权信息等…

Html5中input新增的表单元素和属性介绍。

input标签主要用于Web表单的创建交互,以便接受来自用户的数据. 我们通过更改type属性的值,来实现不同的输入类型.在以前的写法中表单元素必须放在form元素所包含的里面,而在html5中,我们可以把它们写在页面上的任何一个地方,只需要给该元素增加一个form属性,form属性的值为form表单的id.例如: <form method="get" id="test"> <input type="text" name=&qu…

HTML5中form的新增属性或元素

1.新增的表单元素 1.1 progress表示任务的完成情况,常用于进度条. max 定义进度元素所要求的任务的工作量,默认值为1 value 定义已经完成的工作量,如果max值为1,该值必须是介于0~1之间的小数. <progress value="70",max="100">70%</progress> 1.2 output表示用户动作产生的结果. name 定义元素的名称 for 其他元素的id列表,表明这些元素为计算提供了输入值(或…

HTML5中已经不支持元素汇总，持续更新

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控制) :定义下划…

HTML5中的SVG

* SVG * 基本内容 * SVG并不属于HTML5专有内容 * HTML5提供有关SVG原生的内容 * 在HTML5出现之前,就有SVG内容 * SVG,简单来说就是矢量图 * SVG文件的扩展名为".svg" * SVG使用的是XML语法 * 概念 * SVG是一种使用XML技术描述二维图形的语言 * SVG的特点 * SVG绘制图形可以被搜索引擎抓取 * SVG在图片质量不下降的情况下,被放大 * SVG与Canvas的区别 * SVG * 不依赖分辨率 * 支持事件绑定 *…

html5中关于input使用方法的改变

測试环境:Firefox 10.0.Safari 5.1.Opera 11.61, Chrome 14.0.835.202 自己測试的时候都有写在form表单里,有提交button验证.由于对博客使用还不是非常熟练,发博文的时候仅仅有舍弃submit验证.大家在本地练习的时候能够写上submit验证,看各个浏览器的对这些新增的类型验证的差别. 一.新增的属性和属性值在HTML5中,大幅度地添加与改良了input属性的种类,能够简单的使用这些属性来实现之前须要使用JavaScript才干实现的.…

HTML5 中 40 个最重要的技术点

介绍我是一个ASP.NET MVC的开发者,最近在我找工作的时候被问到很多与HTML5相关的问题和新特性.所以以下40个重要的问题将帮助你复习HTML5相关的知识. 这些问题不是你得到工作的高效解决方案,但是可以在你想快速复习相关主题的时候有所帮助. 快乐地找工作. SGML(标准通用标记语言)和HTML(超文本标记语言),XML(可扩展标记语言)和HTML的之间有什么关系? SGML(标准通用标记语言)是一个标准,告诉我们怎么去指定文档标记.他是只描述文档标记应该是怎么样的元语言,HTML是…

HTML5 中的Nav元素详解

什么是Nav元素 Nav元素可以用作页面导航的链接组,在导航链接组里面有很多的链接,点击每个链接可以链接到其他页面或者当前页面的其他部分,并不是所有的链接组都要被放在nav元素里面,我们只需要把最主要的.基本的.重要的放在nav元素里面即可. 比如说页脚底部如果有个版权申明,我们就不建议使用nav元素,而是使用footer元素是最合适的.一个页面中我们可用多个nav元素作为整体或者不同部分的导航 nav元素的用法 <body> <h1>nav的使用方法</h1> <…

HTML5中DOM元素的querySelector/querySelectorAll的工作机制

在HTML5中,提供了强大的DOM元素选择API querySelector/querySelectorAll,允许使用JavaScript代码来完成类似CSS选择器的DOM元素选择功能.通常情况下,我们都是使用的document.querySelector/querySelectorAll来选择DOM元素,但是有些时候会使用DOM元素上的querySelector/querySelectorAll方法,此时就有些怪异了. 比如说,下面的这样一个HTML页面(示例页面中为了方面说明问题,我为每个…

第一章用HTML5中的结构元素构建网站

1.当一个容器需要直接定义样式或通过脚本定义行为时,推荐使用div元素而非section元素. 2.section是需要标题的,而nav或aside没有标题也是可以的. 3.html5轮廓工具 http://gsnedders.html5.org/outliner/ 4.HTML <header> 标签是html5中的新标签,表示页眉,如果要产生大纲要加<h1>,要和<head>区别开来. 5.在html5中body元素可以不写…

HTML5中新的结构元素

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中input元素新增的type值

在HTML5中,input元素的type值增加了不少,使input的功能强大了很多. 但在各大浏览器中并不是所有的type值都支持. 以下是比较有用.并且浏览器支持的稍好一些的值: type=color 颜色 type=date 日期(不包括时间) min:最小值 max:最大值 type=number 数字 min:最小值 max:最大值 step:改变数字时每一步的加减值 type=range 滑块 min:最小值 max:最大值 step:滑动时每一步的加减值 type=email 邮箱地…

html5中form表单新增属性以及改良的input标签元素的种类

在HTML5中,表单新增了一些属性,input标签也有了更多的type类型,有些实现了js才能实现的特效,但目前有些浏览器不能全部支持.下面是一些h5在表单和input标签上的一些改动. <!DOCTYPE html><html> <head> <title>表单测试</title> <meta charset="utf-8" />  &…

html5中不再支持的元素

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中progress/meter元素

html5中progress/meter元素一.总结一句话总结: progress元素:用来建立一个进度条 meter元素的作用:用来建立一个度量条,用来表示度量衡的评定 <progress value="19" max="100"></progress> <meter max="100" value="60" high="80" low="30">…

html5中的fieldset/legend元素和keygen元素

html5中的fieldset/legend元素和keygen元素一.总结一句话总结: fieldset/legend元素和figure和figcaption很像,只不过是作用于表单,前者表示内容,后者表示标题 keygen元素用来建立一个密钥生成器 1.keygen元素使用实例? form中放<keygen name="mykey">后,会让你选择加密方式,后台会收到加密后的表单信息 2.fieldset/legend元素使用实例? fieldset放在form中,l…

html5中output元素详解

html5中output元素详解一.总结一句话总结: output元素是HTML5新增的元素,用来设置不同数据的输出,没什么大用,了解即可 <form action="L3_01.html" method="get" oninput="num.value=parseInt(num1.value)+parseInt(num2.value)"> <input type="number" id="nu…

html5中section元素详解

html5中section元素详解一.总结一句话总结: section元素用来定义文章中的章节(通常应该有标题和段落内容) section元素的作用就是给内容分段,给页面分区 1.section元素和 div元素的区别是什么? div强调在形式上的独立性,section强调的是内容上的独立性,注意它的语义. section可以看做 <div id="section"></div> 2.article元素和section元素的区别是什么? article元…

html5中time元素详解

html5中time元素详解一.总结一句话总结: time的使用的话主要是将时间放在datetime属性里面:<time datetime="2015-10-22">文章发表于2015年10月22日</time> time作用主要是为了方便浏览器对时间数据的提取 1.HTML5中的 time元素微格式是什么? HTML5中的微格式,是一种利用HTML5中的新标签(比如time标签)对网页添加附加信息的方法,附加信息例如新闻事件发生的日期和时间,文章发表的…

HTML5中新增加的结构元素、网页元素和全局属性

HTML5新增的结构元素(新增的都是块元素,独占一行) 1) header 定义了文档的头部区域 <header> <h1>网站标题<h1> </header> 2) nav 定义导航链接的部分 <nav> <ul> <li>首页</li> <li>关于我们</li> <li>联系我们</li> </ul> </nav> 3) sectio…

HTML5中改变了哪些东西？

HTML5 推出的理由想要把目前web上存在的各种问题一并解决 Web浏览器之间的兼容性很低文档结构不够明确 Web应用程序的功能受到了限制 HTML5重新定义了浏览器的统一标准 HTML5 与 HTML4 的区别内容类型 HTML5的文件拓展名和内容类型保持不变,内容类型依然是 text/html DOCTYPE声明在HTML4中要明确指出是哪个版本在HTML5中只需要:<DOCTYPE html>,大小写都可以指定字符编码 HTML4中: <meta http-equiv…

html5中canvas的使用获取鼠标点击页面上某点的RGB

1.html5中的canvas在IE9中可以跑起来.在IE8则跑不起来,这时候就需要一些东西了. 我推荐这种方法,这样显得代码不乱.  需要谷歌的一个html5.js的文件即可. 注意:必须插入在<head></he…

html5中新增的form表单属性

html5中新增两个表单属性,分别autocomplete和novalidate属性 1.autocomplete属性该属性用于控制自动完成功能的开启和关闭.可以设置表单或者input元素,有两个属性值,当设置为on时,启动该功能:当设置off时,关闭该功能.启用该功能后,当用户在自动完成域开始输入时,浏览器就会在该域中显示填写的选项.用户每提交一次,就会增加一个用于选择的选项 <!DOCTYPE html> <html> <head lang="en"…

HTML5 中的 canvas 画布（一）

---恢复内容开始--- 在HTML5中新添加的元素,canvas 现在支持 IE9+的版本注意:HTML5 <canvas> 元素用于图形的绘制,通过脚本 (通常是JavaScript)来完成. <canvas> 标签只是图形容器,您必须使用脚本来绘制图形. 在使用canvas之前应该给用户说明必须是ie9+的版本,否则不支持. 绘制简单的直线 1.先获取画布 var canvas = document.getElementById('canvas'); 2.配置绘制的环境 v…

HTML5中引入的关键特性

新特性描述 accesskey 定义通过键盘访问元素的快捷键 contenteditable 该特性设置为true时,浏览器应该允许用户编辑元素的内容.不指定变化后的内容如何保存 contextmenu 定义menu元素的DOM id作为定义钙元素特性的上下文菜单 data-X 制定可以包含在标签中的用户定义的元数据,而不必担心这些元数据与当前的特性或者未来的特性冲突.使用这种类型的特性可以避免创建自定义特性或者过载class特性的常见方法 draggable 定义特性时,允许元素与其内容可以…

HTML5中与页面显示相关的API

1.HTML5中与页面显示相关的API 在HTML5中,增加了几个与页面显示相关的API,其中一个是Page Visibility API Page Visibility API 是指当页面变为最小化状态或者用户将浏览器标签切换到其他标签时会触发. Page Visibility API的使用场合如下: 一个应用程序中具有多幅图片的幻灯片式的连续播放功能,当页面变为不可见状态(最小化状态或者将用户浏览器标签切换到其他标签时),图片停止播放,当页面变为可见状态时,图片继续播放. 在一个实时显示服…

HTML5中新添加事件

HTML5中新添加了很多事件,但是由于他们的兼容问题不是很理想,应用实战性不是太强,所以在这里基本省略,咱们只分享应用广泛兼容不错的事件,日后随着兼容情况提升以后再陆续添加分享.今天为大家介绍的事件主要是触摸事件:touchstart.touchmove和touchend. 一开始触摸事件touchstart.touchmove和touchend是iOs版Safari浏览器为了向开发人员传达一些信息新添加的事件.因为iOs设备既没有鼠标也没有键盘,所以在为移动Safari浏览器开发交互性网页的时…

html5中的大纲

html5中的大纲前言: 在html5中我们可以使用结构元素来编排一份大纲,这样我们就可以通过这个网页的大纲来了解网页中有哪些内容,网页中以什么样的形式来组织这些内容有更清楚的认识. 1.html5大纲分析工具网址:https://gsnedders.html5.org/outliner/ 2.分析一个网站的大纲,找到出现Untitled Section的原因并解决例如: <!DOCTYPE html> <html> <head> <meta charset…

HTML5中的canvas基本概念及绘图

* Canvas(画布) * 基本内容 * 简单来说,HTML5提供的新元素<canvas> * Canvas在HTML页面提供画布的功能 * 在画布中绘制各种图形 * Canvas绘制的图形与HTML页面无关 * 无法通过DOM获取绘制的图形 * 无法为绘制的图形绑定DOM事件 * 只能使用Canvas提供的API * Canvas用途 * 在HTML页面中绘制图表(例如柱状图.饼状图等) * 网页游戏 - Flash技术 * 使用HTML5中的Canvas * 如何使用Canvas * 在…

【HTML5中重新定义的 b 和 i 元素】的更多相关文章