HTML5
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>