当前位置: 首页 > article >正文

React之从0开始(1)

学习做前端么,离不开的必然是最基本的html。

html文件第一行,我就很好奇这是什么东西(经常见,但一直不知道有什么用),现在知道了——声明了当前的HTML版本。

<!DOCTYPE html>

我的理解是,这就相当于一个开关,表面上是指定了html的版本,实际上是告诉浏览器使用哪些依赖或者说哪些技术(每个版本的html底层的技术有差异)。你必须提前和浏览器说好了,我要怎么展现这个页面,浏览器才能正确给你显示吧。

接下来就是一个大的html标签,包裹了许多内容。其中常见的一个属性是lang,代表语言。

<html lang="en">这是英文

<html lang="zh-CN">这是中文

html标签应该还有其他属性,但是我不知道,也不想不管了(新手刚入门无需纠结着一个点深挖)

接下来就是<head>和<body>标签了。

顾名思义,就是一个网页的头和身体。

先说<head>。

在<head>里面首先一般会是两个属性标签(对于React来说),长下面这样

<meta charset="UTF-8" />

<meta name="viewport" content="width=device-width,initial-scale=1.0">

那么我看到这些属性,我就想,那我随便写吧,看会有什么结果。但是其实最好这里不要随便改,为啥呢?

因为<mate>标签定义的是整个页面的一个属性,即使是name也是一个约定俗成的类型,如果你改了可能会出错。后面的width就是宽度,以及初始的大小比例是多少。

当然还可以添加更多的属性,至于说有哪些属性可以加,这个就看个人的积累了。使用过的属性越多,知道的越多,在面对问题的时候才能一下子就解决。

至于<title>也很简单,意思就是网页的标题,这个倒是可以随便改的。

在<body>里面默认有一个<div id="root"> </div>

这个是用来挂载其他组件的一个挂载点,就是整个网页实际上是先进入这个html,然后再进入html里面的root,root里面再去写自己希望实现的东西。

当然,你也可以不用root,自己换个名字都行。把握住它的核心用途是挂载即可。


http://www.kler.cn/a/463589.html

相关文章:

  • Nginx搭建Web网站
  • 玩转树莓派Pico(21): 迷你气象站7——软件整合改进2
  • 基于SSM(Spring + Spring MVC + MyBatis)框架的旅游资源网站
  • git reset --hard(重置到当前提交,所有未提交的更改都会被永久丢弃)
  • ubuntu中zlib安装的步骤是什么
  • 运维人员的Go语言学习路线
  • 初学stm32---高级定时器输出n个pwm波
  • 无人机无法返航紧急处理方式!
  • Redis - 1 ( 11000 字 Redis 入门级教程 )
  • Linux性能优化-网络篇-NAT详解
  • 基于Docker+模拟器的Appium自动化测试(二)
  • 如何使用网络工具进行网络性能评估
  • 【Rust自学】8.4. String类型 Pt.2:字节、标量值、字形簇以及字符串的各类操作
  • Android Opengl(三)绘制三角形
  • Python 数据可视化的完整指南
  • LLaMA详解
  • springboot520基于Spring Boot的民宿租赁系统的设计与实现(论文+源码)_kaic
  • 安卓入门四 Application Component
  • ubuntu2204 gpu 没接显示器,如何连接vnc
  • JnetPcap抓取数据包IP数据包