博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
新增html元素的使用
阅读量:6472 次
发布时间:2019-06-23

本文共 1211 字,大约阅读时间需要 4 分钟。

今天学习HTML5中新增元素的使用

(Ⅰ)新增主体结构元素

Section元素:用于对网站或应用程序中的内容进行分块。

<section>

<h1></h1>

<p></p>

</section>

Article标签定义外部内容。

<article>

</article>

Time元素的使用

<p>

<time>

</time></p>

<p>

<time datetime=>

</time>

</p>

 

Ⅱ()新增非主体元素的使用

Header:是一种具有引导和导航作用的元素,通常用来放置整个页面或者页面内一个内容快标题。也包含表格,表单和相关logo图片。

<p id=”p1”>

<time datetime=”2013-3-13>

今天是2013年3月17日

</time>

</p>

 

<p id=”p1”>

<time datetime=”2013-3-13T17:00>

今天是2013年3月17日晚上五点

</time>

</p>

 

Footer元素的使用

<footer>

<ul>

<li></li>

<li></li>

</ul>

</time>

 

Address元素的使用

用来在文档中呈现联系信息, 包括文档作者和文档维护者的名字。以及他们的网站链接,电子邮件地址,电话号码等。

<address>

<a href=”….”></a>

</address>

 

Ⅲ()新增其他元素的使用

Mark元素的使用。用来对网页中的文字进行渲染,是文字更突出。

<p>…<mark></mark>…</p>

Progress元素的使用,表示运行的进程。可以使用progress显示javascript中耗费的时间函数进程。还可以表示下载的百分比。

对象下载进度

<progress>

<span id=”obgprogress”>76</span>%

</prgoress>

 

Command元素的使用

<menu>

<command οnclick=”alert(‘hello world!’)”>click me!</command>

</menu>

其他属性的使用:

属性

隶属性

意义

Reversed

Ol元素

制定列表倒序显示

Charset

Meta元素

为文档字符编码提供一种良好的方式

Type

Menu元素

让菜单可以以上下文菜单,工具条与列表菜单三种形式出现

Lable

Menu元素

为菜单定义一个可见的标注

Scoped

Style元素

用来规定样式的作用范围,比如只对某个数起作用

Async

Script元素

定义脚本是否异步执行

Manifest

Html元素

开发离线web应用程序时与api结合使用

Sand,srcdoc,seamless

Iframe元素

提高页面的安全性

 

转载于:https://www.cnblogs.com/miffees/p/5990419.html

你可能感兴趣的文章
WINFORM WPF字体颜色相互转换
查看>>
能力不是仅靠原始积累(三)
查看>>
实战:使用终端服务网关访问终端服务
查看>>
彻底学会使用epoll(一)——ET模式实现分析
查看>>
路由器的密码恢复
查看>>
【Android 基础】Android中全屏或者取消标题栏
查看>>
Xilinx 常用模块汇总(verilog)【03】
查看>>
脱离标准文档流(2)---定位
查看>>
IO流之字符流
查看>>
集合异常之List接口
查看>>
Softmax回归
查看>>
紫书 习题11-11 UVa 1644 (并查集)
查看>>
App工程结构搭建:几种常见Android代码架构分析
查看>>
使用openssl进行证书格式转换
查看>>
ZOJ 3777 Problem Arrangement
查看>>
虚拟机类加载机制
查看>>
Callable和Future
查看>>
installshield12如何改变默认安装目录
查看>>
少用数字来作为参数标识含义
查看>>
ScrollView中嵌套ListView
查看>>