HTML 初识

1. 简介

  • HTML:超文本标记语言,英文全称(Hyper Text Markup Language)
  • 标记语言:仅用于标记文档的语义,不用于更改文档的样式(忘记H1等,可通过CSS来更改其样式)。

html是一种纯文本文档。

2. 骨架

<!DOCTYPE html>//文档声明头
<html>//根标签
  <head>
    //声明文档属性,如标题等
  </head>
  <body>
    //页面内容
  </body>
</html>

2.1 文档声明头

任何一个标准的html页面,第一行都是文档声明头,其格式为<!DOCTYPE ...>

根据html的发展历程,主要有以下几种文档声明头。

HTML版本 DTD(文档声明定义)
HTML4.01 Strict Transitional Frameset
XHTML1.0 Strict Transitional Frameset
HTML

说明:

  • Strict :严格的,体现在标签名必须小写等
  • Transitional:普通的
  • Frameset:框架的,主要应用在后台管理系统页面中

3. 常见meta标签

3.1 字符集

  • HTML4.01/XHTML1.0
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
  • HTML5
<meta charset="gbk"/>

3.2 关键字和页面描述

  • 关键字
<meta name="Keywords" content="网易,邮箱,游戏,新闻,体育,娱乐,女性,亚运,论坛,短信" />
  • 页面描述
<meta name="Description" content="网易是中国领先的互联网技术公司,为用户提供免费邮箱、游戏、搜索引擎服务,开设新闻、娱乐、体育等30多个内容频道,及博客、视频、论坛等互动交流,网聚人的力量。" />

主要作用:搜索引擎优化(SEO)

页面描述
页面描述

3.3 title 标签

<title>我是页面标题</title>

作用:浏览器选项卡标题名称

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 1、HTML、XML、XHTML 有什么区别? 1)HTML,超文本标记语言,是语法较为松散的、不严格的Web语言...
    大胡子歌歌阅读 349评论 0 1
  • HTML、XML、XHTML的区别 1.HTML:超文本标记语言(HyperText Markup Languag...
    饥人谷_木头先生爱喝水阅读 451评论 0 1
  • 什么是HTML? HTML 是用来描述网页的一种语言。 HTML 指的是超文本标记语言:HyperTextMark...
    年少懵懂丶流年梦阅读 325评论 0 1
  • 网页的乱码问题主要是html的内容与浏览器中的编码不一致导致的。主要问题是出在非英文的语言字符上。要使网页不产生乱...
    饥人谷_wanpp阅读 554评论 0 48
  • 工作内容 修复ifish后台退出没有调用退出接口导致服务器没有清楚session 发送post退出请求,服务器会重...
    秋名山的秋山澪阅读 153评论 0 0