<!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