h5结构性标签

1.<header>web头部内容</header>

2.<nav>菜单导航,链接导航的标签,如商城左侧的导航</nav>

3.<section>

区域的一章或一节

<hgroup><h1>标题</h1></hgroup>

<article>内容</article>

</section>

4.<footer>网站版权</footer>

块标签

5.<aside>侧边栏,摘要,注记等</aside>

6.<figure>

<figcaption>图片的集合或者视频</figcaption>

<img  src="" />

<img  src="" />

</figure>

7. <dialog>        //模拟对话

<dt>老师:</dt>

<dd>2+2=?<dd>

<dt>学生:</dt>

<dd>4<dd>

</dialog>

8.我的网站已<time datetime=2017.2.9 >更新了</time>

9.<progress max=10  min=0 value= 2>进度条</progress>

10.<meter max=10 min=0 value=2> 进度条</meter>

11.多媒体标签:    audio    video

12.学生姓名:<input type="text" list="li" name="names"/>
     <datalist id="li">
     <option>
      张三
     <option>
     <option>
     李四
    </option>
    <option>
    王五
   </option>
   </datalist>

时间: 2024-12-05 08:19:20

h5结构性标签的相关文章

HTML5 结构性标签 行内语义性标签

结构性标签: <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title>旭宝爱吃鱼</title> </head> <body> <!--文章--> <article> <!--头部--> <header> <h1>旭宝爱吃鱼<

h5新增标签及css3新增属性

- h5新增的标签 新增元素 说明 video 表示一段视频并提供播放的用户界面 audio 表示音频 canvas 表示位图区域 source 为video和audio提供数据源 track 为video和audio指定字母 svg 定义矢量图 code 代码段 figure 和文档有关的图例 figcaption 图例的说明 main   time 日期和时间值 mark 高亮的引用文字 datalist 提供给其他控件的预定义选项 keygen 秘钥对生成器控件 output 计算值 pr

H5新标签(适合新手入门)

H5新标签 文档类型设定 document HTML: sublime 输入 html:4s XHTML: sublime 输入 html:xt HTML5 sublime 输入 html:5 <!DOCTYPE html> 字符设定 <meta http-equiv="charset" content="utf-8">:HTML与XHTML中建议这样去写 <meta charset="utf-8">:HTML

H5新标签兼容

WordPress中一些主题是用了新增的H5标签 但是这些标签并不兼容IE 678 观察发现 主题引用了js文件 html5shiv.min.js 解决ie9以下浏览器对html5新增标签的不识别,并导致CSS不起作用的问题. 地址: <!--[if lt IE 9]> <script src="//cdn.bootcss.com/respond.js/1.4.2/respond.js"></script> <script src="

h5新增标签

语义标签: <article>定义文章</article><aside>定义文章侧边栏</aside> <figure>定义一组媒体对象以及文字内容</figure><figcaption>定义figure的标题</figcaption> 布局页面时用的语义标签:<nav>定义导航</nav><header>头部</header><section>定义

web语义化与h5新增标签

Web语义化就是html告诉我们也告诉机器这一块是什么内容,例如:“这行是一个标题,这几行组成一个段落,这是一个列表,那是一个链接.” Web语义化有三个阶段: 1.h1~h6.thead.ul.ol等HTML标签.这些标签用于在Web页面中组织对应的内容,如网页标题.表头.无序.有序列表,以达到更方便的协作及传播互联网内容.搜索引擎很好的利用了这些语义化标签抓取内容. 2.随着Web的发展,起初定义的HTML语义化标签,不足以实现对Web页面各个部分的功能或位置描述,比如我们用div来表示页面

h5新增标签、css3新增属性

- h5新增的标签 新增元素 说明 video 表示一段视频并提供播放的用户界面 audio 表示音频 canvas 表示位图区域 source 为video和audio提供数据源 track 为video和audio指定字母 svg 定义矢量图 code 代码段 figure 和文档有关的图例 figcaption 图例的说明 main time 日期和时间值 mark 高亮的引用文字 datalist 提供给其他控件的预定义选项 keygen 秘钥对生成器控件 output 计算值 prog

H5 video标签的第二种格式

36-video标签的第二种格式 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>36-video标签的第二种格式</title> </head> <body> <!-- 1.格式: <video> <source src="" type

H5 表格标签基本使用

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>21-表格标签基本使用</title></head><body><!--其实在过去表格标签用的非常非常的多, 绝大多数的网站都是使用表格标签来制作的, 也就是说表格标签是一个时代的代表 1.什么是表格标签?表格标签作用: 用来给一堆