1、HTML基本标签

    技术2022-07-11  81

    HTML基本标签

    文档声明<html>标签<head>标签<body>标签

    ​ 关于HTML的历史这里就不讲了,想要了解可以去百度百科。本章主要将一下HTML的最基本的标签的使用。这些标签都是一个HTML文档必不可少的标签。


    一、文档声明

    1.1、说明

    ​ <!DOCTYPE> 声明位于HTML文档中的第一行,处于 <html> 标签之前,<!DOCTYPE> 声明不是一个 HTML 标签,它用于告知 Web 浏览器按照哪个 HTML 版本来解析当前HTML文档。 ​ <!DOCTYPE>声明没有结束标签,也不区分大小写

    1.2、不同版本中使用

    HTML5

    <!DOCTYPE html>

    HTML4

    <!--HTML 4.01 Strict--> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <!--HTML 4.01 Transitional--> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <!--HTML 4.01 Frameset--> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">

    XTHML

    <!--XHTML 1.0 Strict--> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <!--XHTML 1.0 Transitional--> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <!--XHTML 1.0 Frameset--> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd"> <!--XHTML 1.1--> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

    二、<html>标签

    2.1、说明

    ​ <html>标签用于告知浏览器这是一个HTML文档,<html>标签是HTML文档的最外层标签,即文档的根标签。

    2.2、标签属性

    lang:HTML5新特性。用于指定该文档属于哪个国家。【en>英国,ch>中国】manifest:HTML5新特性。定义一个 URL,在这个 URL 上描述了文档的缓存信息。xmlns:HTML不支持,只有XHTML支持这个属性。xmlns属性有一个固定值xmlns=http://www.w3.org/1999/xhtml,所以即使您没有包含它,此值也会被添加到<html> 标签中。

    2.3、使用

    <!DOCTYPE> <html> <!--文档容器--> </html>

    三、<head>标签

    3.1、说明

    ​ <head> 标签是所有头部标签的容器,可以包含脚本、样式等信息。常见的头部标签有:<title>、<style>、<base>、<link>、<meta>、<script>、<noscript>等。

    3.2、标签属性

    profile:HTML5开始不支持该属性了。规定文档 URL 的一系列规则。这些规则能被浏览器识别并且准确读取 标签的内容属性中的信息。

    3.3、使用

    <!DOCTYPE> <html><!--文档容器--> <head><!--头部标签容器--> <title>网页名称</title><!--这个标签必须有,不然报错--> </head> </html>

    四、<body>标签

    4.1、说明

    ​ <body> 标签定义文档的主体,含文档的所有内容(比如文本、超链接、图像、表格和列表等等)。

    4.2、标签属性

    bccolor:设置页面背景颜色background:设置页面背景图片

    4.3、使用

    <!DOCTYPE> <html><!--文档容器--> <head><!--头部标签容器--> <title>网页名称</title> </head> <body> <!--网页主体,页面上能瞧见的东西都来自这里。--> </body> </html>
    Processed: 0.011, SQL: 9