HTML基础储备 | 零基础学HTML(二)

108 阅读3分钟

持续创作,加速成长!这是我参与「掘金日新计划 · 10 月更文挑战」的第12天,点击查看活动详情

  • HTML基本结构(必写的HTML结构):基本骨架(最基本的四个标签:<html>、<head>、<title>、<body>)、DTD、命名空间、字符集

  • <title>标签的作用:

    • 让页面拥有一个属于自己的标题

    • Title中的关键字可以作为搜索引擎抓取时的关键字,提高SEO搜索引擎优化

    • 内部的内容会显示在搜索结果的标题部分

    • 作为浏览器收藏夹默认的网页标题

    • 建议网页必须添加title标签内部内容,内容尽量精简,提取网页的关键字

  • DTD:<!DOCTYPE html>

    • 完整的HTML文件的第一行内容叫做文档定义类型,英文DocType Definition,简称DTD。也称作文档声明类型,DocType Declaration

    • 作用:告知浏览器该网页使用的是哪个版本的HTML规范,让浏览器按照对应版本的HTML语法进行解析页面

  • xml可扩展标记语言(Extensible Markup Language),扩展标记语言xml是一种简单的数据存储语言,使用一系列简单的标记描述数据;在1998年,W3C就发布了xml1.0规范,使用它来简化Internet的文档信息传输;xml不是要替换HTML,实际上xml可以视作对HTML的补充,弥补了HTML的缺陷 image.png

  • 命名空间:

    • xml:可扩展标记语言,使用在传输过程中的规范。被设计用来传输和存储数据,是HTML的补充

    • 全称叫做XML NameSpace,NameSpace叫做命名空间,浏览器会将此命名空间用于该属性所在元素内的所有内容

    • <html>元素的命名空间规定了在不同用户的浏览器中标签语义遵循的统一标准,避免出现标签名冲突,这个标准使用的就是一个固定的网址www.w3.org/1999/xhtml中的规范

    • xml:lang=”en”和lang=”en”表示所有的标签元素内容的语言都是英语,对搜索引擎和浏览器是有帮助的;lang=”zh-cn”表示中文。搜索中文网页时,使用zh-cn要比使用en的网站排名靠前

  • 字符集:

    • <head>标签内部的<meta>标签通过http-equiv属性定义了当前的网页所使用的字符编码

    • char:character,字符。set:集合

    • HTML5版本:<meta charset=”UTF-8”>

  • 常用字符编码

    • 国际通用字库:UTF-8:以字节为单位Unicode万国码进行编码,涵盖了所有人类的语言文字,一个汉字为3个字节大小

    • 中文国标字库:GB2312:共收入汉字6763个和包括拉丁字母、希腊字母、日本平假名及片假名字母、俄语西里尔字母在内的682个;GBK:是GB2312的扩展,增加了繁体字,共收入21886个汉字和图形符号,其中汉字(包括部首和构件)21003个,图形符号883个,一个汉字为2字节大小

    • 使用情况建议:如果没有网页加载速度要求,或者制作的是外文网站,使用UTF-8;如果含有大量中文汉字的网站,而且要求网页加载速度快,使用GBK。

    • 注意:meta标签声明的字库,必须和编辑器软件默认编辑字库相同,否则会出现两个字库不匹配,浏览器加载时出现乱码