`
handonghandong
  • 浏览: 89042 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

HTML5相对于Html4以及之前的版本新增加的元素及属性汇总

阅读更多
1. <a>标签:
(1)media属性 规定目标URL的媒介类型,默认值:all
(2)ping属性 由空格分隔的URL列表,当用户点击该超链接时,这些URL会获得通知
2. <area>标签
    (1)ping属性:由空格分隔的URL列表,当用户点击时,这些URL获得通知
(2)type属性:规定目标URL的MIME类型
3. <article>HTML5新特性,属性有class,draggable,id,ref
4. <aside>HTML5新特性,属性有class,id,draggable,id,ref,title
5. <audio>HTML5新特性,例如<audio src="test.wav">,属性有autoplay:true or false
   controls:true 显示控件 end:numeric value定义何处停止播放。 loopend:循环播放停止的位置
   loopstart:循环播放的起始位置,playconunt:播放的次数 src:音频的Url start:播放开始的位置
6. <button> 属性:autofocus:true表示界面加载时获得焦点
7. <canvas> HTML5的新特性。 属性:height,width,class,ref,draggable,title
8. <command> HTML5新特性,定义命令按钮,如单选、复选或按钮。
   属性:checked:true or false; default:true or false; disabled:true or false
   hidden:true or false; icon:url,lable:command name; radiogroup:单选组的名称,定义该属性,需要将类型设为radio
   type:checkbox,command,radio
9. <datagrid>HTML5新特性,属性:disableed; multiple true:则可以再datagrid中选择一个以上的项目
10. <datalist>HTML5新特性,属性:data 供自动插入数据
11. <datatemplate>定义数据模板的一个容器,该元素必须有定义模板的子元素<rule>
12. <detail>HTML5新特性,定义元素细节,用户可以查看,或通过点击进行隐藏
    属性:open true:可见,默认为false
13. <dialog>定义标签的对话,HTML5新特性,对话中每个句子必须属于<dt>标签所定义的部分
如:<dialog>
  <dt>老师</dt>
  <dd>2+2 等于?</dd>
  <dt>学生</dt>
  <dd>4</dd>
  <dt>老师</dt>
  <dd>答对了!</dd>
</dialog>
<!DOCTYPE>在html4中有3个不同文档类型,在HTML5中只有一个:<!DOCTYPE HTML>
14. <embed> HTML5新特性,定义嵌入的内容,如插件。属性:height:嵌入的高度、
  src:嵌入的Url、type:嵌入的内容类型 width:嵌入的内容高度
15. <event-source>定义由服务器发送的事件来源,属性Src 其内容为"application/x-dom-event-stream"的源的Url
16. <fieldset>元素可将表单内的相关元素分组,属性disabled true:定义fieldset是否可见 form:TRUE定义该fieldset所属的一个或多个表单
17. <figure>用于对元素进行组合
18. <footer> HTML5新特性,定义section或document的页脚,典型地包括创作者姓名,时间等
18. <form>新属性:data:提供自动插入数据;replace:定义表单提交时所作的事情
19. <header>定义section或document的页眉
20. <html>新属性:manifest 为脱机使用缓存信息
21. <input>新增属性:autocomplete,inputmode:定义预期的输入类型,list:引用datalist元素,如果定义则下拉列表可用于输入字段传入值
max:输入字段最大值,min:最小值,replace:定义当表单提交时如何处理该字段,required:是否必须输入
22. <m>定义带有记号的文本,在需要突出显示文本时使用<m>
23. <meter>定义度量单位,仅用于已知最大和最小的度量
24. <nav>定义导航链接的部分
25. <nest>标签在数据模板中为子元素定义嵌套点,与<datatemplate>和<rule>元素一同使用
26. <output>定义不同类型的输出,如脚本的输出
27. <rule>定义更新数据模板的规则,与<datatemplate>和<nest>元素一起使用
属性:condition 定义将更新哪个元素,mode:数据模板拥有的模式
28. <section>定义文档中的节,如章节,页眉页脚
29. <select> 新属性:autofocus:true在页面加载时这个select字段获得焦点
data:供自动插入数据
30. <source>标签为媒介元素如<video>和<audio>定义媒介资源
属性:media:定义媒介资源类型,供浏览器是否下载,src:媒介的Url type:定义开始播放的位置
31. <time>定义时间或日期,或者两者 属性:datetime定义元素的日期和时间
32. <video>定义视频,如电影片段等,属性类似音频
0
0
分享到:
评论

相关推荐

    常用css属性汇总大全

    - `position`:控制元素的定位,`relative`相对于其正常位置,`static`为默认,`absolute`相对于最近的非static祖先元素定位。 - `visibility`:控制元素是否可见,`hidden`表示隐藏,`visible`为默认。 - `...

    DIV CSS的布局元素汇总.pdf

    `absolute`将元素从文档流中移除,相对于最近的已定位祖先元素或初始包含块定位。若无已定位祖先,则基于浏览器窗口。`fixed`则始终相对于浏览器窗口定位,常用于固定头部或侧边栏。 **浮动(float)**:`float`属性...

    Html知识点汇总.docx

    本文将对Html知识点进行总结和汇总,覆盖了Html的基本概念、标签、属性、语义化标签、实体字符、块元素、行内元素、图片标签、超链接、锚点链接、列表、表格、表单等知识点。 一、Html基本概念 Html是一种标记语言...

    js Table相同行合并,数量汇总

    这可能涉及修改HTML元素的属性,如`innerHTML`,或者创建新的`&lt;tr&gt;`和`&lt;td&gt;`元素。 在提供的文件中,`Table相同行合并,数量汇总.html`很可能是实现这一功能的示例代码,而`jquery-1.8.3.min.js`是jQuery库的引用,...

    Table相同行合并,数量汇总

    在IT领域,尤其是在Web开发中,我们经常需要处理表格(Table)数据,有时为了提高数据的可读性和清晰度,我们需要对表格中的相同行进行合并,并进行数量汇总。这个任务通常涉及到JavaScript(js)编程,因为...

    html和css知识点总结.docx

    CSS 中的尺寸单位有多种,如 `em`(相对于父元素字体大小)、`rem`(相对于根元素字体大小)以及像素(px)。`em` 和 `rem` 在响应式设计中非常有用,因为它们可以随着基础字体大小的变化而变化。 颜色设定: 颜色...

    参考手册汇总(HTML,css,js,php,jquery).rar

    CSS3增加了许多新特性,如选择器、过渡效果、动画、多列布局、响应式设计等,使得网页设计更加丰富多彩。 JavaScript是一种轻量级的解释型编程语言,常用于网页动态效果和交互。它是浏览器内置支持的,可以操作DOM...

    jquery汇总

    - **获取元素位置**:`$("#myid").offset()` 返回元素相对于文档的位置,包括`top`和`left`两个属性。 - **获取元素HTML内容**:`$("#myid").html()` 返回元素内部的HTML代码。 - **获取元素文本内容**:`$("#...

    前端面试汇总

    - **em**: 相对单位,相对于父元素字体大小。 **28. “reset” CSS文件** - **用途**: 清除浏览器默认样式差异,统一基础样式。 - **normalize.css**: 替代reset.css的一种方案,保留有用的部分默认样式。 **29. ...

    CSS基础测试,各种测试案例汇总

    4. 固定定位:元素相对于浏览器窗口定位,常用于制作固定头部或侧栏。 四、CSS选择器优先级 CSS选择器的优先级由权重决定,id选择器权重100,类选择器权重10,标签选择器权重1,内联样式权重1000。相同权重的选择器...

    前端面试题汇总

    - **Edge** (新版本): Blink(基于WebKit) - **IE** (Internet Explorer): Trident **2. Doctype是什么?** - **Doctype** 是文档类型声明,用于告知浏览器文档使用哪种 HTML 或 XHTML 规范。例如: ```html ...

    CSS知识汇总.docx

    1. 过渡(transition):通过`transition`属性实现元素属性变化的平滑过渡,如`transition: all 0.5s ease 0s`。 2. 动画(animation):通过`@keyframes`规则定义动画关键帧,然后用`animation`属性应用动画,如`...

    js技术中document对象技术汇总

    - `n`:是一个整数,表示相对于当前页面的位置。 - **示例**: ```javascript window.history.go(-1); // 后退一页 window.history.go(1); // 前进一页 ``` 以上就是关于JavaScript中`Document`对象的主要...

    JQuery 50个常用方法汇总

    15. **position()**:获取元素相对于其最近的定位父元素的坐标。 16. **width()** 和 **height()**:获取或设置元素的宽度和高度。 17. **data()**:存储和检索元素关联的数据。 18. **on()** 和 **off()**:绑定...

    2023最新前端面试题总结

    relative 和 absolute 可以使元素相对于父元素进行定位,fixed 可以使元素相对于浏览器窗口进行定位。 CSS 选择器优先级计算方法 CSS 选择器优先级计算方法可以使用!important、inline style、id 选择器、class ...

    前端面试题汇总【赠送】.pdf

    对于img标签,alt属性和title属性在SEO和用户体验方面有着不同的应用场景;strong和em标签虽然在视觉上效果相似,但在语义上却是不同的。这些细节问题经常在面试中被提及,所以要确保能够准确理解并表述出来。 5. ...

    互联网大厂超全前端面经汇总

    - **em**:相对于父元素的字体大小进行缩放,适用于局部调整,但计算复杂度较高。 #### 图片懒加载技术 - **基本原理**:初始时图片的`src`属性为空或指向占位符图像,在图片即将进入可视区域时,使用JavaScript...

    100个前端超经典实用的案例汇总

    可以利用HTML5的data属性存储多张图片信息,通过JavaScript来控制展示逻辑,或者使用成熟的库如Fancybox、Lightbox等。 4. 放大镜:在电商网站中,商品细节的放大镜效果十分常见。通过JavaScript和CSS,可以在鼠标...

    2017年前端面试题整理汇总100题.pdf

    ` 绝对定位,是相对于最近一个已定位的父元素定位的,如果没有则相对于初始化文档(html元素)。 - `position: fixed;` 固定定位,是相对于浏览器窗口进行定位的,一般用于固定页面某个元素在窗口中的位置。 - `...

Global site tag (gtag.js) - Google Analytics