前端基础--------html基础知识及总结

HTML的基本结构

html文档结构

<!DOCTYPE html>
<html lang="en">
<head> 
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    
</body>
</html>
  • <!DOCTYPE html>   //引用官方的DTD文件,而Html5不需要引用严格意义上的DTD规范

    问:什么是DTD文件?

    答:

  • <html>标签  //<html>文档的根元素标签, 成对出现,如<html>......</html> ,代表一个html文档的开始和结束
  • <head>标签  //<html>文档的头部标签,   成对出现,如<head>......</head>  
  • <body>标签  //<html>文档的主体部分,   成对出现,如<body>......</body>   ,存放一个网页的所有内容

head标签内常用元素

  • <title>标签  //用于定义html文档标题  ,是可以直接在浏览器窗口看到的标签,也是用户与搜索引擎最看重的标签,能帮助用户与搜索引擎判断当前页面的主旨和中心思想,在做seo优化的时候,应当将当前页面最核心的关键词写到<title>标签中,从而提高网页的排名和浏览量
  • <script>标签  //用于包含javascript的脚本,可在该标签内编写js代码,或直接引入外部的js文件
  • <link>标签  //用于引入外部的css文件
  • <style>标签  //用于定义html文档内部的css样式
  • <meta>标签  //用于定义html文档的元信息,也称为元数据 ,也就是键值对,包含以下3个属性 :一般情况下可以省略或者不用理,需要时请仔细查阅官方文档使用  
    http-equiv:指定元信息的名称,该属性指定的名称具有特殊意义,它可以向浏览器传回一些有用的信息,帮助浏览器正确处理网页内容  ,                                                    name:指定元信息的名称, 一般情况下可以省略或者不用理,需要时请仔细查阅官方文档使用                                                                                                                                content:指定元信息的值 ,一般情况下可以省略或者不用理,需要时请仔细查阅官方文档使用  

        问:什么是元信息

        答:

前端基础--------html基础知识及总结

上一篇:ElasticSearch-php 文档增删改查常用操作


下一篇:CTFHUB-HTTP协议