HTML5基础一:常用布局标签

1、DTD声明:

  <!doctype html>

2、布局标签

  <html>

     <head></head>

     <body>

        //头部标签

        <header>

        <nav>导航栏标签</nav>

        </header> 

        <div>

        //自定义主区间

        <section>

            <ruby>夼<rp>(</rp><rt>kuang</rt><rp>)</rp></ruby> //效果:夼(kuang)

            <article>

              //文章列表标签

            <article>

          </section> 

        //自定义侧边区间

        <aside> 

          //h标签组合标签

          <hgroup>

          <h3>adasdas</h3>

          </hgroup>

        </aside>

        </div>

        //脚部标签

        <footer>

          <p>这是一个footer标签</p>

          <small>法律条文</small>
                  <small>联系我们</small>
                  <small>客户意见</small>
                  <small>商户合作</small>

        </footer>

       </body>

  </html>

转载于:https://www.cnblogs.com/xiongwei89/archive/2013/03/19/2968545.html

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/360898.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

Antd Table树形展示,分页后有时候数据渲染不出的问题

项目场景&#xff1a; Antd V4版 网页端 问题描述&#xff1a; 使用Table树形使用Card onTabChange 切换tab&#xff0c;有时候数据渲染不出的问题 const paginationProps {Current: currentNumber,size: small,pageSize,total,onChange: (PageNumber) > this.getList(Pa…

Java 8函数式编程:延迟实例化

单例通常会延迟实例化自己&#xff0c;有时&#xff0c;如果对象足够重&#xff0c;则可以延迟实例化类字段。 通常&#xff0c;在走惰性路线时&#xff0c;getter方法&#xff08;或accessor &#xff09;必须具有一段代码&#xff0c;该代码块在返回对象之前检查对象是否已实…

ant-design官网打不开 , 需要用镜像地址打开

如果网络不好的时候ant-design 的官网很难打开的 &#xff0c;用下面的镜像地址就可以打开啦 ant-design 官网镜像地址: http://ant-design.gitee.io/index-cn ant-design-pro镜像地址&#xff1a; http://ant-design-pro.gitee.io/index-cn antd-mobile镜像地址&#xff1a; …

全排列函数、组合函数

1 1、求一个全排列函数&#xff1a;如p([1,2,3])输出&#xff1a; [123],[132],[213],[231],[321],[312]. 2、求一个组合函数如p([1,2,3])输出&#xff1a; [1],[2],[3],[1,2],[2,3],[1,3],[1,2,3] 这两问可以用伪代码。 void swap(int *a, int *b) //交换函数 {int tmp;tmp *a…

Java中的XSL转换:一种简单的方法

XSL转换 &#xff08;XSLT&#xff09;是将一个XML文档转换为另一个XML文档的强大机制。 但是&#xff0c;在Java中&#xff0c;XML操作相当冗长和复杂。 即使是简单的XSL转换&#xff0c;也必须编写几十行代码—如果需要适当的异常处理和日志记录&#xff0c;甚至可能还要写更…

修改html页面的title,可以自定义

方式一&#xff1a; document.getElementsByTagName(“title”)[0].innerText ‘需要设置的值’; document.title方式 经过测试&#xff0c;还可通过document.title 设置title的值。方式二 console.log(document.title); # 可以获取title的值。 document.title ‘需要设置的值…

.Net环境下的缓存技术介绍 (转)

摘要: 介绍缓存的基本概念和常用的缓存技术&#xff0c;给出了各种技术的实现机制的简单介绍和适用范围说明&#xff0c;以及设计缓存方案应该考虑的问题&#xff08;共17页&#xff09; 1 概念 1.1 缓存能解决的问题 性能——将相应数据存储起来以避免数据的重复创…

antd Datepicker组件报错 ——date.clone is not a function或者date1.isAfter is not a function

问题描述&#xff1a; antd Datepicker组件报错 ——date.clone is not a function或者date1.isAfter is not a function 原因分析&#xff1a; 在From中渲染默认值&#xff0c;一般数据请求拿到返回值存在异步&#xff0c;会晚于渲染&#xff0c;因此日期转换不能放在DatePi…

集成CDI和WebSockets

考虑尝试一个简单的Java EE 7原型应用程序&#xff0c;该应用程序涉及JAX-RS&#xff08;REST&#xff09;&#xff0c;WebSockets和CDI。 注意 &#xff1a;不想让它成为破坏者-但这篇文章主要讨论了我在尝试使用Web套接字和使用CDI作为“胶水”的REST&#xff08;在Java EE应…

【记】jQuery中的选择器:visible对visibility:hidden的处理

首先先介绍visibility这个CSS属性。 visibility用于表示该元素是否显示&#xff0c;其取值有&#xff1a; visible&#xff1a;设置对象可视。  hidden&#xff1a;设置对象隐藏。  collapse&#xff1a;主要用来隐藏表格的行或列&#xff0c;隐藏的行或列能够被其他内容是…

React - antd4 中在form中为Switch赋值无效

项目场景&#xff1a; React - antd4; From表单 问题描述&#xff1a; Switch赋初始值无效 # 解决方案&#xff1a; let newCheck {};if (propsForm.type switch) {newCheck {...newCheck,valuePropName: "checked"}}<Form.Itemkey{propsForm.id}name{propsF…

在实践中重试HTTP标头

Retry-After是鲜为人知的HTTP响应标头。 让我引用RFC 2616&#xff08;HTTP 1.1规范&#xff09;的相关部分&#xff1a; 14.37重试后 Retry-After响应标头字段可与503 &#xff08; 服务不可用 &#xff09;响应一起使用&#xff0c;以指示请求该客户端的服务预计无法使用多…

Java中连接字符串的最佳方法

最近有人问我这个问题–在Java中使用运算符连接字符串是否对性能不利&#xff1f; 这让我开始思考Java中连接字符串的不同方法&#xff0c;以及它们如何相互对抗。 这些是我要研究的方法&#xff1a; 使用运算符 使用StringBuilder 使用StringBuffer 使用String.concat() …

时间转换以及公式

moment(item.updatedAt).fromNow() ;//距离今天多久了moment&#xff08;&#xff09;获得今天、明天和昨天的日期 let today moment(new Date());let tomorrow moment(new Date()).add(1,days);let yesterday moment(new Date()).add(-1, days);后续遇到继续补充

只不过是R.java文件的特性-----出错信息:R.java was modified manually! Reverting to generated version!...

出错信息:R.java was modified manually! Reverting to generated version! 出错原因&#xff1a;今天在res下建立了一个drawable的文件夹存放图片资源----图片名为1.jpg 后来R.java文件就报错了&#xff1a;R.java was modified manually! Reverting to generated version! 看…

十大最常见的Java性能问题

Java性能是所有Java应用程序开发人员都关心的问题&#xff0c;因为快速使应用程序与使其正常运行同等重要。 史蒂文海恩斯&#xff08;Steven Haines&#xff09;使用他在Java性能问题上的个人经验得出的结论是&#xff0c; 大多数问题都有共同的根本原因 。 因此&#xff0c;作…

antd form 初始化时间

initialValue: moment(record.showTime, YYYY-MM-DD HH:mm:ss)

uni-app 组件中的canvas转化为图片报错:errMsg:“canvasToTempFilePath:fail canvas is empty”

项目场景&#xff1a; uni-app,开发微信小程序 使用&#xff1a; wx.canvasToTempFilePath({canvasId: line,success: function(res) {console.log(canvasToImg, res);this.radarImg res.tempFilePath;},fail: function(res) {console.log(res);}});问题描述&#xff1a; ec…

正确获取Java事件通知

实现观察者模式以提供Java事件通知似乎是一件容易的事。 但是&#xff0c;容易陷入一些陷阱。 这是我在各种场合不慎造成的常见错误的解释…… Java事件通知 让我们从一个简单的bean StateHolder开始&#xff0c;它封装了带有适当访问器的私有int字段state &#xff1a; publ…