前端五|青训营笔记

34 阅读2分钟

本节课课程重点

  1. 对前端工作的定义,对前端的理解
  2. 前端技术栈拆解与分析,各个技术栈的分工合作
  3. HTML 作用解析与具体实现
  4. HTML 语义化,作用?如何做?

知识点具体内容与个人理解

HTML定义解释

  • 超文本标记语言(英语:HyperText Markup Language,简称:HTML),超文本就是不仅仅是能展示文字的普通文本,而且可以展示图片,视频,声音,链接等。顾名思义,他不是一种编程语言,而是标记语言。
  • (面试) html文档的第一行声明<!DOCTYPE html> ,DOCTYPE标签是HTML文档中的一种标准通用标记语言的文档类型声明,!DOCTYPE html是html5标准网页声明,表示使用标准模式去解析文档,在怪异模式下,不同的浏览器解析HTML文档的显示效果如CSS可能存在较大差异,所以定义统一使用标准模式正是为了避免怪异模式下各种兼容性问题,去强制统一各浏览器的解析模式

HTML语法和html常用标签

  • 标签不区分大小写,但是为了美观该小写的时候小写。
  • img,h1-h6,a,input,ul,li,p

html语义化是什么,如何做到语义化,有什么好处?

  • 我的理解就是语义化就是用最恰当的标签来标记内容,比如:段落用p,标题用title,文章用article。
  • 他的好处就是容易让被人读懂,不需要css样式页面也能呈现出原来的内容结构。
  • (面试)有利于seo优化。翻译成大白话就是当一个网站需要更多的用户量,注意seo优化可以让用户在搜索的时候更容易在前排看到这个网站,因为方便更大概率的点击进入。

编写html内容的规范划分

  • 简单的划分就是header,main,footer,aside,header通常包括nav,main通常包括content