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

(0)

相关推荐

  • 新手快速建站_明白网站结构,几分钟做出网页

    厉害的人都是自己写代码建站,知道些SEO的都是仿站或者用模板建站,啥也不知道就会觉得麻烦困难(花钱请人做网站). 作为一个小白,该如何开始学习用模板建站?用模板可以实现快速建站,首先来了解一下网站基本 ...

  • 底分型选股公式 我在 《认识市场结构1:开篇》网页链接

    我在<认识市场结构1:开篇><认识市场结构2:短期高低点的识别>以及<认识市场结构3:中长期高低点识别>三篇文章中详细解释了如何看市场结构,可以说这三篇文章将市场结 ...

  • 网页设计——网页组成结构

    一. 页面组成结构:导航,内容,页脚. 导航:(navigation)是指通过一定的技术手段,为网站的访问者提供一定的途径,使其可以方便地访问到所需的内容,一般在网站的banner下面或是网页的顶部. ...

  • 超细 ‘男’‘女’士衬衫结构制版图与推板教程!

    主编:俊美人台小银分享|超细 '男''女'士衬衫结构制版图与推板教程! 男士基本款衬衫制版和推板教程 男衬衫是男性的主要服装之一,本款为尖角翻立领,六粒扣,左前胸贴明袋一个,装双层过肩,后片两个褶裥, ...

  • 程序员必备的思维能力:结构化思维

    在日常工作中,我们时常会碰到这样的情况,有的人讲一件事情的时候逻辑非常混乱,说了很多事情的罗列,却说不到重点.有的人写代码,本身的业务逻辑并没有多复杂,但呈现出的代码却像一堆线团,混乱不堪,无法理解. ...

  • 如何判断筹码结构的好坏(图解)(2)

    再讲重点,筹码的纯洁性. 这个比较难理解,我只能通过举例来说. 做短线或者超短打板,参与牛股的人主要是谁?激进的操作者,他们的操作是最极端的,买按涨停买,卖按跌停卖.那么反应到盘面就是,极端的走势. ...

  • 如何判断筹码结构的好坏(图解)

    简单来说,好的短线筹码结构,就是两个: 1.筹码断层,筹码断层使得实际流通盘极少,拉升和打压都非常方便. 2.筹码的纯洁性,指的是只有极少的获利筹码或者风险偏好低的猥琐筹码的存在,这两个是牛股炒作的重 ...

  • 中国家谱体系的6大结构,你知道几个?

    中国家谱起源十分久远,甚至在甲骨文时期都可以寻觅到相关踪迹.家谱的编撰也是经历很长时间的演变,宋代以前的朝代,家谱以官修为主,在宋代私修家谱才得到迅速发展,并一直影响到现代. 中国的家谱是一个文化宝库 ...

  • 关于数码电子产品结构设计规范

    关于数码电子产品结构设计规范