ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

HTML5 新增的语义化标签及表单元素

2021-09-21 10:59:23  阅读:154  来源: 互联网

标签:... eg 元素 语义 标题 文档 HTML5 表单 section


<header>  元素定义文档的头部区域

eg :  <header>

                <hgroup>

                        <h2>标题</h2>

                        <h2>副标题</h2>

                </hgroup>

         </header>

<footer> 元素定义文档的尾部区域

eg: <footer>原创作者;版权信息;联系方式;文档相关链接等...</footer>

<nav> 元素代表页面的导航链接区域用于定义页面的主要导航部分。

eg:  <nav>
                  <ul>
                    <li><a href="#">Home</a></li>
                    <li><a href="#">About</a></li>
                    <li><a href="#">Contact</a></li>
                  </ul>
        </nav>

<section> 代表文档中的段与节

        <section>
            <h1>这里是 section 标题...</h1>
            <p>这里是 section 标题对于内内容...</p>
        </section>

details 元素

描述文档或者文档莫一部分细节,summary  是details元素的标题

<details>
    <summary>标题</summary>                  
    <p>内容</p>
</details>

新增表单的属性

         form 新属性及意义

        

          

标签:...,eg,元素,语义,标题,文档,HTML5,表单,section
来源: https://blog.csdn.net/m0_46299048/article/details/120286481

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有