前端与HTML概述｜ 青训营笔记

Sharing_
137 阅读2分钟

这是我参与「第四届青训营 」笔记创作活动的的第一天

一、前端概述

1、什么是前端？

  1. 解决图形界面下的人机交互问题
  2. 跨终端（PC/移动浏览器、客户端/小程序、VR/AR等）
  3. Web技术栈

2、前端技术栈

  1. JavaScript(行为)
  2. CSS(样式)
  3. HTML(内容)

搜狗截图20220725120627.png

3、前端应关注哪些方面？

  • 功能（核心问题）
  • 性能
  • 美观
  • 兼容性
  • 安全
  • 无障碍

二、HTML是什么？

一、HTML概念

HTML (HyperText Markup Language) 超文本标记语言，不是一门编程语言，而是一种用来告知浏览器如何组织页面的标记语言。

HTML <html> 元素 表示一个 HTML 文档的根（顶级元素），所以它也被称为根元素。所有其他元素必须是此元素的后代。

文档元数据： 元数据（Metadata）含有页面的相关信息，包括样式、脚本及数据，能帮助一些软件（例如 搜索引擎 (en-US)、浏览器 等等）更好地运用和渲染页面。对于样式和脚本的元数据，可以直接在网页里定义，也可以链接到包含相关信息的外部文件。

二、HTML语法

  • 标签和属性不区分大小写，推荐小写
  • 空标签可以不闭合，比如input,meta
  • 属性值推荐用双引号包裹
  • 某些属性值可以省略，比如required,readonly

三、语义化是什么？

  • HTML中的元素、属性及属性值都拥有某些含义

  • 开发者应该遵循语义来编写HTML

    • 有序列表用ol;无序列表用ul
    • lang属性表示内容所使用的语言

四、谁在使用我们写的HTML

  • 开发者-修改、维护页面
  • 浏览器-展示页面
  • 搜索引擎-提取关键词、排序
  • 屏幕阅读器-给盲人读页面内容

五、语义化的好处

  • 代码可读性
  • 可维护性
  • 搜索引擎优化
  • 提升无障碍性

六、课后阅读

avatar
文章
阅读
粉丝