欢迎来到DIVCSS5查找CSS资料与学习DIV CSS布局技术!
  <!DOCTYPE html>
 
  <html lang="zh-CN">
 
  <head>
 
  <!-- 文件字符编码 -->
 
  <meta charset="utf-8">
 
  <!-- 兼容手机,禁止缩放 -->
 
  <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
 
  <!-- 告诉IE使用最新内核 -->
 
  <meta http-equiv="X-UA-Compatible" content="ie=edge" />
 
  <title>标题</title>
 
  </head>
 
  <body>
 
  </body>
 
  </html>
 
  标题 h1——h6
 
  章节 section
 
  文章 article
 
  段落 p
 
  头部 header
 
  脚部 footer
 
  主要内容 main
 
  旁支内容 aside
 
  划分 div
 
  <!DOCTYPE html>
 
  <html lang="zh-CN">
 
  <head>
 
  <!-- 文件字符编码 -->
 
  <meta charset="utf-8">
 
  <!-- 兼容手机,禁止缩放 -->
 
  <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
 
  <!-- 告诉IE使用最新内核 -->
 
  <meta http-equiv="X-UA-Compatible" content="ie=edge" />
 
  </head>
 
  <body>
 
  <header>顶部内容</header>
 
  <div>
 
  <main>
 
  <h1>文章标题</h1>
 
  <section>
 
  <h2>第一章</h2>
 
  <p>
 
  这是一段话这是一段话这是一段话这是一段话这是一段话这是一段话这是一段话这是一段话这是一段话这是一段话这是一段话这是一段话这是一段话这是一段话这是一段话这是一段话这是一段话这是一段话这是一段话
 
  </p>
 
  <section>
 
  <h3>1.1节</h3>
 
  <p>一段话</p>
 
  </section>
 
  <section>
 
  <h3>1.2节</h3>
 
  <p>一段话</p>
 
  </section>
 
  </section>
 
  </main>
 
  <aside>
 
  参考资料
 
  </aside>
 
  </div>
 
  <footer>?版权所有</footer>
 
  </body>
 
  </html>
 
  class属性 middle和middle类选择器
 
  <div class="middle bordered"></div>
 
  1
 
  contenteditable 可以直接编辑内的内容,页面调试时非常方便
 
  ——
 
  文章标题
 
  ——
 
  hidden 隐藏标签
 
  id
 
  style 内联样式
 
  tabindex 按tab键的选择顺序
 
  正数,如tabindex=1 / 2/ 3/,表示按顺序访问
 
  0, 表示最后访问
 
  -1, 表示不要用tab访问
 
  title 鼠标停留到该标签时,浮动地显示内容
 
  <p title="显示的内容">内容</p>
 
  1
 
  HTML 代码里的多处空格、回车、tab 等内容,默认会被转化为一个空格,保留空格、回车键; 其他标签会把多余的空格和回车键转换为一个空格
 
  代码
 
  如果需要写换行的代码,嵌套一个pre标签即可
 
  <pre><code>var aaa=1; console.log(a)</code></pre>
 
  水平分隔线
 
  换行
 
  ol li 有序列表
 
  ul li 无序列表
 
  dl + dt 要描述的对象 + dd 要描述的内容
 
  和 表示强调
 
  em 表示语气上的强调
 
  strong 表示内容本身很重要
 
  quote 行内引用
 
  blockquote 换行的引用

如需转载,请注明文章出处和来源网址:http://www.divcss5.com/html/h60028.shtml