HTML的基本格式

html-css018

HTML的基本格式,第1张

以下是html的基本格式代码:

<!DOCTYPE html><!--声明文档类型-->

<html><!--html的开始标签-->

<body> <!--body的开始标签-->

</body> <!--body的结束标签-->

<head> <!--head的开始标签-->

<meta charset="utf-8"> <!--网页编码-->

<title></title> <!--标题-->

</head><!--head结束标签-->

</html> <!--html-->

以上列出的一些实体比较容易记忆,但有一些不容易记住的您可以查看 whatwg 或使用 解码工具 。

HTML 实体是一段以连字符号( &)开头、以分号( )结尾的字符串。用以显示不可见字符及保留字符(如 HTML 标签)

在前端,一般为了避免 XSS 攻击,会将 <> 编码为 < 与 >,这些就是 HTML 实体编码。

在 HTML 转义时,仅仅只需要对六个字符进行编码: &、 <、 >、 " 、 ' 和 `。我们可以使用 he 库进行编码及转义。

没有在编码里面选择自动检测

准备材料:电脑、html文件、浏览器

1、首先打开html文件,有时候就会出现乱码。

/iknow-pic.cdn.bcebos.com/43a7d933c895d143d454b23c7cf082025aaf078a"target="_blank"title="点击查看大图"class="ikqb_img_alink">/iknow-pic.cdn.bcebos.com/43a7d933c895d143d454b23c7cf082025aaf078a?x-bce-process=image%2Fresize%2Cm_lfit%2Cw_600%2Ch_800%2Climit_1%2Fquality%2Cq_85%2Fformat%2Cf_auto"esrc="https://iknow-pic.cdn.bcebos.com/43a7d933c895d143d454b23c7cf082025aaf078a"/>

2、将鼠标移到页面空白处,右键单击,然后选择编码。

/iknow-pic.cdn.bcebos.com/377adab44aed2e73159ed0338801a18b87d6fabe"target="_blank"title="点击查看大图"class="ikqb_img_alink">/iknow-pic.cdn.bcebos.com/377adab44aed2e73159ed0338801a18b87d6fabe?x-bce-process=image%2Fresize%2Cm_lfit%2Cw_600%2Ch_800%2Climit_1%2Fquality%2Cq_85%2Fformat%2Cf_auto"esrc="https://iknow-pic.cdn.bcebos.com/377adab44aed2e73159ed0338801a18b87d6fabe"/>

3、在编码里面单机选择自动检测。

/iknow-pic.cdn.bcebos.com/03087bf40ad162d9418034031edfa9ec8a13cd47"target="_blank"title="点击查看大图"class="ikqb_img_alink">/iknow-pic.cdn.bcebos.com/03087bf40ad162d9418034031edfa9ec8a13cd47?x-bce-process=image%2Fresize%2Cm_lfit%2Cw_600%2Ch_800%2Climit_1%2Fquality%2Cq_85%2Fformat%2Cf_auto"esrc="https://iknow-pic.cdn.bcebos.com/03087bf40ad162d9418034031edfa9ec8a13cd47"/>

4、转换代码后,就会看到字体已恢复正常。

/iknow-pic.cdn.bcebos.com/0b7b02087bf40ad1d12b90fc582c11dfa8eccee6"target="_blank"title="点击查看大图"class="ikqb_img_alink">/iknow-pic.cdn.bcebos.com/0b7b02087bf40ad1d12b90fc582c11dfa8eccee6?x-bce-process=image%2Fresize%2Cm_lfit%2Cw_600%2Ch_800%2Climit_1%2Fquality%2Cq_85%2Fformat%2Cf_auto"esrc="https://iknow-pic.cdn.bcebos.com/0b7b02087bf40ad1d12b90fc582c11dfa8eccee6"/>