htmlcss是什么意思，html和css的关系-励北网

2. title 标签的书写方式

 <!DOCTYPE HTML>
<HTML lang="en">
  <head>
    <meta charset="UTF-8">
    <title>这是我们的专属网站</title>
  </head>
  <body>
    
  </body>
</HTML>
代码块12345678910

直接写在 title 标签之间。title 标签的内容既为我们网站的标题。效果如下图所示：

淘宝网Title

百度Title

京东Title

3. 注意事项

网页的标题标签有效长度是 64 个字节，汉语是 32 个字。长出来的部分无益有弊；
每个页面的 title 标签不能相同，首页与栏目页、列表页、内容页的标签不能一致，根据网页提供的内容的不同，设置合适的 title 标签。如果标题都是相同的话，我们就不能区分该网页的内容，从而设置标题的意义就不大了；
标题标签中可以出现网站名字。如：百度一下，你就知道；
title 标签设置要与内容相关，可以设置使用标题、关键字、概述等。如：淘宝网 - 淘！我喜欢；
切忌超长的词汇。如：我是一个超长超长超长超长超长超长超长超长超长超长超长超长的标题；
切忌重复叠加。如：淘宝网，你最喜欢的淘宝网；
我们可以给每个页面都设置标题。这样当用户在访问当前页面时，就能一目了然的了解到该页面的内容和主题，从而提升了用户体验；
title 标签尽量要有原创性、修改性，采编过来的内容，不要拿来即用，要适当的修改，添加些原创因素，有助于提高网页搜索引擎的收录。

4. 使用误区

\1. 网页的一级标题指网页的主要标题，最能体现网页内容的标题。千万不要误以为在一级标题中使用了最重要的关键词，就应该在整个网页中到处使用这些最重要的关键词。这是行不通的。大部分的 SEO 人员和 Web 设计专家都认为：同一个网页上只能有一个一级标题。多个一级标题可能会导致搜索爬虫将其视为作弊，这将会降低网站的排名，甚至有可能会导致网站被搜索引擎完全屏蔽。

\2. 不要因为一级标题很重要，就使一级标题非常长。无论哪一级标题，其长度都应在 5 至 10 个单词之间。也不要使它们过短，过短的标题对扫描网页没有什么作用，过长的标题也没有什么用。与 SEO 的许多策略一样，应使用必要的单词数来描述您的观点，单词既不能多，也不要少。

5. 真实案例分享

淘宝网：

<html>
  <head>
    <title>淘宝网 - 淘！我喜欢</title>
   </head>
</html>
代码块12345

百度首页：

<html>
  <head>
    <title>百度一下，你就知道</title>
   </head>
</html>
代码块12345

6. 小结

title 标签为双标签，必须有尾标签；
网页的标题为 title 标签的内容；
title 标签的书写位置，必须嵌套在 head 标签中；
title 标签为网站的标题，尽量简洁明了，体现网站的特点；
正确的使用 title 标签，可以提高网站的 SEO 优化。SEO本质上是一种获取流量的手段。简单来说就是：提高网站排名，增加曝光度，获取流量；

代码展示：

 <!DOCTYPE HTML>
<HTML lang="en">
  <head>
    <meta charset="UTF-8">
    <!-- `title`标签为双标签，必须嵌套在head标签中 -->
    <`title`>这是我们的专属网站</`title`>
  </head>
  <body>
    
  </body>
</HTML>
代码块1234567891011

htmlcss是什么意思，html和css的关系

HTML 文件的注释

HTML 注释标签是在 HTML 源代码中添加说明/注释，使用该标签注释的内容将不在浏览器中显示。

边写代码边写注释是一个好习惯，特别是代码量很大的时候，如果不写注释，你写完倒回去看可能都不知道自己写的什么了。

如果是团队合作，就更应该写注释了，如果不写每人知道你写的什么，还需要从头到尾仔细看一遍。

团队可以自行约定注释标准及规范，例如：

所有的注释写在内容上方；
如果有多句注释，每一句注释直接换行；
如果是方法注释，写明方法作用和每个参数介绍；
注释的语句简单明了；
每个变量和方法标注作用。

1. 什么是注释

注释指解释字句的文字，也指用文字解释字句。当我们需要给代码做批注，我们就需要注释代码。

注释是我们提高代码可读性，代码可维护性最简单有效的方式，往往多写几个字，会给我们日后的维护，减少很大的难度。

2. 注释的作用

代码注释不仅方便程序员自己回忆起以前代码的用途，还可以帮助其他程序员很快的读懂你的程序的功能，方便多人合作开发网页代码。

3. 如何在 HTML 文件中书写注释

在 HTML 文件中，我们将注释写在中，注释只是起解释作用，并不会在页面上显示出来。

我们如果使用编辑器编写代码，如 VSCode， WebStorm 等，那么在编辑器书写注释的快捷方式为 ctrl + / ，我们只需要先写注释内容，然后在选中注释内容，按 ctrl + / 即可。

4. 经验分享

1. 注释可以写在 HTML 文件的任意位置。

<!DOCTYPE HTML>
<HTML lang="en">
  <head>
    <meta charset="UTF-8">
    <!-- HTML注释可以在head标签中 -->
    <title>HTML注释</title>
  </head>
  <body>
    <!-- HTML注释也可以在body标签中  -->
    <h1>我是一个大标题</h1> <!-- HTML注释也可以在标签后面 -->
  </body>
</HTML>
代码块123456789101112

\2. 注释内容必须写在中，否则不会生效。

<!DOCTYPE HTML>
<HTML lang="en">
  <head>
    <meta charset="UTF-8">
    <title>HTML注释</title>
  </head>
  <body>
    <!--  --> HTML注释也可以在body标签中(此段内容没有在<!-- -->中，则不为注
    释，而是页面上的内容)
    <h1>我是一个大标题</h1> <!-- 只有写在规定位置，才是注释 -->
  </body>
</HTML>
代码块1234567891011

3. 注释的内容只是解释，并不会实际的显示在页面上。

<!DOCTYPE HTML>
<HTML lang="en">
  <head>
    <meta charset="UTF-8">
    <title>HTML注释</title>
  </head>
  <body>
    <!-- 注释的内容不会显示在页面上-->
    <h1>我是一个大标题</h1>
  </body>
</HTML>
代码块1234567891011

\4. 编写代码时，尽量把注释写的简单明了，通俗易懂，不仅方便自己维护代码，也方便与他人的协同开发。

<!DOCTYPE HTML>
<HTML lang="en">
  <head>
    <meta charset="UTF-8">
    <title>HTML注释</title>
  </head>
  <body>
    <!-- 这是头部 -->
    <header></header>
    <!-- 这是大标题-->
    <h1>我是一个大标题</h1>
  </body>
</HTML>
代码块12345678910111213

\5. 注释标签可以自定义内容，也可以注释已写的HTML标签。

<!DOCTYPE HTML>
<HTML lang="en">
  <head>
    <meta charset="UTF-8">
    <title>HTML注释</title>
  </head>
  <body>
    <!-- 自定义注释内容 -->
    <p>这是一段话</p>
    <!-- 注释HTML标签， 则该标签也不会在页面上显示 -->
    <!-- <h1>我是一个大标题</h1>  -->
  </body>
</HTML>
代码块12345678910111213

\6. 开发人员一定要养成书写注释的好习惯。

5. 真实案例分享

简书官网

 <!-- 正常登录登录名输入框 -->
<div >
    <input placeholder="手机号或邮箱" type="text" />
</div>
<!-- 海外登录登录名输入框 -->
<div >
   <input placeholder="密码" type="password" />
</div>
代码块123456789