zoukankan      html  css  js  c++  java
  • HTML网页的基本组成结构

    HTML基本结构

    • document是指整个文件,它下面就是咱们的html
    • 超文本标记语言的结构包括"头"(head)和主体(body)
    • 其中"头"部提供关于网页的信息,"主体"部分提供网页的具体内容

    #HTML基本结构-文档声明

    • 为了说明文档使用的超文本标记原因标准,所有的超文本标记语言文档应该以“文档类型声明”开头,引用一个文件类型描述或者必要情况下自定义一个文件类型的描述
    • 声明必须是HTML文档的第一行,位于html标签之前
    • 声明不是HTML标签,它是指web浏览器关于页面使用哪个HTML版本进行编写的指令
    • 在HTML4.01中,声明引用DTD,因为html4.01基于SGM。DTD标记了语言的规则,这样浏览器才能正确呈现内容
    • HTML5不基于SGML,所以不需要DTD

    HTML基本结构-head

    • head标签用于定义文档的头部,它是所有头部元素的容器
    • head中的元素可以引用脚本,指示浏览器在哪里找到样式表、提供元信息等等
    • 文档的头部描述了文档的各种属性和信息,包括文档的标题、在web中的位置以及和其他文档的关系等,绝大多数文档头部包含的数据都不会真正作为内容显示给用户
    • 下面这些标题可用在head部分:link,meta,script,syle以及title

    补充:视口 viewport meta:vp table键(移动端手机页面开发必须添加的代码)&页面小图标:

    TML基本结构-title

    标签title定义文档的标题,它是head中必需的唯一元素

    一定要选择一个正确的标题,这对于定义文档并确保它能够在web上有效利用来说十分重要

    显示在浏览器的页卡位置

    HTML基本结构-meta

    • 标签meta提供关于html文档的元数据。它不会显示在页面上,但是对于机器是可读的;
    • 典型的情况是,meta元素被用于规定页面的描述关键词、文档的作者、最后修改的实践以及其他的元数据;
    • 标签meta属性常见的值有author,description,keywords,generator,revised,others

    HTML基本结构-body

    • 网页的主体部分
    • body元素定义文档的主体,用户看到的内容都在body内编写
    • body元素包含文档的所有内容(比如文本、超链接、图像、表格和列表等等)

    常用的标签元素

    html4版本常见的标签元素/网址:http://www.zhufengpeixun.com/qianduanjishuziliao/qianduanCSSziliao/2016-06-29/456.html

    html5版本新增标签/网址:http://old.zhufengpeixun.cn/qianduanjishuziliao/css3hehtml5zhuanti/2016-11-20/665.html

  • 相关阅读:
    easyui datagrid 本地json数据 实现删除
    Kindeditor单独调用多图上传
    Kindeditor单独调用单图上传增加预览
    HTML <frameset> 标签
    easyui datagrid 获取行数据某个字段
    easyui datagrid 表格中操作栏 按钮图标不显示
    web安全之XSS跨站脚步攻击
    兼容低版本JS的Array.map方法
    关于wince串口接收数据异常
    VC中控制台程序和基于对话框的程序之间的区别
  • 原文地址:https://www.cnblogs.com/webaction/p/13388837.html
Copyright © 2011-2022 走看看