前端与HTML | 青训营笔记

184 阅读2分钟

**这是我参与第五届青训营伴学笔记创作活动的第一天 **

一、HTML结构

  • HTML代码由“标签”构成 每个标签,都分成了开始标签和结束标签,成对出现,标签之间可以嵌套整体这些标 签就构成了一个 树型结构,称为DOM树(Document Objective Model 文档对象模型)
  • html 标签是整个 html 文件的根标签(最顶层标签)
  • head 写页面的属性
  • body页面上显示的内容
  • title 页面的标题

二、基础了解

1.什么是网页?

网站是指在因特网上根据一定的规则,使用HTML 等制作的用于展示特定内容相关的网页集合。网页是网站中的一“页”,通常是HTML 格式的文件,它要通过浏览器来阅读。 网站是指在因特网上根据一定的规则,使用HTML 等制作的用于展示特定内容相关的网页集合。网页是网站中的一“页”,通常是HTML 格式的文件,它要通过浏览器来阅读。

2.什么是HTML?

HTML指的是超文本标记语言(HyperTextMarkupLanguage),它是用来描述网页的一种语言。HTML 不是一种编程语言,而是一种标记语言(markup language)。标记语言是一套标记标签(markup tag)。 HTML指的是超文本标记语言(HyperTextMarkupLanguage),它是用来描述网页的一种语言。HTML 不是一种编程语言,而是一种标记语言(markup language)。标记语言是一套标记标签(markup tag)。

3.网页的形成?

网页是由网页元素组成的,这些元素是利用html 标签描述出来,然后通过浏览器解析来显示给用户的。 前端人员开发代码 ---->浏览器显示代码(解析、渲染)----->生成最后的Web 页面

三、HTML语义化是什么

  1. HTML中的元素、属性及属性值都拥有某些含义
  2. 开发者应该遵循语义来编写HTML
  3. 有序列表用ol;无序列表用ul
  4. lang属性表示内容所使用的语言

四、如何做到语义化

  1. 了解每个标签和属性的含义
  2. 思考什么标签最适合描述这个内容
  3. 不使用可视化工具生成代码