WEB前端——html簡介&發(fā)展史

精品唯居 2021-09-19

展開全文

一、HTML簡介

1、概念

站在顯示文本內(nèi)容的角度去看，瀏覽器與word的原理一樣，我們可以將瀏覽器當(dāng)成一個網(wǎng)頁版的只讀word，瀏覽器也必須有一套自己能識別的標(biāo)記文本的規(guī)范，該規(guī)范被稱為HTML,HTML全稱是超文本標(biāo)記語言（HyperText Markup Language）
“超文本”指的是用超鏈接的方法，將各種不同空間的文字信息組織在一起的網(wǎng)狀文本
“標(biāo)記”指的是在編輯文本時用特殊的記號標(biāo)記一下各部分內(nèi)容的意義，該記號稱之為標(biāo)簽，比如用標(biāo)簽h1標(biāo)記標(biāo)題，用標(biāo)簽p標(biāo)簽段落

二、HTML發(fā)展史

目前常用的兩種文檔類型是xhtml 1.0和html5，pc端兩種都可以，而且html5是向下兼容的

xhtml1.0文檔類型創(chuàng)建的快捷方式 html:xt + tab

<!--html:xt-->
<!--文檔類型，規(guī)范文檔-->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www./TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!--配置-->
<html xmlns="http://www./1999/xhtml" xml:lang="en">

<head>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
    <!--標(biāo)題-->
    <title>Document</title>
</head>
<!--<標(biāo)簽名字 屬性1='值’ 屬性2='值2’>內(nèi)容</標(biāo)簽名字>-->
<!--多行注釋方式1-->
/*
多行注釋
多行注釋
多行注釋
*/
<!--多行注釋方式2-->
<!--注釋開始的地方-->
<h1>22222
<p>333</p>
<p>333</p>
<p>333</p>
</h1>
<!--注釋結(jié)束的地方-->
<body>

</body>
</html>

xhtml1.0文檔示范

html5文檔類型創(chuàng)建的快捷方式： html:5 + tab 或者 ! + tab

<!--html:5-->
<!--文檔類型，規(guī)范文檔-->
<!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">
    <!--標(biāo)題-->
    <title>Document</title>
</head>
<body>

</body>
</html>

html5文檔類型

HTML5與XTML的區(qū)別

1、XHTML更為嚴(yán)格,它要求標(biāo)簽必須小寫、必須嚴(yán)格閉合、標(biāo)簽中的屬性必須使用引號引起，img必須要加alt屬性(對圖片的描述)
等等;

2、HTML5是HTML的下一個版本所以除了非常寬松容錯性強(qiáng)（可以選擇性遵守xhtml制定的文檔編寫規(guī)范）以外,還增加許多新的特性