`
zhangyaochun
  • 浏览: 2614807 次
  • 性别: Icon_minigender_1
  • 来自: 北京
文章分类
社区版块
存档分类
最新评论

简单讲讲html常用新标签

阅读更多

1、header和nav标签

 

 ----header用来定义页面头部的内容,而nav可以定义导航内容nav在一个页面可以多次使用

 

 

<header id="page-header">
   <!-- 包含logo和nav部分 -->
   <div id="logo">
     <a href="/"><img src="" alt=""></a>
   </div>
   <nav id="nav">
        <ul>
             <li><a>首页</a></li>
             <li><a>关于</a></li>
             <li><a>联系</a></li>
        </ul>
   </nav>
</header>
 

 

2、article,section,hgroup标签

 

 ----article定义一个主要页面内容,section用来定义内容的块,hgroup来组织相关的一些标题元素

 

 

<article id="maincontent">
   <section> 
       <hgroup>
           <h1>标题1<h1>
           <h2>标题2</h2>
       </hgroup>
       <p>一些描述</p>
   </section>
</article>

 

3、aside元素

 

 -----可以定义侧栏内容

 

 

1
0
分享到:
评论

相关推荐

    html基本(超全的html基础知识)

    **第二讲:HTML常用标签** HTML标签通常成对出现,如`&lt;h1&gt;`和`&lt;/h1&gt;`,用于定义一级标题。其他常用的标签有: - `&lt;a&gt;`:用于创建超链接,如`访问示例网站&lt;/a&gt;`。 - `&lt;img&gt;`:插入图像,如`图片描述"&gt;`。 - `&lt;div&gt;`:...

    html 语言初学教程

    总的来说,HTML语言初学教程旨在帮助新手理解HTML的基本概念,熟悉常用标签的使用,为后续的CSS和JavaScript学习打下坚实基础。通过不断练习和实践,你可以逐渐掌握这个强大的工具,创造出富有吸引力的网页。

    pdf。带标签

    "讲的蛮好的"暗示这份文档包含的内容可能是某个主题的讲解或教程,质量较高,得到了作者的认可。"(最少就只能设一个币)"可能是作者在某种平台上分享该文件时设定的最低访问权限或费用,表明这份资源有一定价值。 ...

    第五讲-HTML网页设计基础三.ppt

    在本讲中,我们主要探讨了HTML的基础知识,包括文字与段落的处理,以及一些常用的元素和标记。 首先,HTML的基本结构通常包括`&lt;html&gt;`标签,它是整个文档的根元素,内含`&lt;head&gt;`和`&lt;body&gt;`两个主要部分。`&lt;head&gt;`...

    Html_Js_cssWeb基础教程.pdf

    - **了解一下HTML的标签**:详细介绍常用的HTML标签,例如`&lt;p&gt;`、`&lt;div&gt;`、`&lt;span&gt;`等,并解释它们的作用。 - **标签的嵌套**:讨论HTML标签如何嵌套使用以构建复杂的页面结构。 - **综合例子:学会使用标题、段落、...

    HTML 初级教程 PPT Code

    此外,随着Web技术的发展,HTML5引入了许多新的标签,如`&lt;header&gt;`、`&lt;footer&gt;`、`&lt;section&gt;`、`&lt;article&gt;`等,旨在增强页面的结构和语义。 总的来说,这个“HTML初级教程PPT Code”涵盖了HTML的基础知识和核心应用...

    中央电大计算机专业网页程序设计HTML第14-16节课.docx

    5. **表单标志**:HTML表单用于用户输入数据,常用标签有`&lt;form&gt;`、`&lt;input&gt;`、`&lt;textarea&gt;`、`&lt;select&gt;`和`&lt;button&gt;`等。`&lt;form&gt;`定义表单,`&lt;input&gt;`创建各种类型的输入字段,如文本、密码、复选框等,`&lt;textarea&gt;...

    [js高手之路]HTML标签解释成DOM节点的实现方法

    因为这篇文章要讲的就是我在写框架过程中碰到的一个问题,封装jquery的after方法,支持DOM和html标签两种用法,html标签传参,我要把html解释成DOM结构,用DOM的方法插入. 首先,我们写个通用的html标签: ”test” ...

    web前端PPT.zip

    在“第1讲+HTML概述与HTML文件.ppt”中,会介绍HTML的基本概念,包括HTML文档的组成、基本标签的使用,以及如何编写一个简单的HTML文件。在“第2讲+头部及主体标签.ppt”中,将深入探讨和等元素,它们在网页结构中的...

    Java Web快速入门——全十讲

    ### Java Web快速入门——全十讲 #### 一、Java与Web开发的融合:JavaEE标准框架 在探讨Java Web开发之前,我们首先要理解Java在Web领域的定位。Java不仅仅是一种编程语言,它还是一套完整的生态系统,适用于各种...

    asp采集HTML内容常用代码,详讲正则采集

    这些URL通常有固定的规则,如在HTML中用特定的标签和属性表示。 通过上述方法,我们可以根据网站的具体结构编写ASP代码来实现对HTML内容的采集。需要注意的是,网络爬虫和数据采集程序在进行网站数据采集时需要遵守...

    php基础教程-绝对推荐.ppt

    我们可以混合编写 PHP 代码和 HTML 代码,不仅可以将 PHP 脚本嵌入到 HTML 文件中,我们甚至还可以把 HTML 标签也嵌入在 PHP 脚本里。 五、如何处理简单的 PHP 错误 1. 要把 PHP.ini 里面的 display_errors = On ...

    韩顺平PHP从入门到精通笔记-149讲完整

    - 2008年,HTML5.0被提出,它引入了更多新的特性和API,例如多媒体支持等。 - **W3C简介** - W3C(World Wide Web Consortium)是一个制定Web标准的国际组织,负责为HTML、CSS、XML等技术制定标准。 - **HTML运行...

    第2讲PPT.pptx

    自那时起,JavaScript经历了多个版本的更新,如ES3、ES5、ES6(2015)等,其中ES6引入了大量的新特性,显著提升了开发效率。 JavaScript主要负责处理网页的动态行为,如客户端表单验证、创建动态效果以及改变页面...

    HTML+CSS+JavaScript网页制作(Web前端开发)(第3版)课时授课计划.docx

    此外,还介绍了Hbuilder工作界面,这是一个常用的HTML编辑工具,学生应能熟练使用它来编写和编辑代码。 接着,课程讲解了Web标准的重要性,特别是“结构与表现相分离”的设计理念,这强调了HTML用于内容描述,CSS...

    WEB前端开发技术PPT课件.rar

    2. **常用文本标签和文档结构标签**(第2讲):这部分内容深入探讨了HTML中的文本格式化标签,如`&lt;p&gt;`、`&lt;h1&gt; - &lt;h6&gt;`、`&lt;em&gt;`、`&lt;strong&gt;`等,以及用于组织页面结构的标签,如`&lt;header&gt;`、`&lt;nav&gt;`、`&lt;main&gt;`、`...

    经典的asp教程(供初学者使用)

    总的来说,这个经典的ASP教程为初学者提供了丰富的学习资源,从基础的HTML语法讲起,逐步引导学习者掌握ASP编程,理解服务器端脚本的工作原理,并通过实际项目提升编程和问题解决能力。无论你是完全的新手,还是希望...

Global site tag (gtag.js) - Google Analytics