前端学习-HTML
2019-06-28 本文已影响0人
TinkleJane
虽然一直做web开发，前端代码也写了不少，但是从来没有刻意学习前端知识，都是从解决当下问题中积累。也经常因为一个样式半天调整不好非常郁闷，另一方面看到调整好的页面越开越舒服，我应该是喜欢捣鼓出漂亮的页面的，所以决定系统的学一下前端。
推荐一门前端的b站课-尚硅谷前端HTML5视频_HTML & CSS 核心基础教程，讲的非常细致，利用上下班的时间看了1/3多了，觉得很受益。下面简单梳理一下学到的HTML知识。
- HTML负责结构、CSS负责表现、JS负责行为；
标签
元素：子元素、父元素、祖先元素、后代元素
属性：通过属性为HTML元素提供附加信息，需要设置在开始标签或自结束标签中，以名称/值成对出现。 - HTML的发展：
• 1993年6月:HTML第一个版本发布。
• 1995年11月:HTML2.0
• 1997年1月:HTML3.2(W3C推荐)
• 1999年12月:HTML4.01(W3C推荐)
• 2000年底:XHTML1.0(W3C推荐)
• 2014年10月:HTML5(W3C推荐)
doctype：告诉浏览器网页的HTML版本
使用Html5 采用<!DOCTYPE html> - 编码问题
计算机内部是以二进制编码保存文件；1个汉子占2个字节，1个英文字母占1个字节
常见的字符集：ASKII、ISO8859-1、GBK、GB2312、UTF-8（常用UTF-8）
为了避免乱码，保存文件的编码必须和浏览器读取页面的编码一致，统一两者使用的字符集。
<meta charset="utf-8"/>告诉浏览器使用什么字符集去解析文件。 - meta的用法
• 设置页面的字符集 – <meta charset="utf-8">
• 设置网页的描述
– <metaname="description"content="">
• 设置网页的关键字
– <metaname="keywords"content="">
• 请求的重定向
– <meta http-equiv="refresh" content="5;url=地址"/> - 常用标签
html、head、title、body、<h1>~<h6>
<p> <br /> <hr /> <img src="路径" alt="图片描述"/> <a href="链接地址" target="打开目标页面的位置"/> - 字符实体
• 小于号< – <
• 大于号> – >
• 空格
–
• 和符号& – &
• 版权©
– ©
• 引号”
– "
• 注册商标® – ®
• 商标TM
– ™
