HTML5基础内容

Posted nyw1983

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了HTML5基础内容相关的知识,希望对你有一定的参考价值。

HTML(HyperText Markup Language)超文本标记语言

一、HTML注释

元素就是标签,标签就是元素。

注释中的内容不会在页面中显示,但是可以在源码中看到。

可以通过编写注释来对代码进行描描述,从而帮助其他工作人员开发。(注释要简洁明了)

方法:可以选中html代码,然后Ctrl + / 键。

HTML注释:<!-- 需要注释的内容 -->

二、HTML标签属性

通过属性来设置标签如何处理标签的内容。

属性只能在开始标签中添加,实际上就是一个名值对结构(属性名 = "属性值");

一个标签中可以设置多个属性,属性之间用空格隔开,各个属性不分先后。

技术图片

三、HTML文档声明

HTML发展历史

1993年6月:HTML第一个版本发布;

1995年11月:HTML2.0;

1997年1月:HTML3.2;

1999年12月:HTML4.0.1;

2000年底:XHTML1.0;

2014年10月:HTML5;

DOCTYPE声明

为了告诉浏览器网页所使用HTML版本。声明当前网页是按照HTML5的标准编写的,编写网页时一定要将HTML的声明编写文档最上面。如果不写文档声明则会导致有些浏览器进入怪异模式(浏览器解析页面会导致页面无法正常显示),所以为了避免这种状态一定要写文档声明。

HTML5的文档:<!DOCTYPE html>

四、HTML乱码问题  

乱码出现的原因:计算机只能识别0或1;

在计算机中保存任何内容,最终都会转换成 0 或 1 ,包括网页中的内容。

在读取内容的时候,需要将进行二进制编码,将其转换为正确的内容。

编码:依据一定的规则,将字符转换成二进制编码的过程。

解码:依据一定的规则,将二进制编码转换成字符的过程。

字符集:编码和解码所采用的规则叫做字符集。

常见字符集:

ASCⅡ、GB2312(中文系统默认编码)、GBK、UTF-8(支持世界上所有的字符);

 产生乱码的根本原因:编码和解码所采用的字符集不同。

五、HTML常用标签

1、标题标签:<h1></h1> ~ <h6></h6>

在显示效果上h1最大,h6最小。重视的是标签的语义(语义化标签)。

六级标签中,h1表示网页最主要的内容最重要;h2~h6重要性依次降低

h1标签的重要性仅次于title标题,搜索引擎检索完title之后,会立即查看h1中的内容。

2、段落标签:<p> </p>

表示内容的一个段落

p中的文字会默认独占一行,并且段与段之间会有一个间距。

3、换行标签:<br>

在HTML文档中再多的空格最后也会只显示一个,换行也会当成一个空格。

可以使用<br>来实现换行。

4、分割线标签:<hr>

实现页面分割线效果

 

六、HTML实体

HTML 中的预留字符必须被替换为字符实体。

一些在键盘上找不到的字符也可以使用字符实体来替换。

实体的语法:$实体的名字;(如:空格—$nbsp;  <—$lt;  )

浏览器检测到实体时,将会自动将实体转化为相应的字符。

更多详细内容可以查询

https://www.runoob.com/html/html-entities.html

 

以上是关于HTML5基础内容的主要内容,如果未能解决你的问题,请参考以下文章

前端基础入门第二阶段-HTML5基础+HTML语义化

前端基础-HTML5-1

HTML5语言基础

HTML5与CSS3基础

中奖名单HTML5基础知识 核心技术与前沿案例

8月31日 | html5教学视频 零基础入门到精通实用视频教程