5.1 html基本结构

  • HTML文档标记：
  • 头标签：
  • 标题标签：</li><li>页面元信息：<meta>,一般设置为utf-8</li><li>主题标记：<body></li></ul> <pre><code class="lang-html"><!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> </body> </html> </code></pre> <p><a name="cc34e3eb"></a></p> <h3 id="7n5ftp"><a name="7n5ftp" class="reference-link"></a><span class="header-link octicon octicon-link"></span>5.2 HTML文档的后缀名</h3><blockquote> <p>.html与.htm均是静态网页后缀名，网页文件没有区别与区分，html与htm后缀网页后缀可以互换，对网页完全没有影响同时也没有区别。可以认为html与htm没有本质区别，唯一区别即多与少一个“L”。</p> </blockquote> <p><a name="ce6865bd"></a></p> <h3 id="3jiu18"><a name="3jiu18" class="reference-link"></a><span class="header-link octicon octicon-link"></span>5.3 元素语法</h3><ul> <li>HTML 元素以开始标签起始</li><li>HTML 元素以结束标签终止</li><li>元素的内容是开始标签与结束标签之间的内容</li><li>某些 HTML 元素具有空内容（empty content）</li><li>空元素在开始标签中进行关闭（以开始标签的结束而结束）</li><li>大多数 HTML 元素可拥有属性</li></ul> <p><a name="d80f3319"></a></p> <h3 id="fmb6s4"><a name="fmb6s4" class="reference-link"></a><span class="header-link octicon octicon-link"></span>5.4 嵌套的 HTML 元素</h3><blockquote> <p>HTML 文档由嵌套的 HTML 元素构成。大多数 HTML 元素可以嵌套（可以包含其他 HTML 元素）。</p> </blockquote> <p><a name="f6a33d1c"></a></p> <h3 id="xd4nz"><a name="xd4nz" class="reference-link"></a><span class="header-link octicon octicon-link"></span>5.5 空元素</h3><ul> <li>没有内容的 HTML 元素被称为空元素。空元素是在开始标签中关闭的。</li><li><br> 就是没有关闭标签的空元素（<br> 标签定义换行）。</li><li>在 XHTML、XML 以及未来版本的 HTML 中，所有元素都必须被关闭。</li><li>在开始标签中添加斜杠，比如 <br />，是关闭空元素的正确方法，HTML、XHTML 和 XML 都接受这种方式。</li><li>即使 <br> 在所有浏览器中都是有效的，但使用 <br/> 其实是更长远的保障。</li></ul> <p><a name="04a1ebc2"></a></p> <h3 id="3qkt3q"><a name="3qkt3q" class="reference-link"></a><span class="header-link octicon octicon-link"></span>5.6 HTML 标签大小写</h3><ul> <li>HTML 标签对大小写不敏感：<P> 等同于 <p>。许多网站都使用大写的 HTML 标签。</li><li>PHP中文网使用的是小写标签，因为万维网联盟（W3C）在 HTML 4 中推荐使用小写，而在未来 (X)HTML 版本中强制使用小写。</li></ul> <p><a name="464c20d4"></a></p> <h3 id="ao2t5m"><a name="ao2t5m" class="reference-link"></a><span class="header-link octicon octicon-link"></span>5.7 HTML属性</h3><p>虽然世界上存在一个万能标签div，但是还是需要一些特别的标签去完成一些特别的事情,例如 a标签中href属性 img标签中的src属性。</p>