`
2008winstar
  • 浏览: 60792 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论
  • chenke: 写的很好,也可以看看那这个文章,我感觉学的还可以。http:/ ...
    HTML

HTML

    博客分类:
  • HTML
 
阅读更多

HTML相关知识

 

HTML标签

一个完成的HTML标签如下图所示: 

 

与HTML相关的几个概念:

HTML,XHTML,DHTML,HTML5

 

HTML与XHTML的区别:

标签语法上:

(1)文档类型的声明不一样,常见的文档类型声明如图所示:



  

文档类型声明(DTD)定义了文档所允许的标签、语法。

该声明位于文档中最前面的位置,处于html标签之前,此标签告知浏览器文档使用哪种HTML或者XHTML规范。

DTD声明以<!DOCTYPE>开始,不区分大小写,前面没有任何内容,如果有其他内容(空格除外)会是浏览器在IE下开启怪异模式渲染网页。

同时,DTD也会影响浏览器的渲染模式。

通常浏览器有两种渲染模式:怪异模式与标准模式。当一个HTML文档缺少文档类型声明,或文档类型声明不正确时,浏览器会进入怪异模式,如图下所示:


 

标准模式时:



 
 

(2)HTML标签不区分大小写,XHTML要求小写;HTML5不区分,建议统一使用小写标签;

(3)HTML中有些属性的值为可选,XHTML要求所有属性必须含有属性值,HTML5属性值是可选的,如:

<input checked> <!-- HTML 语法 -->
<input checked="checked"> <!-- XHTML语法 -->

 

(4)HTML中属性值的引号为可选,XHTML为必须;HTML5中可选,但建议统一使用双引号;

(5)HTML中有些标签的关闭标签为可选,如<p>,由于p不可以嵌套,所以默认每个p会加上结束标签;还有如一些自闭合标签:<br>,<hr>等。而在XHTML中,所有标签都必须闭合,如<br/>。

 

HTML文档结构:

 

<head>中常包含的其他标签有:

<meta>,在其他标签之前声明页面字符编码,不然可能会影响title中出现的字符实体解析;

<title>,title中不会对标签进行解析,但可以解析字符实体 ,如&copy等;

其他标签:script,style,link,base,object

注释:<!-- -->,单行或多行

 

head标签及其包含的标签示意图:


 

 

<body>标签中:

块级元素:h1-h6,p,div,ul,ol,dl,li,form,table,hr

行内元素:a,b,button,img,input,label,select

块级元素与行内元素的区别:

(1)块级元素独占一行显示,而相邻的行内元素可以在同一行中并排显示;但通过CSS样式的控制,它们之间是可以互相转换的;

(2)对行内元素设置width,height是无效的,对于margin和padding只有水平方向上有效,而竖直方向无效,这里的无效是指不会对其周边的元素产生影响。

 

有些浏览器会直接忽略无法解析的标签和属性,可以通过“data-"的方式设置自定义属性。HTML中增加元数据属性,可以在标签中设置”data-变量名"属性及其相应的属性值,然后通过脚本可以获取自定义属性的值。

 

body标签及其包含的标签示意图:



 
 

 

 浏览器通过解析HTML文档,构建DOM(Document Object Model,文档对象模型)树,如下示意图:



 

 

1 利用form实现上传时,在form的属性中,method必须是post,且必须增加enctype="multipart/form-data"属性,否则就不能上传文件。

form元素enctype属性默认值为application/x-www-form-urlencoded

 

<meta http-equiv="X-UA-Compatible" content="IE=edge">

<meta name="viewport" content="width=device-width, initial-scale=1">

  • 大小: 23.5 KB
  • 大小: 241.2 KB
  • 大小: 24.9 KB
  • 大小: 25 KB
  • 大小: 7.6 KB
  • 大小: 25.1 KB
  • 大小: 29.9 KB
  • 大小: 42.5 KB
  • 大小: 68.9 KB
分享到:
评论
1 楼 chenke 2015-06-21  
写的很好,也可以看看那这个文章,我感觉学的还可以。
http://www.zixun24.com/storage/2015/05/web-html-head-07.html

相关推荐

    winfrom中嵌套html,跟html的交互

    在Windows Forms(WinForms)应用开发中,有时候我们需要在应用程序中展示富文本或者实现复杂的用户交互,这时可以采用嵌入HTML的方式。本文将详细介绍如何在WinForms中嵌入HTML,并与HTML进行交互,同时通过提供的...

    html5网站实例

    HTML5是现代网页开发的核心标准,它在原有HTML4的基础上引入了诸多新特性,极大地提升了网页的交互性和表现力。本实例将详细讲解如何利用HTML5来构建一个完整的网站,包括布局、登录功能以及内容展示。 一、HTML5的...

    HTML期末大作业

    HTML,全称HyperText Markup Language,是用于创建网页的标准标记语言。这个“HTML期末大作业”显然涵盖了HTML的基础知识和应用技巧,对于学习者来说,无论是完成作业还是自我提升,都是一个宝贵的资源。 HTML的...

    html 个人网站 源码

    HTML个人网站源码是构建网页或简单网站的基础框架,它包含HTML、CSS和可能的JavaScript文件,这些元素共同构成了一个动态、交互式的网络界面。在这个压缩包中,我们看到的是一个名为“经典三列布局整套模板”的项目...

    html2pdf_中文

    在IT行业中,HTML to PDF转换是一项常见的需求,特别是在网页内容需要离线阅读或者打印时。`html2pdf`是一个PHP库,它允许开发者将HTML页面转换为PDF文档,从而实现这个功能。`html2pdf`库特别强调了对中文的支持,...

    html期末大作业

    HTML(HyperText Markup Language)是用于创建网页的标准标记语言,它是互联网上应用最广泛的语言,也是构建网页的基础。在这个“html期末大作业”中,我们可以推测这是一个学生或学习者为了完成课程要求,练习并...

    HTML静态网页模板下载大全

    HTML静态网页模板是网页设计中常见的一种资源,它是由HTML、CSS和JavaScript等技术构建的预设布局和设计。这些模板通常包含多个页面,如首页、关于我们、联系我们、产品展示等,为创建网站提供了一个快速而高效的...

    自己用c++写的html文件解析程序(html-x)

    【标题】"自己用C++写的HTML文件解析程序(html-x)"是个人开发的一款基于C++实现的HTML解析器。这个程序旨在处理HTML文档,提取其中的信息或者进行特定的DOM操作。开发者通过C++编程语言实现了对HTML文档的解析,允许...

    HTML转PDF 非常好用

    HTML到PDF转换是一种常见的需求,尤其在Web开发和文档生成领域。Aspose.Pdf是一款强大的.NET库,专门用于处理PDF文档,其中包括将HTML转换为PDF的功能。以下是对这个主题的详细探讨。 首先,理解HTML(超文本标记...

    50余款手机页面模版源码html5

    50余款手机页面模版源码html5 1.1【32赞HTM5响应式系列之右侧多级滑动式】仿Slideby触屏版html5响应式手机wap网站模板 2【32赞HTML5响应式系列之订餐模板】微官网美食订餐html5触屏响应式手机wap网站订餐模板 5【32...

    纯HTML网页源码

    HTML,全称HyperText Markup Language,即超文本标记语言,是构建互联网页面的基础。它是一种标记语言,通过一系列标签来描述网页的结构和内容。"纯HTML网页源码"指的是只包含HTML代码,不依赖其他如JavaScript、CSS...

    FreshHTML3.32.0.0汉化版

    FreshHTML是一款广受欢迎的HTML编辑器,其3.32.0.0汉化版为中文用户提供了极大的便利。这款编辑器的最大特点是它的所见即所得(WYSIWYG)功能,这意味着用户在编辑HTML代码时,可以直接看到页面的实际显示效果,极大...

    html静态页面源代码

    HTML(HyperText Markup Language)是一种标记语言,用于创建网页内容并定义其结构。在这个"html静态页面源代码"的压缩包中,包含了四个HTML源文件,它们是构建静态网站的基础。静态网站指的是不包含服务器端动态...

    html5饼图、柱状图、折线图,Html5+JS开发

    HTML5是一种先进的网页标准,它在图形和交互性方面提供了许多增强功能,使得开发者能够创建出更加生动和富有表现力的网页应用。本资源包含了一系列使用HTML5和JavaScript技术实现的图表,包括饼图、柱状图和折线图,...

    html5最终版规范pdf版

    HTML5是下一代超文本标记语言,它在2014年由W3C(World Wide Web Consortium,万维网联盟)正式发布最终规范。这个“html5最终版规范pdf版”包含的是HTML5完整且权威的标准定义,对于Web开发者来说,是理解和掌握...

    html2canvas.js 下载

    《html2canvas.js:网页截屏的利器》 在当今的Web开发中,用户界面的交互性和可分享性越来越重要,而html2canvas.js正是实现这些功能的关键工具。这个JavaScript库允许开发者将网页的HTML结构及其CSS样式转换为...

    Delphi 用HTML做界面。订餐系统。跟js/html交互

    HTML界面的引入意味着开发者可能使用了诸如WebBrowser组件或其他第三方控件,将HTML页面嵌入到Delphi应用中,使得用户可以直接在Delphi应用内浏览和交互HTML内容。这样的设计允许开发者利用HTML和CSS的灵活性来设计...

    java代码生成html文件

    本示例将探讨如何使用Java生成HTML文件,这是构建动态网站或自动化报告等任务时常见的需求。通过Java生成HTML,我们可以将数据结构转化为用户友好的网页格式,便于在浏览器中查看。 标题 "java代码生成html文件" 指...

    80套HTML期末学生结课大作业作品(HTML+CSS+JS)动物宠物

    临近期末, 你是否还在为HTML网页设计期末作业而发愁,是否为还在为老师的网页制作作业要求感到头大?是否觉得HTML网页作业无从下手?,网页要求的总数量太多?是否找不到合适的模板?等等一系列问题。本资源就可以为...

    itext5.4.2 html2pdf

    《深入解析itext5.4.2与html2pdf:打造中文支持的PDF转换利器》 在数字化的时代,HTML和PDF两种格式在信息传递中占据了重要地位。HTML用于网页展示,而PDF则常用于文档保存和打印。然而,将HTML转换为PDF的需求时常...

Global site tag (gtag.js) - Google Analytics