zoukankan      html  css  js  c++  java
  • HTML elements 分类别介绍

    The HTML elements below are grouped by function.

    1.Basic elements
    Basic elements are the backbone of any HTML documents.
    <html>

    2.Document metadata
    Metadata contains information about the page. This includes information about styles, scripts, and data to help software use and render the page.
    Metadata for styles and scripts may be defined in the page or link to another file that has the information.

    <base>: <base target="_blank" href="http://www.example.com/page.html"> 
    <head>: <head>
        		<title>Document title</title>
      	     </head>
    <link>: <link href="style.css" rel="stylesheet">
    <meta>: <meta charset="utf-8">
    	      The HTML<meta> element represent any metadata information that cannot be represented by one of the other HTML meta-related elements.
    <style>: <style type="text/css">
    	        body {
     	           color:red;
    	        }
    	    </style>
    <title>: <title>Awesome page title</title>
    

    3.Content sectioning
    Content sectioning elements allow you to organize the document content into logical pieces.
    Using the sectioning elements to create a broad outline for your page content, including header and footer navigation, and heading elements to identify sections of content.

    <address>
    <article>
    <footer>
    <header>
    <h1>, <h2>, <h3>, <h4>, <h5>, <h6>
    <hgroup>
    <nav>
    <section>
    


    4.Text content
    Use HTML text content elements to organize blocks or sections of content placed between the opening <body> and closing </body> tags. these elements identify the purpose or structure of that content.

    <dd>:
    <div>
    <dl>
    <dt>
    <figcaption>
    <figure>
    <hr>
    <li>
    <main>
    <ol>
    <p>
    <pre>
    <ul>
    


    5.Inline text semantics
    Use the HTML inline text semantic to define the meaning, structure, or style of a word, line, or any arbitrary place of text.

    <abbr>
    <b>
    <bdi>
    <bdo>
    <br>
    <cite>
    <code>
    <data>
    <dfn>
    <em>
    <i>
    <kbd>
    <mark>
    <q>
    <rp>
    <rt>
    <rtc>
    <ruby>
    <s>
    <samp>
    <small>
    <span>
    <strong>
    <sub>
    <sup>
    <time>
    <u>
    <var>
    <wbr>
    


    6.Image and multimedia
    HTML supports various multimedia resources such as images, audio, and video.

    <area>
    <audio>
    <map>
    <track>
    <video>
    

     
    7.Embedded content
    In addition to regular multimedia content, HTML can include a variety of other content, even if it's not always easy to interact with.

    <embed>
    <object>
    <param>
    <source>
    

     
    8.Scripting
    In order to create dynamic content and web applications, HTML supports the use of scripting languages, most prominently JavaScript. Certain elements supports this capability.

    <canvas>
    <noscript>
    <script>
    


    9.Demarcating edits
    These elements let you provide indications that specific parts of the text have been altered.

    <del>
    <ins>
    

     10.Table content
    The elements here are used to create and handle tabular data.

    <caption>
    <col>
    <colgroup>
    <table>
    <tbody>
    <td>
    <tfoot>
    <th>
    <thead>
    <tr>
    

     
    11.Forms
    HTML provides a number of elements which can be used together to create forms which the user can fill out and submit to the Web site or application. There's a great deal of further information about this available in the HTML forms guide.([HTML forms guide] 下周再总结吧)

    <button>
    <datalist>
    <fieldset>
    <form>
    <input>
    <keygen>
    <label>
    <legend>
    <meter>
    <optgroup>
    <option>
    <output>
    <progress>
    <select>
    <textarea>
    


    12.Interactive elements
    HTML offers a selection of elements which help to create interactive user interface objects.

    <details>
    <dialog>
    <menu>
    <menuitem>
    <summary>
    

     
    13.Web Components
    Web Components is an HTML-related technology which makes it possible to, essentially, create and use custom elements as if it were regular HTML. In additon, you can even create custom versions of standard HTML elements, as well.

    <content>
    <element>
    <shadow>
    <template>
    

     
    14.Obsolete and deprecated elements

    <acronym>
    <applet>
    <basefont>
    <big>
    <blink>
    <center>
    <command>
    <content>
    <dir>
    <font>
    <frame>
    <frameset>
    <isindex>
    <keygen>
    <listing>
    <marquee>
    <noembed>
    <plaintext>
    <spacer>
    <strike>
    <tt>
    <xmp>
    
  • 相关阅读:
    atitit.无为而治在企业管理,国家治理,教育领域的具体思想与实践
    atitit.浏览器web gui操作类库 和 操作chrome浏览器的类库使用总结
    atitit.loading的设计与实现控件选型attilax 总结
    atitit.系统托盘图标的设计java swing c# .net c++ js
    atitit.流程标准化 mysql启动不起来的排查流程attilax总结
    atitit.图片相似度与图片查找的设计 获取图片指纹
    atitit.it企业管理 项目管理 中的 授权机制 的来源 君权神授 的一定合理性
    atitit..国富论 在现代it企业项目管理中的作用attialx 总结国富论读后感 attialx
    atitit.印度教与java宗教的特点与观念对比 attilax总结
    atitit.验证码识别step2剪贴板ClipBoard copy image图像 attilax总结
  • 原文地址:https://www.cnblogs.com/guojunru/p/5390987.html
Copyright © 2011-2022 走看看