【HTML5】可以省略标记的元素

HTML5可以省略结束标记的元素

HTML5可以省略结束标记的元素 1.dd 2.dt 3.li 4.p 5.optgroup 6.option 7.rt 8.rp 9.thread 10.tfoot 11.tr 12.td 13.th…

HTML5可以省略全部标记的元素

HTML5可以省略全部标记的元素 1.body 2.colgroup 3.html 4.head 5.tbody…

HTML5不允许写结束标记的元素

HTML5不允许写结束标记的元素 1.area 2.base 3.br 4.col 5.command 6.embed 7.img 8.hr 9.keygen 10.link 11.meta 12.param 13.source 14.track 15.input 16.wbr…

如标题所示... <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Typ…

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中新的结构元素

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…

text-overflow 与 word-wrap:设置使用一个省略标记...标示对象内文本的溢出。

text-overflow 与 word-wrap text-overflow用来设置是否使用一个省略标记(...)标示对象内文本的溢出. 语法: 但是text-overflow只是用来说明文字溢出时用什么方式显示,要实现溢出时产生省略号的效果,还须定义强制文本在一行内显示(white-space:nowrap)及溢出内容为隐藏(overflow:hidden),只有这样才能实现溢出文本显示省略号的效果,代码如下: text-overflow:ellipsis; overflow:hidden…

疯狂html5演讲（两）：HTML5简经常使用的元素和属性（一个）:html5保留经常使用的元素

html5取出一小部分的元素和属性:主要删除的各种元素和属性与文档相关的风格.例<font>.width等待,html5建议规范css样式表来控制html文档样式. 1.基本元素 <html>.<head>.<title>.<body>.<style>.<h1>到<h6>.<p>.<br>.<hr>(定义水平线).<div>.<span>~~~ <…

读书笔记：《HTML5开发手册》--现有元素的变化

读书笔记:<HTML5开发手册>-- 现存元素的变化继续学习HTML5语义化的内容,今天主要介绍一下,HTML5之前的元素经HTML5规范后的语义及一些使用示例. 一.cite HTML5对cite元素的定义进行了很大的修改,在HTML4中,cite元素允许开发人员显示引用内容的作者或发言人. <cite>恺撒大帝</cite>曾经说过, <q>来,信,砍.</q> 然而,HTML5中的cite用来显示某个作品(书籍.诗歌)的标题.HTML5规…

读书笔记：《HTML5开发手册》-- 现存元素的变化

继续学习HTML5语义化的内容,今天主要介绍一下,HTML5之前的元素经HTML5规范后的语义及一些使用示例. 一.cite HTML5对cite元素的定义进行了很大的修改,在HTML4中,cite元素允许开发人员显示引用内容的作者或发言人. <cite>恺撒大帝</cite>曾经说过, <q>来,信,砍.</q> 然而,HTML5中的cite用来显示某个作品(书籍.诗歌)的标题.HTML5规范中还着重强调:人名并非作品标题的一部分.因此,可以用下面的代码:…

解决HTML5提出的新的元素不被IE6-8识别的解决办法

解决HTML5提出的新的元素不被IE6-8识别的解决办法  查看官网:https://www.techonthenet.com/html/elements/html5shiv.php…

HTML5新增的非主体结构元素

-------------------siwuxie095 HTML5 新增的非主体结构元素 1.header 元素 header 元素是一种具有引导和导航作用的结构元素,通常用来放置整个页面或页面内的一个内容区块的标题,但是也可以包含其它内容,如:数据表格.搜索表单.或相关的 logo 图片 2.footer 元素 footer 元素可以作为其上层父级内容区块或是…

table内容超出宽度时隐藏并显示省略标记

HTML中,一个表格,要达到二个条件: 1.内容多了不自动换行: 2.固定单元格宽度.如果内容超出,则隐藏: 如果在IE下,只是写成<table style="table-layout:fixed; overflow:hidden;"><tr><td nowrap>则可,而在FF下则不行.兼容IE和FF的写法,应该为:<table style="table-layout:fixed;"><tr>td st…

html5新增的主题结构元素

article元素 article元素代表文档.页面或应用程序中独立的.完整的.可以独自被外部引用的内容. 它可以是一篇博客或者报刊中的文章,一篇论坛帖子.一段用户评论或独立的插件. 或其他任何独立的内容. article元素使可以嵌套使用的. article元素可以用来表示插件. <article> <header> <h1>极客学院</h1> <p>hello,欢迎来到极客学院</p&g…

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中的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/HTML 4.01/XHTML 元素和有效的 DTD

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的表单input元素的新属性

知识点 <HTML5的表单input元素的新属性>,留待学习分享...  <!--<input type=email ....限制用户输入emain格式 url ....限制用户输入网址格式 data ....限制用户输入日期格式…

html5的结构标记与内联元素

<article>标签定义外部的内容(结构元素)<section>标签定义文档中的节(section,区段).比如章节,页眉,页脚或文档中的其他部分(结构元素)<nav>引导和导航内容链接<aside>定义页面内容之外的内容. aside的内容与article的内容相关.(结构元素)<meter>定义预定义范围内的度量.仅用于已知最大和最小值的度量(内联元素)<progress>定义任何类型的任务的进度.可以使用<progres…

学习笔记——关于HTML（含HTML5）的块级元素和行级（内联）元素总结

1.首先我们要知道什么是块级元素和行级(内联)元素? 块级(block)元素的特点: ①总是在新行上开始: ②高度,行高以及外边距和内边距都可控制: ③宽度缺省是它的容器的100%,除非设定一个宽度: ④它可以容纳内联元素和其他块元素. 内联(inline)元素的特点: ①和其他元素都在一行上: ②高,行高及外边距和内边距不可改变: ③宽度就是它的文字或图片的宽度,不可改变: ④内联元素只能容纳文本或者其他内联元素. 2.好的,我们来看看块级元素: div:文档节section:文档节nav:导…

HTML5系列二（标签元素、FileReader、拖放）

nav元素的使用场合页面中可以包含多个nav元素,通常情况下头部和尾部都会包含导航,这样提高了可访问性,访客能够清晰的将其辨认出来.nav元素是一个可以用来作为页面导航的链接组:其中的导航元素链接到其他页面或当前页面的其他部分. <nav> <ul> <li><a href="http://www.cnblogs.com">博客园</a></li> <li><a href="/home…

关于HTML（含HTML5）的块级元素和行级（内联）元素总结

1.首先我们要知道什么是块级元素和行级(内联)元素? 块级(block)元素的特点: ①总是在新行上开始: ②高度,行高以及外边距和内边距都可控制: ③宽度缺省是它的容器的100%,除非设定一个宽度: ④它可以容纳内联元素和其他块元素. 内联(inline)元素的特点: ①和其他元素都在一行上: ②高,行高及外边距和内边距不可改变: ③宽度就是它的文字或图片的宽度,不可改变: ④内联元素只能容纳文本或者其他内联元素. 2.好的,我们来看看块级元素: div:文档节section:文档节nav:导…

全栈JavaScript之路（二十）HTML5 插入 html标记（二）insertAdjacentHTML

insertAdjacentHTML(), 这种方法也是在IE中最早出现的.如今已纳入html5规范,它接受两个參数,一个是下列的标记之中的一个,一个是要写入的 html 代码文本. beforebegin , (英文为開始之前的意思)在当前元素之前插入一个新的紧邻的同辈元素 afterbegin,(英文为開始之后的意思)在当前元素之下插入一个子元素.或者是在当前元素的第一个子元素之前插入一个新的子元素. beforeend,(英文为结束之前的意思)在当前元素之后插入一个新的子元素,或者在当前…

HTML5的全新语义化元素

1.<section> <section>元素用来定义文档或应用程序中的区域(或节).例如,可以用它组织你的个人信息,一个<section>用于联系信息,另一个用于新闻动态.需要重点理解的是用它不是为了美化样式.如果你只想将某个元素包裹起来以便设置样式,那应该和以前一样继续使用<div>. 2.<nav> <nav>元素用来定义文档的主导航区域,其中的链接指向其他页面或当前页面的某些区域.因为<nav>用于主导航,所以严格…

[HTML5]块和内联元素的嵌套

块元素可以包含块或内联元素,但是内联元素只能包含其他内联元素.  <strong> <p>你不应该把p元素放在 "strong" 标签中.</p> </strong> strong:内联元素. p:块元素. 虽然html(超文本标记语言)规范是这么约定的,但实际这样是有效的,可以被浏览器解析. a标签,链接是唯一的例外,它是内联元素,也可以嵌套块元素,但要注意不要a标签嵌套a标签,这样的代码…

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的程序接口与元素变化

除了原先的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…

HTML5 source标签：媒介元素定义媒介资源

HTML5 source标签是一种媒介元素(比如 <video> 和 <audio>)来定义媒介资源.<source> 标签允许您规定可替换的视频/音频文件供浏览器根据它对媒体类型或者编解码器的支持进行选择. 这里主机吧给大家讲一下source标签的应用属性和实例. <source>标签属性: 属性值描述 media media query 规定媒体资源的类型. src url 规定媒体文件的 URL. type numeric value 规定媒体资源…

全栈JavaScript之路（十九）HTML5 插入 html标记（一）innerHTML 与outerHTML

在须要给文档插入大量的html 标记下.通过DOM操作非常麻烦,你不仅要创建一系列的节点,并且还要小心地依照顺序把它们接结起来. 利用html 标签插入技术,能够直接插入html代码字符串,简单.高效! 下面插入html标签相关的扩展已经纳入html5 规范. 1.innerHTML 属性 2.outerHTML 属性 3.insertAdjacentHTML 方法 innerHTML 属性有两种模式.写模式与读模式. 在读模式下,返回的是html 代码字符串. 比如: <div id=&quo…