前端入门之HTML

html是什么?

  • 超文本标记语言(Hypertext Markup Language,HTML)通过标签语言来标记要显示的网页中的各个部分。一套规则,浏览器认识的规则
  • 浏览器按顺序渲染网页文件,然后根据标记符解释和显示内容。但需要注意的是,对于不同的浏览器,对同一标签可能会又不完全相同的解释(兼容性)
  • 静态网页文件扩展名:html或.htm

html不是什么?

  • html不是一种编程语言,而是一种标记语言(markup language)
  • html使用标记标签来描述网页

html的组成结构

<!DOCTYPE html>                                 <!--告诉浏览器使用哪种html来解析html文档-->

<html lang="en">

<head>

        <meta charset="UTF-8">

        <title>Title</title>                            <!--网页标题-->

</head>

<body>

         <!--文本内容-->

</body>

<!html>

  • <!DOCTYPE html>告诉浏览器使用哪种html或者xhtml来解析html文档
  • <html></html>是文档的开始标记和结束标记,此元素告诉浏览器其自身是一个HTML文档,在他们之间是文档的头部<head>和主体<body>.
  • <head></head>元素出现在文档的开头部分。<head>与</head>之间的内容不会在浏览器的文档窗口显示,但是其间的元素有不可或缺的重要意义。
  • <title></title>定义网页标题,在浏览器标题栏显示。
  • <body></body>之间的文本是可见的网页主题内容。

html标签格式

  1. html标签是由<>包围的关键词,例如<html>
  2. 标签不区分大小写,推荐使用小写。<html>和<HTML>
  3. 标签分为两部分:开始标签<a>和结束标签</a>.两个标签之间的部分叫做标签体.有些标签功能比较简单,使用一个标签即可,这种标签叫做自闭合标签。例如:<br/><hr/><input/><img/>
  4. 标签可以由若干个属性,也可以不带属性。例如<head>元素就不带任何属性
  5. 标签可以嵌套,但是不能交叉嵌套.例如  错误写法 :<a><b></a></b>   正确写法:<a><b></b></a>

html标签的语法:

  • <标签名 属性1="属性值1" 属性2="属性值2"......>文本内容</标签名>
  • <标签名 属性1="文本1"  属性2="文本2”......></标签名>

常用标签

<!DOCTYPE>标签

<!DOCTYPE>声明位于文档中的最前面的位置,处于<html>标签之前,此标签可告知浏览器文档使用的是哪种html或xhtml规范。

作用:声明文档的解析类型(document.compatMode),避免浏览器的怪异模式。

document.compatMode:

  1. BackCompat: 怪异模式,浏览器使用自己的怪异模式解析渲染页面。
  2. CSS1Compat: 标准模式,浏览器使用W3C的标准解析渲染页面。这个属性会被浏览器识别并使用,但是如果你的页面没有DOCTYPE的声明,那么compatMode默认就是BackConpat.

<head>内常用标签

  1. meta标签

             <meta>可提供有关页面的元信息(meta-information),针对搜索引擎和更新频度的描述和关键词。

             <meta>位于文档的头部,不包含任何内容。

             <meta>提供的信息是用户不可见的。

             meta标签的组成:meta标签共有两个属性,他们分别是http-equiv属性和name属性,不同的属性有不同的参数值,这些不同的参数值实现不同的网页功能。

              

 

 

          

 

前端入门之HTML

上一篇:记一次github上传文件夹(项目)的历程和踩坑


下一篇:js防抖和节流