html标签

2016-03-15 本文已影响0人寿_司

参考：
HTML标签列表
 MDN web技术文档

<address></address>元素可以让作者为它最近的<article>或者<body>祖先元素提供联系信息。在后一种情况下，它应用于整个文档。
<aside></aside>元素中连接到页面中其他部分的内容，被认为是独立于该内容的一部分并且可以被单独的拆分出来而不会使整体受影响。其通常表现为侧边栏或者被插入在该内容里。他们通常包含在工具条，例如来自词汇表的定义。也可能有其他类型的信息，例如相关的广告、笔者的传记、web 应用程序、个人资料信息，或在博客上的相关链接。
<article></article>元素表示文档、页面、应用或网站中的独立结构，其意在成为可独立分配的或可复用的结构，如在发布中，它可能是论坛帖子、杂志或新闻文章、博客、用户提交的评论、交互式组件，或者其他独立的内容项目。
<caption></caption> 展示一个表格的标题，它常常作为<table>的第一个子元素出现，同时显示在表格内容的最前面，但是，它同样可以被CSS样式化，所以，它同样可以出现在任何一个一个相对于表格的做任意位置。
<del></del>文字上面添上删去字样
<embed>元素用于表示一个外部应用或交互式内容的集合点，换句话说，就是一个插件。
<em></em>标记出需要用户着重阅读的内容。<em>元素是可以嵌套的，嵌套层次越深，则其包含的内容被认定为越需要着重阅读。
<fieldset></fieldset>经常被用作大表单的包含区域(应该讲button括进去的)

<form method="get" action="test.php">
<fieldset> 
      <legend>Order a T-Shirt</legend> 
      <p>Write your name (simple textbox): 
      <input type="text" /></p> 
      <p>Choose your size (simple select): 
              <select> 
                    <option value="s">Small</option> 
                    <option value="m">Medium</option> 
                    <option value="l">Large</option>         
                    <option value="xl">Extra Large</option>
                </select>
      </p> 
      <div>What address do you want to use? (editable pseudoselect) 
      <fieldset class="elist"> 
          <legend>Address&hellip;</legend> 
          <ul> 
              <li>
                  <input type="radio" value="1" id="address-switch_1" checked />
                  <label for="address-switch_1">
                        <input type="text" value="19 Quaker Ridge Rd. Bethel CT 06801" />
                  </label>
            </li> 
            <li>
                  <input type="radio" value="2" id="address-switch_2" />
                  <label for="address-switch_2">
                          <input type="text" value="1000 Coney Island Ave. Brooklyn NY 11230" />
                  </label>
            </li> 
             <li>
                   <input type="radio" value="3" id="address-switch_3" />
                   <label for="address-switch_3">
                        <input type="text" value="2962 Dunedin Cv. Germantown TN 38138" />
                  </label>
            </li> 
            <li>
                    <input type="radio" value="4" id="address-switch_4" />
                    <label for="address-switch_4">
                          <input type="text" value="915 E 7th St. Apt 6L. Brooklyn NY 11230" />
                    </label>
              </li> 
      </ul> 
</fieldset> 
</div> 
<p>Write a comment:<br /> 
<textarea>
</textarea>
</p> 
<p>
     <input type="reset" value="Reset" /> 
     <input type="submit" value="Send!" />
</p>
</fieldset>
</form>

<legend></legend>是<fieldset>中的第一个子元素，定义了表单的标题之类的。
<figure></figure>代表一段独立的内容, 经常与标题标签<figcaption>配合使用,并且作为一个独立的引用单元. 当它属于大纲时，它的位置独立于大纲. 这个标签经常包含引用在文章中的图片，插图，表格，代码段等等,当这部分转移到附录中或者其他页面时不影响大纲。
<i></i>用于表现因某些原因需要区分普通文本的一系列文本。例如技术术语、外文短语或是小说中人物的思想活动等，它的内容通常以斜体显示。
<mark></mark>标记字体
-<main></main>呈现了文档<body>或应用的主体部分。主体部分由与文档直接相关，或者扩展于文档的中心主题、应用的主要功能部分的内容组成。这部分内容在文档中应当是独一无二的，不包含任何在一系列文档中重复的内容，比如侧边栏，导航栏链接，版权信息，网站logo，搜索框（当然，文档的主要功能就是搜索框）。<main> 标签不能是以下元素的继承<article><footer><aside><header><nav>在一个文档中不能出现一个以上的 <main>标签
<progress></progress>进度条元素<progress value="70" max="100">70 %</progress>会出现一个70%的进度条
<q>段引用</q><blockquote>长引用</blockquote>
<sub>下标元素</sub> <sup>上标元素</sup>
<section></section>表示文档中的一个区域（或节），比如，内容中的一个专题组，一般来说会有包含一个 heading。
<input>有很多新的type属性:例如email,color,url,time,number,range(和隶属于range的其他几个修饰range的属性值)等
datalistinput标签修饰的部分，注意他的id值要填好，用于input填写时出现的补充选项。具体用法

html标签

猜你喜欢

热点阅读