HTML基础至语义化标签

81 阅读1分钟

前端基础

应用软件分类

  1. C/S架构:需要安装的软件 Client Server
  2. B/S架构:不需要安装的软件(网页) Browser Server

服务器

一个中转站,帮我们保存信息、传达消息,是所有用户之间的一个桥梁

浏览器的内核

用于处理浏览器所得到的各种资源

五大浏览器四大内核:

浏览器:Chrome,Safari,IE,Firefox,Opera

内核:webkit , Blink , Trident , Gecko

快速注释

ctrl+/

文档说明


<!-- 文档说明 -->
==<!DOCTYPE html>==

字符编码

<head>
	<meta charset="UTF-8" />
</head>

设置语言

<head lang="zh-CN">		<!-- 中文 -->
</head>

标准结构

  • ==快捷键生成标准结构:!==
  • 删除光标所在行:ctrl+shift+k
  • 按住shift强制网页刷新

开发者文档

排版标签

快捷键:ctrl+enter ,光标换行不会影响内容

  1. h标签表示标题,1-6级之间不能互相嵌套
  2. p标签表示段落,没有字体样式可当正文使用,==他里面不能有h、p、和div标签==
  3. div没有任何含义,用于整体布局

语义化标签

  1. 用特定的标签,去表达特定的含义
  2. 标签的默认效果不重要,语义最重要!

优势:

  • 代码结构清晰,可读性强
  • 有利于SEO
  • 方便设备解析