<!DOCTYPE html>的作用
1、定义

　　DOCTYPE是一种标准通用标记语言的文档类型的声明，目的是告诉标准通用标记语言解析器，该用什么方式解析这个文档。

　　<!DOCTYPE>必须在第一行，在html标签之前。

2、作用

　　申明文档的解析类型（document.compatMode）,避免怪异解析模式

　　加上该标记就会以符合w3c要求的标准模式来解析，从而达到在任何浏览器展现的内容都相同。

　　浏览器有两种解析模式：

　　　　怪异解析（backCompat）:就是以浏览器自己的解析渲染模式来解析，每个浏览器解析的方式可能都不相同，也就会导致不同浏览器有不同的展现方式。

　　　　标准模式（CSSICompat）:以符合w3c标准模式的方式来解析文档，不同浏览器解析渲染出来的展现方式也会相同。

HTML的块级元素和行级元素

转自：https://www.cnblogs.com/iverson666/p/9169274.html

块级元素：块级大多为结构性标记

  <address>...</adderss>   

  <center>...</center>  地址文字

  <h1>...</h1>  标题一级

  <h2>...</h2>  标题二级

  <h3>...</h3>  标题三级

  <h4>...</h4>  标题四级

  <h5>...</h5>  标题五级

  <h6>...</h6>  标题六级

  <hr>  水平分割线

  <p>...</p>  段落

  <pre>...</pre>  预格式化

  <blockquote>...</blockquote>  段落缩进   前后5个字符

  <marquee>...</marquee>  滚动文本

  <ul>...</ul>  无序列表

  <ol>...</ol>  有序列表

  <dl>...</dl>  定义列表

  <table>...</table>  表格

  <form>...</form>  表单

  <div>...</div>

行内元素：行内大多为描述性标记

  <span>...</span>

  <a>...</a>  链接

  <br>  换行

  <b>...</b>  加粗

  <strong>...</strong>  加粗

  <img >  图片

  <sup>...</sup>  上标

  <sub>...</sub>  下标

  <i>...</i>  斜体

  <em>...</em>  斜体

  <del>...</del>  删除线

  <u>...</u>  下划线

  <input>...</input>  文本框

  <textarea>...</textarea>  多行文本

  <select>...</select>  下拉列表

·块级元素

  1.总是从新的一行开始

  2.高度、宽度都是可控的

  3.宽度没有设置时，默认为100%

  4.块级元素中可以包含块级元素和行内元素

  5.都有align属性

  6.dispay都是block

·行内元素

  1.和其他元素都在一行

  2.高度、宽度以及内边距都是不可控的

  3.宽高就是内容的高度，不可以改变

  4.行内元素只能行内元素，不能包含块级元素

  5.没有align属性

  6.display都是inline

eg:

<!DOCTYPE html>

<html>

    <head>

        <title></title>

    </head>

    <body>

        <div>

        块级元素展示,大多为机构性标记

        <address>这是块级元素，这个标签是用来存放地址信息的</address><address>块级元素即使放在同一列也会换行</address>

        <center>center标签，默认居中显示</center><center>都是居中吗？</center>

        <h1>标题一级</h1><h6>标题六级</h6>

        <hr>水平分割线

        <pre>pre是预格式化标题</pre><pre>pre中会保留编写时的样式，   空格，换行都会预留  </pre>

        <blockquote>blockquote标签，用来段落缩进</blockquote><blockquote>blockquote标签，是怎么进行段落缩进的呢？</blockquote>

        <marquee>marquee标签用来滚动文本</marquee><marquee>marquee标签不太常用，试试看什么作用</marquee>

        <ul>ul标签无序列表</ul><ol>ol标签有序列表<ol>

        <table></table><form></form><dl></dl>

        </div>

        <div style="background-color:yellow">

        行内元素，大多为描述性标记

        <span>span就是行内元素</span><span>还在一行内</span>

        </div>

        <div style="background-color:yellow">

        行内元素，大多为描述性标记

        <a>a标签</a><b>b标签</b><strong>strong标签</strong><img>img标签<input value="input标签"/><textarea>teatarea标签</textarea>

        </div>

    </body>

</html>

展示效果图：

<head>头部元素的容器，可以添加的标签有，title、meta、base、link、script、style；

　　meta:元数据，提供关于html的元数据，不会被展示在页面中，对于机器是可读的。主要用于对于文档的描述、作者、修改时间等记录信息。

XHTML是一种比HTML更严格更纯净的语言超文本标签语言，X是EXTensible（可扩展的）缩写。

XHTML跟HTML的区别主要是：更严格，元素均为小写，属性都是在引号以内，标签都有闭合标签，便签嵌套更有逻辑等。

HTML认知的更多相关文章

  1. %iowait和CPU使用率的正确认知

    resources 理解 %IOWAIT (%WIO) LINUX系统的CPU使用率和LOAD Linux Performance Observability Tools How Linux CPU ...

  2. 【AI开发第一步】微软认知服务API应用

    目录 介绍 API分类 使用‘视觉’API完成的Demo 点击直接看干货 介绍 从3月份Google家的阿尔法狗打败韩国围棋冠军选手李世石,到之后微软Build2016大会宣布的“智能机器人”战略.种 ...

  3. [翻译]Primer on Cognitive Computing(认知计算入门)

    Source Kelly J., Primer on Cognitive Computing 20150216. 侵删,联系方式:zhoujiagen\@gmail.com. 按A candidate ...

  4. IBM的“认知计算时代”

    IBM 提出信息技术进入“认知计算时代”.所有电子设备都有潜力发展出认知能力,换言之,都可以像人一样‘思考’. 何为认知计算时代呢?  认知计算系统能够学习并与人类自然地交流,以扩展人类或机器可亲自执 ...

  5. 传统认知PK网络认知 刚子扯谈烤串认知

    文/刚子 2013.7.23 提到认知,有太多的介绍,我就不在秀理论文字了,那样等于自我抄袭式的传播给大家,对于大家也没意思,可以推荐大家到百度里面搜索下”认知结构”,介绍的比我详细.同行老陈说的! ...

  6. java io系列15之 DataOutputStream(数据输出流)的认知、源码和示例

    本章介绍DataOutputStream.我们先对DataOutputStream有个大致认识,然后再深入学习它的源码,最后通过示例加深对它的了解. 转载请注明出处:http://www.cnblog ...

  7. JPA学习(1)基础认知

    JPA 是什么 Java Persistence API:用于对象持久化的API. Java EE 5.0 平台标准的 ORM 规范,使得应用程序以统一的方式访问持久层: JPA和Hibernate的 ...

  8. 人工智能范畴及深度学习主流框架，IBM Watson认知计算领域IntelligentBehavior介绍

    人工智能范畴及深度学习主流框架,IBM Watson认知计算领域IntelligentBehavior介绍 工业机器人,家用机器人这些只是人工智能的一个细分应用而已.图像识别,语音识别,推荐算法,NL ...

  9. 思维认知-读mindhacks杂记

    1. 导语 无意中浏览知乎,搜索到了mindhacks.cn这个个人geek的网址.mindhacks博主本人是牛人程序员一枚,但他的博客主题涵盖的主要内容确是思维改变生活. 博客链接地址:http: ...

  10. 【我所认知的BIOS】—&gt; uEFI AHCI Driver(4) — 第一个Protocol真难搞

    [我所认知的BIOS]-> uEFI AHCI Driver(4) - 第一个Protocol真难搞 LightSeed 4/23/2014 文章对EFI_DRIVER_BINDING_PROT ...

随机推荐

  1. java 生成xml

    生成xml @Test public void parseApplicationConfigXML(){ try { SAXReader sax = new SAXReader(); Document ...

  2. WPF 一种带有多个子集的类ComBox 解决方法

    在最近的工作中遇到很多,类似这种layUI风格的Combox: 因为WPF原本的控件,并不具备这种功能,尝试重写Combox的模板,发现无从下手. 于是尝试从多个控件组合来实现这个功能. 这里使用了P ...

  3. 2021 年写 JavaScript 代码的 17 个优化技巧

    我们经常会写一些 JavaScript 代码,但是如何写出干净又易维护的代码呢?本文将讲解 17 个 JavaScript 代码的技术帮助你提高编程水平,此外,本文可以帮助您为 2021 年的 Jav ...

  4. 给jekyll博客添加天气插件

    layout: post title: 给博客添加天气插件 date: 2020-04-26 author: Dapenson header-img: img/post-bg-debug.png ca ...

  5. HTML复习day01

    1. 常见的浏览器内核 1 IE Trident 2 firefox Gecko 3 Safari webkit (安卓 苹果 大部分国产) 4 chrome Chromlum/blink 2. we ...

  6. Java ArrayList源码分析（含扩容机制等重点问题分析）

    写在最前面 这个项目是从20年末就立好的 flag,经过几年的学习,回过头再去看很多知识点又有新的理解.所以趁着找实习的准备,结合以前的学习储备,创建一个主要针对应届生和初学者的 Java 开源知识项 ...

  7. Inceptor查询语句

    -- MySQL中的语句都能用,不再一一描述,只记录一些不同 详情见Inceptor 6.0文档 3.4.4查询语句这节 -- 查询语句 SELECT开头,可以通过添加多种从句从Inceptor中的表 ...

  8. POJ - 2406 Power Strings （后缀数组DC3版）

    题意:求最小循环节循环的次数. 题解:这个题其实可以直接用kmp去求最小循环节,然后在用总长度除以循环节.但是因为在练后缀数组,所以写的后缀数组版本.用倍增法会超时!!所以改用DC3法.对后缀数组还不 ...

  9. HDU - 3281 dp

    题意: 给你b个球,m个楼层,你需要找到一个楼层数k,使得从小于k这个楼层上面扔下去球,而球不会碎.求在最糟糕的情况下你最多要尝试多少次 题解: dp[i][j]表示你有b个球,楼层总数为m,你找到那 ...

  10. hdu3480 Division

    Problem Description Little D is really interested in the theorem of sets recently. There's a problem ...