一、HTML簡介

1、概念

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

二、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制定的檔案撰寫規范）以外,還增加許多新的特性

轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/39780.html

標籤：HTML5

上一篇：mongoTemplate的方法和update()

下一篇：layui框架Form元素之間有一塊空白無法去掉

web前端——html簡介&發展史

一、HTML簡介

二、HTML發展史