html-基础

超文本标记语言

   文本标记语言:只能表达文字。

   超文本标记语言:有更丰富的展现能力,可以表达文字,图片,视屏,音频等。

版本

  HTML 2.0——1995年11月作为RFC 1866发布,在RFC 2854于2000年6月发布之后被宣布已经过时

  HTML 3.2——1997年1月14日,W3C推荐标准

  HTML 4.0——1997年12月18日,W3C推荐标准

  HTML 4.01(微小改进)——1999年12月24日,W3C推荐标准

  HTML 5——2014年10月28日,W3C推荐标准

文档声明

  html文件的第一行通常都是声明HTML的版本,这样做的目的就是告诉浏览器用相应的模式来解析我们的HTML。

 1 <!-- 现在基本都是doctype 这几记录部分h4的声明,避免看到的时候一脸懵逼-->
 2 <!-- 过渡板 -->
 3 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" 
 4 "http://www.w3.org/TR/html4/loose.dtd"> 5 <!-- 严格版 -->
 6 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" 
 7 "http://www.w3.org/TR/html4/strict.dtd">
 8 <!-- 框架集 -->
 9 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" 
10 "http://www.w3.org/TR/html4/frameset.dtd">
11 <!-- h5 赛高 -->
12 <!DOCTYPE html>

标签

  浏览通过不同的标签做出不同的渲染。标签是网页中的结构,定义好合适的结构能够事半功倍。

标签的属性

  每个标签都有自己的属性和属性值。属性的作用大致可以分为几大类:标记元素、使用浏览器提供的默认操作、自定义属性

1 <!-- class/id 属性是为了在js或css中方便选择元素,操作元素 -->
2 <!-- 自定义属性 data 是在元素上就近定义数据方便后期操作 -->
3 <!-- title:所有标签加上title之后鼠标移上去就能看到提示,这是浏览器提供的默认样式 -->
4 <div class="people" id="hero" data="001" title="这是一个英雄"></div>

乱码问题

  编码:根据规则把字符转成二进制编码。

  解码:根据规则把二进制编码转成字符。

  出现乱码的原因:编码和解码使用的字符集不同。

  常见字符集:ASCII、GBK、GB2312(中文系统默认编码)、UTF-8(万国码)、ANSI

  解决方案:在head中使用meta标签声明我们需要使用的字符集为utf-8就能在html中使用中文了。

1 <meta charset="UTF-8">

实体字符
  当我们需要在html中使用大于或小于符号(><)时,编辑器可能会提示你不能这样做。htm中预留了一些转义字符来解决尖括号,空格,这种不能在代码中直接使用的问题。
传送门:http://www.w3school.com.cn/html/html_entities.asp

 

posted @ 2019-05-30 16:51  找个地方随便坐  阅读(79)  评论(0编辑  收藏  举报