html文字间加空格 html加空格的方法( 二 )


缩进使用两个空格,不建议使用 TAB 。
比较短的代码间不要使用不必要的空行和缩进 。
不必要的空行和缩进:
<body>
<h1>菜鸟教程</h1>
<h2>HTML</h2>
<p>
菜鸟教程,学的不仅是技术,更是梦想 。
菜鸟教程,学的不仅是技术,更是梦想 。
菜鸟教程,学的不仅是技术,更是梦想,
菜鸟教程,学的不仅是技术,更是梦想 。
</p>
</body>
推荐:
<body>
<h1>菜鸟教程</h1>
<h2></h2>
<p>菜鸟教程,学的不仅是技术,更是梦想 。
菜鸟教程,学的不仅是技术,更是梦想 。
菜鸟教程,学的不仅是技术,更是梦想 。
菜鸟教程,学的不仅是技术,更是梦想 。</p>
</body>
表格实例:
<table>
<tr>
<th>Name</th>
<th>Description</th>
</tr>
<tr>
<td>A</td>
<td>Description of A</td>
</tr>
<tr>
<td>B</td>
<td>Description of B</td>
</tr>
</table>
列表实例:
<ol>
<li>London</li>
<li>Paris</li>
<li>Tokyo</li>
</ol>
省略 <html> 和 <body>?
在标准 HTML5 中,<html> 和 <body> 标签是可以省略的 。
以下 HTML5 文档是正确的:
实例:
<!DOCTYPE html>
<head>
<title>页面标题</title>
</head>
<h1>这是一个标题</h1>
<p>这是一个段落 。</p>
尝试一下 ?
不推荐省略 <html> 和 <body> 标签 。
<html> 元素是文档的根元素,用于描述页面的语言:
<!DOCTYPE html>
<html lang=”zh”>
声明语言是为了方便屏幕阅读器及搜索引擎 。
省略 <html> 或 <body> 在 DOM 和 XML 软件中会崩溃 。
省略 <body> 在旧版浏览器 (IE9)会发生错误 。
省略 <head>?
在标准 HTML5 中,<head>标签是可以省略的 。
默认情况下,浏览器会将 <body> 之前的内容添加到一个默认的 <head> 元素上 。
实例
<!DOCTYPE html>
<html>
<title>页面标题</title>
<body>
<h1>这是一个标题</h1>
<p>这是一个段落 。</p>
</body>
</html>
尝试一下 ?
现在省略 head 标签还不推荐使用 。元数据
HTML5 中 <title> 元素是必须的,标题名描述了页面的主题:
<title>菜鸟教程</title>
标题和语言可以让搜索引擎很快了解你页面的主题:
<!DOCTYPE html>
<html lang=”zh”>
<head>
<meta charset=”UTF-8″>
<title>菜鸟教程</title>
</head>
HTML 注释
注释可以写在 <!– 和 –> 中:
<!– 这是注释 –>
比较长的评论可以在 <!– 和 –> 中分行写:
<!–
这是一个较长评论 。这是 一个较长评论 。这是一个较长评论 。
这是 一个较长评论 这是一个较长评论 。这是 一个较长评论 。
–>
长评论第一个字符缩进两个空格,更易于阅读 。
样式表
样式表使用简洁的语法格式 ( type 属性不是必须的):
<link rel=”stylesheet” href=https://www.520longzhigu.com/diannao/”styles.css”>


以上关于本文的内容,仅作参考!温馨提示:如遇健康、疾病相关的问题,请您及时就医或请专业人士给予相关指导!

「四川龙网」www.sichuanlong.com小编还为您精选了以下内容,希望对您有所帮助: