HTML基本结构

181 阅读2分钟

基本骨架

  • <html>标签

    • html元素的命名空间规定了在不同用户的浏览器中标签语义遵循的统一标准,避免出现标签名冲突。
    • 语言
      1. xml:lang="en"和lang="en"表示所有的标签元素内容的语言都是英语,对搜索引擎和浏览器是有帮助的。
      2. lang="zh-cn"表示中文
  • <head>标签

    • <title>标签(必须设置)

      1. 让页面拥有一个属于自己的标题。
      2. title中的关键字可以作为搜索引擎抓取时的关键字,提高SEO搜索引擎优化。
      3. 内部的内容会显示在搜索结果的标题部分。
      4. 作为浏览器收藏夹默认的网页标题。
    • <meta>标签

    • <base>标签

    • <style>标签

    • <script>标签

    • <link>标签

  • <body>标签

DTD

  • HTML文件的第一行内容:文档定义类型
  • 作用:告知浏览器该网页使用的是哪个版本的HTML规范,让浏览器按照对应版本的HTML语法进行解析页面。
  • HTML5版本:

命名空间

  • <html>标签
    • html元素的命名空间规定了在不同用户的浏览器中标签语义遵循的统一标准,避免出现标签名冲突。
    • 语言
      1. xml:lang="en"和lang="en"表示所有的标签元素内容的语言都是英语,对搜索引擎和浏览器是有帮助的。
      2. lang="zh-cn"表示中文

字符集(1024字节 = 1kb 1024kb = 1兆b)

  • 常用字符集编码
    1. UTF-8:涵盖了所有人类的语言文字,一个汉字为3字节大小。
    2. gb2312:收录的汉字相对于gbk少一些
    3. gbk:是gb2312的扩展,一个汉字为2字节
  • 字符集常见问题
    • 使用建议

      1. 没有网页加载速度要求,或者是制作的外文网站,使用utf-8
      2. 含有大量中文汉字的网站,而且要求网页加载速度快,使用gbk。
    • 注意:meta标签声明的字库,必须和编码器软件默认编译字库相同,否则会出现两个字库不匹配,浏览器加载时出现乱码。