您的位置: 首页  >  IT文章  >  WEB前端——html简介&发展史 一、HTML简介 二、HTML发展史

WEB前端——html简介&发展史 一、HTML简介 二、HTML发展史

分类: IT文章 • 2023-11-18 08:36:07

1、概念

站在显示文本内容的角度去看，浏览器与word的原理一样，我们可以将浏览器当成一个网页版的只读word，浏览器也必须有一套自己能识别的标记文本的规范，该规范被称为HTML,HTML全称是超文本标记语言（HyperText Markup Language）
“超文本”指的是用超链接的方法，将各种不同空间的文字信息组织在一起的网状文本
“标记”指的是在编辑文本时用特殊的记号标记一下各部分内容的意义，该记号称之为标签，比如用标签h1标记标题，用标签p标签段落

二、HTML发展史

WEB前端——html简介&发展史 一、HTML简介 二、HTML发展史

目前常用的两种文档类型是xhtml 1.0和html5，pc端两种都可以，而且html5是向下兼容的

xhtml1.0文档类型创建的快捷方式 html:xt + tab

<!--html:xt-->
<!--文档类型，规范文档-->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!--配置-->
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">

<head>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
    <!--标题-->
    <title>Document</title>
</head>
<!--<标签名字 属性1=‘值’ 属性2=‘值2’>内容</标签名字>-->
<!--多行注释方式1-->
/*
多行注释
多行注释
多行注释
*/
<!--多行注释方式2-->
<!--注释开始的地方-->
<h1>22222
<p>333</p>
<p>333</p>
<p>333</p>
</h1>
<!--注释结束的地方-->
<body>

</body>
</html>
xhtml1.0文档示范

html5文档类型创建的快捷方式： html:5 + tab 或者 ! + tab

<!--html:5-->
<!--文档类型，规范文档-->
<!doctype html>
<!--搜索引擎分析用，说通篇英文，不加也可以-->
<html lang="en">
<head>
<!--以utf-8读，右下角是以utf-8写-->
    <meta charset="UTF-8">
    <!--适用于不同样式-->
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <!--兼容性问题-->
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <!--标题-->
    <title>Document</title>
</head>
<body>

</body>
</html>
html5文档类型

HTML5与XTML的区别

1、XHTML更为严格,它要求标签必须小写、必须严格闭合、标签中的属性必须使用引号引起，img必须要加alt属性(对图片的描述)
等等;

2、HTML5是HTML的下一个版本所以除了非常宽松容错性强（可以选择性遵守xhtml制定的文档编写规范）以外,还增加许多新的特性

相关推荐