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

一、知识点

前端人要关注：功能、性能、安全、体验、美观、兼容、无障碍
前端的边界：

node.js 运行在服务器端的 JavaScript

ELECTRON 使用HTML，CSS和JavaScript等技术，创建桌面应用程序的框架

React Native 使用React创建Android和ios原生应用的框架

WebRTC 网页实时通信技术，

WebGL 3D绘图协议，为H5 Canvas提供硬件3D加速渲染

WebASSEMBLY 将非JavaScript编程语言编写的程序运行在浏览器的技术方案

二、标签总结

meta标签

放在<head>里

charset 网页编码方式。
第二行是网页在手机端可以自动缩放
第三行关键字，告诉搜索引擎这个网页干嘛的，提高命中率
第四行页面描述
第五行意思是3秒之后自动跳转到百度页面

<head>
  <meta charset="utf-8"> 
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <meta name="Keywords" content="网易,邮箱,游戏,新闻,体育,娱乐,女性,亚运,论坛,短信" />
  <meta name="Description" content="网易是中国领先的互联网技术公司，为用户提供免费邮箱、游戏、搜索引擎服务，开设新闻、娱乐、体育等30多个内容频道，及博客、视频、论坛等互动交流，网聚人的力量。" />
  <meta http-equiv="refresh" content="3;http://www.baidu.com">
  <title>Page Title</title>
</head>

base标签：

指定基础路径，所有a链接都是以这个路径为基准 <base href="/">

body标签

bgcolor:设置整个网页背景颜色
background ：设置整个网页背景图片
text：设置网页的文本颜色
leftmargin：网页的左边距。IE浏览器默认是8个像素。
topmargin：网页的上边距。
rightmargin：网页的右边距。
bottommargin：网页的下边距。
link:超链接默认颜色
alink：鼠标点击超链接还没松开时的颜色
vlink: 点击超链接完成后的颜色

div和span标签

div :可以吧标签的内容分为独立区域，必须独自占一行。啥都能放
span: 同div ，但不换行。同p

特殊字符

<u>：下划线标记
<s>或<del>：中划线标记（删除线）
<i>或<em>：斜体标记

超链接

外部链接：

<a href="http://www.baidu.com" target="_blank">百度</a>

锚链接：在本页面跳转跳转到a.html页面中name1部位

<a href="a.html#name1">回到顶部</a>

邮件链接

<a href="mailto:xxx@163.com">点击进入我的邮箱</a>

超链接属性

href : 目标URL title : 悬停文本 name : 设置一个锚点名称

HTML｜青训营笔记