博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
博客第一弹—聊聊HTML的那些事
阅读量:5290 次
发布时间:2019-06-14

本文共 1281 字,大约阅读时间需要 4 分钟。

HTML(HyperText Markup Language),即超文本标记语言。它的结构包括head部分和body部分,其中head部分用于描述网页的一些关键信息,这些信息本身不作为内容来显示,但对网页的解析和显示至关重要,比如网页的标题、链接、元数据等。


一:首先,HTML的基本结构为:

<!DOCTYPE html>

<html>
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>无标题文档</title>
  </head>
  <body>
    网页的文本、图片等信息;
  </body>
</html>

其中<!DOCTYPE html>是

HTML的文档类型声明。声明这个文件是HTML5文件,让浏览器按照HTML5准备进行解析显示。
文档声明在HTML文件中,必须要有,必须最上方。

一:Head部分

2:<head></head>
用于描述网页的一些关键信息,比如网页的配置,设置,关键字等等。
这些信息大多在浏览器看不见,但是对网页的解析至关重要。

1:<title></title>网页的标题,显示在浏览器选项卡上面的文字。
实例:<title>这是我的第一个网页</title>

 

2:<link> 标签定义文档与外部资源的关系,常见的用途是链接样式表。
实例:<link rel="stylesheet" type="text/css" href="theme.css" />
还可以用于链接网页的小图标。
实例:<link rel="icon" href="img/001.jpg"/>
其中rel="icon"表示当前link的作用,是链接网页图标;
href="img/001.jpg" 是图标地址。

 

3:<mate>定义文档中的元数据。

实例:<mate charset="utf-8">表示编码格式为万国码 。

常见的中文编码格式:

GB2312:国标码,简体中文;

GBK:扩展的国标码,简体中文;

UTF-8:兼容各种语言编码,常用!

 

实例:<mate name="keywords" content="HTML,head,元数据"/>

设置网页关键字,有助于搜索引擎搜索。

name="keywords"表示这个meta标签设置的是网页的关键字;

content=""表示关键字的详细信息,用英文逗号分开。

 

实例:<mate name="description" content="这是我开发的第一个网页">

设置网页的描述信息,搜索引擎搜索时,标题下面的一段文字。

name="description" 表示这个meta标签设置的是网页的描述信息;

content=""表示描述信息的详细内容。

 

PS:head部分还包括<base>、<script>、<style>等。

转载于:https://www.cnblogs.com/xiaoxiaoz/p/6980348.html

你可能感兴趣的文章
asp.net C#后台实现下载文件的几种方法(全)
查看>>
MySQL用户变量的用法
查看>>
HDU 2002 计算球体积
查看>>
Web前端开发工程师的具备条件
查看>>
为什么要用日志框架 Logback 基本使用
查看>>
实用Android开发工具和资源精选
查看>>
TileMap
查看>>
JS属性大全
查看>>
java复制文件
查看>>
第一册:lesson seventy nine.
查看>>
GCD的同步异步串行并行、NSOperation和NSOperationQueue一级用dispatch_once实现单例
查看>>
团队作业
查看>>
数据持久化时的小bug
查看>>
mysql中key 、primary key 、unique key 与index区别
查看>>
bzoj2257
查看>>
Linux查看文件编码格式及文件编码转换<转>
查看>>
Leetcode: Find Leaves of Binary Tree
查看>>
Vue 模板解释
查看>>
http://www.bootcss.com/
查看>>
20145308 《网络对抗》 注入shellcode+Return-to-libc攻击 学习总结
查看>>