微信扫一扫 分享朋友圈

已有 1010 人浏览分享

开启左侧

HTML5结构标签介绍

[复制链接]
1010 0
1、<section></section>:
定义文档中的节(section、区段),比如章节,页眉,页脚或文档中的其他部分。
基本语法:
    <section>
            <h1>基础语法</h1>
            <p>就像这样,可能内容太简短不能很好的展示</p>
    </section>

2、<article></article> :
规定独立的自包含内容
潜在来源:
    论坛贴子
    报纸文章
    博客条目
    用户评论
    <article>
            <h1>基础语法</h1>
            <p>就像这样,可能内容太简短不能很好的展示</p>
    </article>

3、 <article></article> :
标签定义文档的页眉(介绍信息)
基础语法:
    <header>
            <h1>基础语法</h1>
            <p>就像这样,可能内容太简短不能很好的展示</p>
    </header>

4、<footer></footer>:
定义文档或节的页脚,应当包含有其包含元素的信息。
页脚通常包含文档的作者,版权信息,使用条款链接、联系信息等等。可以在一个文档中使用多个<footer>元素。
    <footer>
            <h1>基础语法</h1>
            <p>就像这样,可能内容太简短不能很好的展示</p>
     </footer>

5、<nav></nav>:
定义导航链接的部分。
如果文档中有“前后”按钮,则应把它放到<nav>元素中。
    <nav>
        <a href="#">导航</a>
    </nav>

6、<aside></aside>:
定义其所处内容之外的内容。
aside的内容应该与附近的内容相关,可以作用于文章的侧栏
    <aside>
            <h1>基础语法</h1>
            <p>就像这样,可能内容太简短不能很好的展示</p>
     </aside>
    以上的元素,得放到项目中才能体现出来他们的效果,后期我会做一个项目来单独研究他们。
    我突然想到了一本书里面有一段文字来说元素选用原则的,并且找到了就记录下:
    用来标记内容的元素应该选择最为具体的那个。如果已经有元素能够很好的表明内容类型,就不要使用通用元素。同一个元素的使用在整个页面、网站都要保持一致。对内容进行标记时,只能将元素用于他们原定的用途(按照标准来),不要自创。如果找不到合适的,可以考虑通用元素(span,div),并且用全局属性class表明其含义。亦少可为多,标记只应该应内容对语义的需要使用。
    在语义方面要求严格不为过,只要有条件,尽量避用那些具有浓重呈现意味或纯粹起呈现作用的元素。


免责声明:
1,海欣资源网所发布的资源由网友上传和分享,不保证信息的正确性和完整性,且不对因信息的不正确或遗漏导致的任何损失或损害承担责任。
2,海欣资源网的资源来源于网友分享,仅限用于学习交流和测试研究目的,不得将上述内容用于商业或者非法用途,否则,一切后果请用户自负。
3,海欣资源网所发布的资源由网友上传和分享,版权争议与本站无关,您必须在下载后的24个小时之内,从您的电脑中彻底删除上述内容。
4,如果您喜欢,请支持正版,购买正版,得到更好的正版服务,如有侵权,请联系我们删除并予以真诚的道歉,联系方式邮箱 haixinst@qq.com
海欣资源-企业信息化分享平台。
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

0

关注

0

粉丝

56

主题
热度排行
回复排行
最新贴子

Archiver|手机版|海欣资源 ( 湘ICP备2021008090号-1 )|网站地图

GMT+8, 2024-10-12 01:54 , Gzip On, MemCached On.

免责声明:本站所发布的资源和文章均来自网络,仅限用于学习交流和测试研究目的,不得将上述内容用于商业或者非法用途,否则,一切后果请用户自负。 本站信息来自网络,版权争议与本站无关,您必须在下载后的24个小时之内,从您的电脑中彻底删除上述内容。 如果您喜欢,请支持正版,购买正版,得到更好的正版服务,如有侵权,请联系我们删除并予以真诚的道歉。