Day01

不万能的小李.

已于 2023-08-10 20:01:47 修改

阅读量24

点赞数

分类专栏： HTML5 和 css 文章标签： html5 css

于 2023-07-08 13:13:42 首次发布

本文链接：https://blog.csdn.net/Li1023055421/article/details/131609932

版权

HTML5 和 css 专栏收录该内容

13 篇文章 0 订阅

订阅专栏

01、基础

<!DOCTYPE HTML>
<!-- 声明当前文档类型是 html5标准的文档，当浏览器在解析渲染的时候 会按照h5的标准解析 -->

<html lang="en">
<!- 表示这个页面是什么语言。lang是language的简写，表示语言的意思。 en表示English，表示这个页面是英语的 ->

<head>
    <meat charset="UTF-8">
    <meat http-equiv="X-UA-Compatiable" content="IE=edge">
<!-- http-equiv，相当于http的文件头作用，它可以向浏览器传回一些有用的信息，以帮助正确和精确地显示网页内容，与之对应的属性值为content，content中的内容其实就是各个参数的变量值。 -->

    <meat name="viewport" content="width=device-width, initial-scale=1.0">
<!-- viewport就是浏览器上用来显示网页的那部分区域,这段代码的意思是让viewport的宽度等于物理设备上的真实分辨率，不允许用户缩放 -->

    <title>这是一个网页</title>
 <!-- 用于定义文档的标题，是所有HTML文档中是必需的。"title"元素可以提供页面被添加到收藏夹时的标题、提供显示在搜索引擎结果中的页面标题。 -->
</head>
<body>
        <!-- body是写一个网页代码的主体部分，通过将不同的代码写到body内，由网页实现效果，即用户通过网页看到的内容 -->
</body>
</html>

head 标签中的内容不会渲染在页面中主要是源信息标签

<meat /> 作用是：设置网站的源信息

charset 属性：用来定义文本的编码格式

UTP-8：万国码，目前开发中最常用的编码

gb2312：中文码

通常都把charset的值设置成UTF-8，如果不设置charset属性，可能会导致页面乱码，解决方案是设置成 UTP-8 即可

author 属性：用来定义网站的作者，一般是公司的名字

keywords 属性：用来定义网站的关键字，如果有多个关键字，用英文逗号隔开

关键字最好不要超过十个精准的keywords 值，更有利于SEO(搜索引擎优化)

description 属性：用来简单的描述网站的内容，不要超过100字，有利于SEO

meta的另一种写法

title 标签，他是一个双标签，他的SEO权重很大，因此需要谨慎书写里面的内容

body 标签里面的内容，会渲染在页面的可视区域

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta autor="郑科班">
    <meta keywords="蔡徐坤,rap,篮球,唱跳">
    <meta description="网站的描述。。。。。。。。">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>head标签</title>
</head>
<body>

</body>
</html>

02、基础标签-块

标签分为行属性标签和块属性标签

块属性标签

1.div 标签

没有任何意义的标签，通常用来进行页面布局

2.h系列标签

h1~h6

在一个页面当中，h1 最多只能出现一次，h2最多只能出现20次，h3~h6 次数不限

h1 的用法：

1.logo处

2.咨询详情页的大标题

由于 h1 的权限较大，只能出现在以上两个地方