HTML&CSS基础-文档声明

HTML&CSS基础-文档声明作者:尹正杰版权声明:原创作品,谢绝转载!否则将追究法律责任. 一.HTML的发展 1993年6月: HTML第一个版本 1995年11月: HTML2.0 1997年1月: HTML3.2(W3C推荐) 1999年12月: HTML4.01(W3C推荐) 2000年底: XHTML1.0(W3C推荐),该版本是吸收了XML的一些标准,想让用户过渡到XML相关语法的特性,可惜官网并没有实现自己的期望,于是在2014年H5发布. 2014年10月: HTML5(W…

HTML（一）HTML基础语法（HTML简介，HTML文档声明）

HTML 概念介绍 [概念] (Hyper Text Markup Language)超文本标记语言,是用来描述网页的一种语言超文本(Hyper Text):不只包括文本,也可以包括图片.链接.音乐.视频等非文本元素标记语言(Markup Language):标记语言是一套标记标签,HTML使用标记标签来描述网页 [标签] 单标签:<img src="" alt="" /> 双标签:<b></b> ** HTML标签对大小写不…

HTML文档声明

前面的话 HTML文档通常以类型声明开始,该声明将帮助浏览器确定其尝试解析和显示的HTML文档类型.本文将详细介绍文档声明DOCTYPE 特点文档声明必须是HTML文档的第一行.且顶格显示,对大小写不敏感.因为任何放在DOCTYPE前面的东西,比如批注或XML声明,会令IE9或更早期的浏览器触发怪异模式(后面的渲染模式会介绍) 由于文档类型声明不是标签,因此不应具有关闭标签版本版本年份 HTML 1991 HTML+ 1993 HTML 2.0 1995 HTML 3.2 1…

为什么要加入<!doctype html>这个文档声明——IE怪异模式

调试了很久,发现了一个非常细微但又十分重要的问题,又一次我在对于文档声明类型的时候,声明了如下类型 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 然后,我在body里面写了两个div,并且定义了宽度和高度均为80px,padding上下左右均为20px,那么显…

XML的文档声明

1.XML的文档声明 <?xml version="1.0" encoding="utf-8"?> 文档声明必须写在第一行第一列属性: version:xml的版本 1.0(使用) 1.1 encoding:xml的编码 utf-8 gbk iso-8859-1(不包含中文) standalone:是否需要依赖其他的文件 yes/no 2.定义元素(标签) 标签定义有开始必须有结束包含标签主体:<person>文本内容</per…

课时15.DTD文档声明下（了解）

W3C的官方网站是W3School,我们可以去官方网站查询DTD文档声明. HTML4.01 Strict 非常严谨的如果你写了这个DTD文档声明,你就不能写如下样式: <font size="50px" color="red">你好</font> 因为html是添加语义的,而css才是添加样式的,在这种严格的DTD文档声明中不被允许 HTML4.01 Transitional 没有什么特殊要求,你可以使用font,u…

文档声明和HTML样式表

文档声明不是注释也不是元素,总是在HTML的第一行书写格式:<!DOCTYPE HTML> 是用于通知浏览器目前文档正使用哪一个HTML版本(相关属性 lang) 若不写文档声明,浏览器渲染页面时会进入怪异模式 HTML元素又叫根元素或根标记,是所有元素的祖先元素例:<html lang="en"></html>表示该文档中的文字用英语 <html lang="zh-cmn-hans"></html>…

day01 html介绍文档声明头 head标签 body标签

day01 html 初识html  <!doctype html> <html lang="en"> #浏览器右上角弹出"翻译中文" <head>  <meta charset="UTF-8">  <title>八戒爱谁…

css参考文档；官方英文说明！！ 1 margin padding 百分比参照物 2 margin值为auto时的说明 3 div在div里垂直居中方法 4 dispaly:flex说明

css参考文档 http://css.doyoe.com/ 两篇很好的文章:(下面的css官方英文说明链接有时间可以研究下 http://www.w3.org/TR/css3-box/#margins http://dev.w3.org/csswg/css-box/#the-margin-properties http://dev.w3.org/csswg/css-box/#Calculating ) 1 http://www.ituring.com.cn/article/645…

[中文版] 可视化 CSS References 文档

本文分享了我将可视化 CSS References 文档翻译成中文版的介绍,翻译工作还在陆续进行中,供学习 CSS 参考. 1. 可视化 CSS References 文档介绍许多 CSS 的文档都是属性的介绍,而开源项目 css-reference 并没有提供中文版,而当我分享到社区的时候就有人提出了没有中文版本的问题,所以我进行了部分的翻译与文档部署. 小程序刚好发布了,最需要的 Flex 布局部分已翻译完毕. 英文没有障碍的看原站点即可. 2. 文档资源列表英文原站英文站点源码…

css标准文档流

css标准文档流所谓的标准文档流指的是网页当中的一个渲染顺序,就如同人类读书一样,从上向下,从左向右.网页的渲染顺序也是如此.而我们使用的标签默认都是存在于标准文档流当中. 标准文档流当中的特性空格产生折叠当在代码中存在多个空格的时候,空格会出现折叠现象. 2.元素默认底边对齐当多个元素并排显示的时候,默认会采用底边对齐. 3.文字自动换行当在一行范围内去输出文字的时候,当一行的宽度不够时,文字会发生自动换行. 块级元素和行内元素在标准文档流当中,元素分为块级元素和行内元素. 如果想…

Html5新特性之文档声明和头部信息

Html5推出的新内容比较多,本文我们来介绍两个重点内容,文档类型声明和头部信息. 无论是Html4.01还是XHtml1.0,所有文档的开头都会有文档声明<!DOCTYPE>标签来声明它采用哪种标准来解析当前网页(此部分内容可以参考下面相关文章中关于文档声明的相关文章),Html5也不例外,不过它较之前两者更加简单化,只需要一?行声明即可. Html4.01和Xhtml1.0的文档声明信息: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1…

3 、操作元素 (属性 CSS 和文档处理)

3 操作元素-属性 CSS 和文档处理 3.1 属性操作 $("p").text() $("p").html() $(":checkbox").val() $(".test").attr("alex") $(".test").attr("alex","sb") $(".test").attr("c…

课时14.DTD文档声明上（掌握）

1.什么是DTD文档声明? 由于HTML有很多格版本的规范,每个版本的规范之间又又一些差异,所以为了让浏览器能够正确的编译/解析/渲染我们的网页,我们需要在HTML文件的第一行告诉浏览器,我们当前这个网页是用哪一个版本的HTML规范来编写的,浏览器只要知道了我们是用哪一个版本的规范来编写之后,它就能够正确的编译/解析/渲染我们的网页. 2.DTD文档声明格式? 每一个不同版本的规范都又不同的DTD文档声明,上节课我们只讲解HTML5的DTD文档声明,因为HTML5的DTD文档声明是向下兼容的 <…

HTML5入门：HTML5的文档声明和基本代码

HTML5的文档声明: HTML5的文档声明,不同于HTML4.0和XHTML,它精简了许多代码,只保留<!DOCTYPE html>开头,必须位于HTML5文档的第一行,它可以用来告诉浏览器或任何其它分析程序它们所查看的文件类型. HTML5的基本代码: <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>Hello HTML5</ti…

文档声明（Doctype）和<!Doctype html>有何作用? 严格模式与混杂模式如何区分？它们有何意义?

文档声明的作用: 文档声明是为了告诉浏览器,当前HTML文档使用什么版本的HTML来写的,这样浏览器才能按照声明的版本来正确的解析. <!doctype html> 的作用就是让浏览器进入标准模式,使用最新的 HTML5 标准来解析渲染页面:如果不写,浏览器就会进入混杂模式,我们需要避免此类情况发生. 严格模式与混杂模式的区分: 严格模式: 又称为标准模式,指浏览器按照W3C标准解析代码: 混杂模式: 又称怪异模式.兼容模式,是指浏览器用自己的方式解析代码.混杂模式通常模拟老式浏览器的行为,以…

【HTML&CSS】第一章：DTD文档声明

<!DOCTYPE> 声明必须是 HTML 文档的第一行,位于 <html> 标签之前. <!DOCTYPE> 声明不是 HTML 标签:它是指示 web 浏览器关于页面使用哪个 HTML 版本进行编写的指令. 在 HTML 4.01 中,<!DOCTYPE> 声明引用 DTD,因为 HTML 4.01 基于 SGML.DTD 规定了标记语言的规则,这样浏览器才能正确地呈现内容. HTML5 不基于 SGML,所以不需要引用 DTD. 提示:请始终向 HTM…

重温CSS之文档结构

我们来看看几个基本的HTML页面 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equ…

2 HTML简介&标签嵌套和并列关系&文档声明

HTML:Hyper Text Markup Language 超文本标签语言(hyper:精力旺盛的 markup:标记 n noun) HTML不是编程语言,而是一种标记语言(就是一套标记标签),用于描述网页,是网页制作必备的. 超文本是指页面内可以包含图片.链接.甚至音乐.程序等非文字元素. HTML的结构包含头和主题,头提供网页信息,主体提供网页的具体内容. HTML文档包含标签和文本内容,HTML文档也叫作web页面 HTML标签和HTML元素通常都是同一个意思网页的本质就是超文本…

html4.0.1，h5，xhml，文档声明区别

<!DOCTYPE> 声明不是 HTML 标签:它是指示 web 浏览器关于页面使用哪个 HTML 版本进行编写的指令. 提示:请始终向 HTML 文档添加 <!DOCTYPE> 声明,这样浏览器才能获知文档类型. 在 HTML 4.01 中,<!DOCTYPE> 声明引用 DTD,因为 HTML 4.01 基于 SGML.DTD 规定了标记语言的规则,这样浏览器才能正确地呈现内容. HTML5 不基于 SGML,所以不需要引用 DTD. 在 HTML 4.01 中有三…

css脱离文档流

作者:张秋怡链接:http://www.zhihu.com/question/24529373/answer/29135021来源:知乎著作权归作者所有.商业转载请联系作者获得授权,非商业转载请注明出处. Q: 脱离文档流就不占据空间了吗?A: 可以这么说.更准确地一点说,是一个元素脱离文档流(out of normal flow)之后,其他的元素在定位的时候会当做没看见它,两者位置重叠都是可以的. Q: 脱离文档流是不是指该元素从dom树中脱离?A: 不是,用浏览器的审查元素就可以看到脱离文档…

CSS脱离文档流&浮动

什么是文档流? 将窗体从上至下分成一行一行,并在每行中按从左至右依次排放元素,称为文档流,也称为普通流.这个应该不难理解,HTML中全部元素都是盒模型,盒模型占用一定的空间,依次排放在HTML中,形成了文档流. 什么是脱离文档流? 元素脱离文档流之后,将不再在文档流中占据空间,而是处于浮动状态(可以理解为漂浮在文档流的上方,处在另一个平面).脱离文档流的元素的定位基于正常的文档流,当一个元素脱离文档流后,依然在文档流中的其他元素将忽略该元素并填补其原先的空间. 脱离文档流的几个方法 1. 绝对定…

CSS标准文档流块级元素和行内元素

标准文档流什么是标准文档流宏观的将,我们的web页面和ps等设计软件有本质的区别,web 网页的制作,是个“流”,从上而下 ,像 “织毛衣”.而设计软件 ,想往哪里画东西,就去哪里画空白折叠现象: 多个空格会被合并成一个空格显示到浏览器页面中.img标签换行写.会发现每张图片之间有间隙,如果在一行内写img标签,就解决了这个问题,但是我们不会这样去写我们的html结构.这种现象称为空白折叠现象. 高矮不齐,底边对齐文字还有图片大小不一,都会让我们页面的元素出现高矮不齐的现象,但是在浏览器…

jade文档声明和头尾标签

作为一个页面,首先需要一个doctype的声明,它位于文档最上面的位置,放置html标签以前,用来告知浏览器当前这个页面用哪种html,或者xml的规范并解析页面 doctype html html head title imooc jade study body 老的声明方式,也可以是doctype strict,doctype frameset,doctype xml,这里用简单的h5的html,这是文档的根元素 heade属于html的子元素,title属于head的子元素,标签文…

php基础文档

目录 PHP简介 PHP概述和名词解释 PHP常见数据类型 PHP运算符 PHP流程控制语句 PHP函数 PHP类与对象 PHP会话session与缓存cookie(扩展) 1.PHP简介 PHP,即“PHP:hypertext prerocessor”,是一种被广泛应用的开源通用脚本语言,尤其适用于web开发并可嵌入HTML中去.他的语法利用了C.Java和Perl,易于学习.该语言的主要目标是允许web开发人员快速编写动态生成的web界面,但PHP的用途远不止于此. 2.PHP名词解释基本…

CSS定位——文档流定位

关于CSS的定位机制Ⅰ ㈠概念对于盒子模型来说,也就是页面元素,这些盒子究竟在页面的什么位置,怎样排列它,那么找到它的位置,确定它的位置,这个就是定位机制所决定的. ㈡分类文档流, 浮动定位,层定位㈢三种类型定位的功能 ⑴文档流定位(normal flow) 默认我们不需要额外的设置,每种元素它们在当前的网页上面呈现出来的状态都不同,文档流定位就相当于我们平常写字一样,都是从上到下,从左到右,只是有的元素会单独占一行,有的元素跟其他元素在一行上显示. ⑵浮动定位(float) 改变默…

关于CSS自文档的思考_css声明式语言式代码注释

obert C. Martin写的<Clean Code>是我读过的最好的编程书籍之一,若没有读过,推荐你将它加入书单. 注释就意味着代码无法自说明 —— Robert C. Martin Martin在文中详细讨论了代码注释,我不会完全重复他的话.简而言之,他的意思就是,这些注释是注定会过时的.程序执行时会忽视注释,所以无法保证这些说明注释会准确的描述代码作用.所以最好的方式是让代码自说明,如此,按照代码逻辑,程序员和程序获取到的信息是一致的. 思考如下代码: // Check to see…

计算机基础 | 文档神器docsify安装及基本使用

为啥要用docsify? 神器Docsify让你的文档变得美观,配合typora,从此爱上看文档,各种优点:小巧.快速.美观.方便.快捷.上手快,可以浏览如下优秀案例 ve-charts pyecharts pyecharts-gallery 处于萌芽阶段的 Java 核心知识库更多案例请看:Awesome Docsify 安装 1.首先安装npm: sudo apt install npm 如果报错,则执行如下命令安装相关依赖 sudo apt-get install nodejs-dev…

[java基础]文档注释

转载自:http://blog.163.com/hui_san/blog/static/5710286720104191100389/ 前言 Java 的语法与 C++ 及为相似,那么,你知道 Java 的注释有几种吗? 1)// 注释一行 2)/* ...... */ 注释若干行 3)/** ...... */ 注释若干行,并写入 javadoc 文档通常这种注释的多行写法如下: /** * ......... * ......... */ 这第三种注释有什么用?javado…

ElasticSearch基础+文档CRUD操作

本篇博客是上一篇的延续,主要用来将年前学习ES的知识点做一个回顾,方便日后进行复习和汇总!因为近期项目中使用ES出现了点小问题,因此在这里做一个详细的汇总! [01]全文检索和Lucene (1)全文检索,倒排索引 (2)lucene,就是一个jar包,里面包含了封装好的各种建立倒排索引,以及进行搜索的代码,包括各种算法.我们就用java开发的时候,引入lucene jar,然后基于lucene的api进行去进行开发就可以了.用lucene,我们就可以去将已有的数据建立索引,lucene会在本地…

【HTML&CSS基础-文档声明】的更多相关文章