HTML5

2020-10-28  本文已影响0人  美兮_647e

HTML5<!DOCTYPE HTML>

注:对于中文网页需要使用 <meta charset="utf-8"> 声明编码,否则会出现乱码。

一、<input>属性

1、<input>form

form属性规定输入域所属的一个或多个表单

eg:

<body>

                              <form action="demo-form.php" id="form1">

            First name: <input type="text" name="fname"><br>

                              <input type="submit" value="提交">

                              </form>

</body>

2、<input>formaction

The formaction 属性用于描述表单提交的URL地址,会覆盖<form> 元素中的action属性.

注: The formaction 属性用于 type="submit" 和 type="image"。

eg:

<body>

          <form action="demo-form.php">

          name2: <input type="text" name="fname"><br>

          name1: <input type="text" name="lname"><br>

          <input type="submit" value="提交"><br>

          <input type="submit" formaction="demo-admin.php" value="提交">

          </form>

</body>

3、<input>min和max

min、max和step属性用于为包含数字或日期的input类型。

<body>

            <form action="demo-form.php">

              输入 1980-01-01 之前的日期:

            <input type="date" name="bday" max="1979-12-31"><br>

              输入 2000-01-01 之后的日期:

            <input type="date" name="bday" min="2000-01-02"><br>

              数量 (在1和5之间):

            <input type="number" name="quantity" min="1" max="5"><br>

            <input type="submit">

            </form>

</body>

注:min、max和step属性适用于以下类型的<input>标签:date pickers、number及range。

二、HTML5-语义元素

1、HTML5-<header>

<header>元素描述了文档的头部区域,主要用于定义内容的介绍展示区域。在页面中你可以使用多个<header> 元素。

<body>

          <article>

                        <header>

                                      <h1>Internet Explorer 9</h1>

                                            <p><time pubdate datetime="2011-03-15"></time></p>

                        </header>

          </article>

</body>

2、HTML5-<nav>

<nav>标签定义导航链接的部分,但是不是所有的链接都需要包含在<nav>元素中。

eg:

<body>

            <nav>

                    <a href="/html/">HTML</a>

                    <a href="/css/">CSS</a>

                    <a href="/js/">JavaScript</a>

                    <a href="/jquery/">jQuery</a>

          </nav>

</body>

3、HTML5-<article>

<article>标签定义独立的内容

eg:

<article>

            <h1>Internet Explorer 9</h1>

</article>

4、HTML5-<section>

<section> 标签定义文档中的节(section、区段),比如章节、页眉、页脚或文档中的其他部分。

eg:

<section>

              <h1>WWF</h1>

</section>

5、HTML5-<aside>

<aside>标签定义页面主区域内容之外的内容(eg:侧边栏)

注:aside标签的内容应与主区域的内容相关。

6、HTML5-<footer>

<footer>元素描述了文档的底部区域,一个页脚通常包含文档的作者,著作权信息,链接的使用条款,联系信息等。文档中可以使用多个<footer>元素。

eg:

<footer>

            <p>Posted by: Hege Refsnes</p>

            <p><time pubdate datetime="2020-10-28"></time></p>

</footer>

上一篇下一篇

猜你喜欢

热点阅读