您好!欢迎来到静学网! 注册 登入
  • 致力中国及国外独立搜索引擎技术及第三方网站搜索引擎SEO排名研究

html中<mark>标签和及<meter> 标签的使用详解

课程目录 卢育永 次浏览
以m为开头的标签页并不多,主要有<mark>标签、<meter> 标签、<meta>标签、<menuitem>标签、<menu>标签、<map>标签、<main>标签,其中<map>标签已经讲过,我们简单讲一下这些标签的使用,因为有些标签已经被弃用,所以也没有必要去费那么时间。<mark>标签是标记的意思,也就是被标记的文字有底纹,呈现黄色;<main>标签是主要的意思,值得注意的是在一个文档中,不能出现一个以上的 <main> 元素。<main> 元素不能是以下元素的后代:<article>、<aside>、<footer>、<header> 或 <nav>;<meter>标签是长度单位米的意思,其实就是一个数字标签,字体稍微被改变;<meta>标签是页面信息标记,针对搜索引擎及页面主题而采用的标签,比如针对搜索引擎和更新频度的描述和关键词,其属性有(name 、http-equiv【比如当服务器向浏览器发送文档时,会先发送许多名称/值对。虽然有些服务器会发送许多这种名称/值对,但是所有服务器都至少要发送一个:content-type:text/html。这将告诉浏览器准备接受一个 HTML 文档。】、content);<menu>标签貌似所有主流浏览器都不兼容,定义命令的列表或菜单,<menu> 标签用于上下文菜单、工具栏以及用于列出表单控件和命令;<menuitem>标签定义用户可以从弹出菜单调用的命令/菜单项目(属性:type、radiogroup、label、open、icon、disabled、default、checked),目前此标签只有firefox浏览器能兼容。
 
<menuitem>标签运行代码示例
 
<div style="background:yellow;border:1px solid #cccccc;padding: 10px;" contextmenu="mymenu">
<p>右击点击这里</p>
 
<menu type="context" id="mymenu">
  <menuitem label="Refresh" onclick="window.location.reload();" icon="ico_reload.png"></menuitem>
  <menu label="Share on...">
    <menuitem label="Twitter" icon="" onclick="window.open('//twitter.com/intent/tweet?text=' + window.location.href);"></menuitem>
    <menuitem label="Facebook" icon="ico_facebook.png" onclick="window.open('//facebook.com/sharer/sharer.php?u=' + window.location.href);"></menuitem>
  </menu>
  <menuitem label="Email This Page" onclick="window.location='mailto:?body='+window.location.href;"></menuitem>
</menu>
 
</div>


<menuitem>标签

静学网 , 版权所有丨如未注明 , 均为原创丨转载请注明html中<mark>标签和及<meter> 标签的使用详解
顶一下
(0)
踩一下
(0)
友情链接:
网站优化
本网站所刊载信息,不代表静学网观点。 刊用本网站稿件,务经书面授权或注明来源。 未经授权禁止转载、摘编、复制及建立镜像,违者将依法追究法律责任。 投稿邮箱:1870447831@qq.com | 举报邮箱:1870447831@qq.com