详解HTML-01-认识HTML骨架

一、认识HTML5骨架

在这里插入图片描述

1. 文档类型声明DTD
  • HTML文件第一行必须是DTD(Document Type Definition,文档类型声明)
  • 不写DTD会引发浏览器的一些兼容问题
  • 不同版本的HTML有不同的DTD写法

不同版本的DTD写法

  • html5
    <!DOCTYPE html>
    
  • HTML4.01严格版
    <!DOCTYPE HTML PUBLIC> "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/sttict.dtd">
    
  • HTML4.01过渡版
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    
  • HTML4.01框架版
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
    

题外:

W3C(The World Wide Web Consortium,万维网联合会)是万维网的主要国际标准组织。该联盟成立于1994年,负责制定Web标准,主要是HTML和CSS

二、具体元素
  • html标签上的lang属性
    在这里插入图片描述

  • head标签和body标签
    在这里插入图片描述

  • 字符的设置
    在这里插入图片描述
    在这里插入图片描述
    字符集:

    字符集涵盖字符一个汉字字节数适用场景
    UTF-8涵盖全球所有国家、民族的文字和大量图形字符3制作有非汉字文字的网页
    gb2312收录所有汉字字符(包括简体、繁体)和英语、少量韩文、日语和少量图形字符2制作只有汉语和英语的网页,由于1个汉字仅占2个字节,网页文件尺寸明显减少
  • 标题title
    在这里插入图片描述
    标题的用途:

    1. title标签用来设置网页的标题,文字会显示在浏览器的标签栏上
    2. title也是搜索引擎收录网站时显示的标题,为了吸引用户点击,合理设置title是必要的。
  • 关键词和页面描述
    在这里插入图片描述
    作用:

    合理设置网页的网页的关键词和页面描述,是SEO的重要手段。

    SEO(Search Engine Optimization,搜索引擎优化)利用搜索引擎的规则提高网站在有关搜索引擎内的自然排名,让网站在搜索引擎的结果中内占据领先地位,获取品牌收益

    使用meta标签设置网页关键词和描述,name属性非常关键,用来设置meta的具体功能

    页面描述也是搜索引擎显示的简介。
    在这里插入图片描述
    在这里插入图片描述

  • 视口设置
    在这里插入图片描述

  • http文件头
    在这里插入图片描述

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值