`

html-总结

    博客分类：
  • W3C
 
阅读更多

 

0、文章结构____________________________________________________________

 

 

1、html4.0

2、xhmtl

3、HTML5

 

 

1、html4.0____________________________________________________________

 

HTML定义：Hyper Text Markup Language

       不是一种编程语言，不可进行编程，而是一种标记语言 (markup language) ，标记语言是一套标记标签 (markup tag) ，如<body></body>

       Web 浏览器的作用是读取HTML文档，并以网页的形式显示（渲染）出它们。

       HTML 4 是SGML (Standard Generalized Markup Language) 的一个应用

HTML标签

       对大小写不敏感：<P> 等同于 <p>。未来 (X)HTML 版本中强制使用小写。不允许省略结束标签。

       

HTML元素

       指的是从开始标签（start tag）到结束标签（end tag）的所有代码。

HTML属性

       属性总是在 HTML 元素的开始标签中规定

       

表格

       <table>,<caption>,<tr>,<th>,<td>,<thead>,<tbody>,<tfoot>。目前浏览器对后三个标签支持的不好。

列表

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

       <ol><li></li></ol>        有序列表也是一列项目，列表项目使用数字或字母进行标记（可选择）。

       <dl><dt><dd></dd></dt></dl>                自定义列表，可嵌套复杂的。

               <dl>定义定义列表。 <dt> 定义定义项目。 <dd> 定义定义的描述。 

               

表单

       定义域-会有一个边框                                                                                                                                                                                                                                                                                                                               

               <fieldset>

                       <legend>健康信息：</legend>

                       <form>

                               <label>身高：<input type="text" /></label>

                               <label>体重：<input type="text" /></label>

                       </form>

               </fieldset>

       

       定义select选项组        

               <select>

                       <optgroup label="Swedish Cars">

                               <option value="volvo">Volvo</option>

                               <option value="saab">Saab</option>

                       </optgroup>

                       <optgroup label="German Cars">

                               <option value="mercedes">Mercedes</option>

                               <option value="audi">Audi</option>

                       </optgroup>

               </select>

框架结构：frameset、frame

       嵌套框架结构

               <html>

                       <frameset rows="20%,80%">

                               <frame noresize="noresize" src="./frame_a.html">//属性 noresize="noresize" 表示不可拖动

                               <frameset cols="20%,80%">

                                       <frame src="./frame_b.html">

                                       <frame src="./frame_c.html">

                               </frameset>

                       </frameset>                        

               </html>

       导航跳转

               <frameset cols="120,*">

                       <frame src="../example/html/html_contents.html"">

                       <frame src="../example/html/frame_a.html" name="showframe">

               </frameset>

               html_contents.html内容

                       <a href ="frame_a.html" target ="showframe">Frame a</a><br>

                       <a href ="frame_b.html" target ="showframe">Frame b</a><br>

                       

                       

内联框架：iframe       

       <body>

               <iframe src="./frame_a.html"></iframe>//内联框架

       </body>

       

HTML4.0开始剥离出CSS样式表

       关于CSS，详见本章1.1 CSS文档

       

字符实体：需要转义的、特殊显示的字符

       有三部分：一个和号 (&)，一个实体名称，或者 # 和一个实体编号(#60)，以及一个分号 (;)。

       < 小于号 &lt; &#60; 

       © 版权 &copy; &#169; 

       

meta标签

       属性：http-equiv        。值：content-type、expires 、refresh 、set-cookie。描述：把 content 属性关联到 HTTP 头部。

       如：<meta http-equiv="Content-Type" content="text/html; charset=gb2312">

       属性：name。值：author、description 、keywords 、generator 、revised 、others 

       <meta name="keywords" content="HTML,ASP,PHP,SQL">

       content 属性始终要和 name 属性或 http-equiv 属性一起使用。

DOCTYPE标签：必须在第一行与xml不同（xml的在第二行）

       该标签可声明三种 DTD 类型，分别表示严格版本strict、过渡版本transitional以及基于框架的 HTML 文档frameset。

       <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

       声明了文档的根元素是 html，它在公共标识符被定义为 "-//W3C//DTD XHTML 1.0 Strict//EN" 的 DTD 中进行了定义，浏览器将明白如何寻找匹配此公共标识符的 DTD。如果找不到，浏览器将使用公共标识符后面的 URL 作为寻找 DTD 的位置。

       HTML4.01和XHTML1.0类似也有三种 DTD 类型

URL

       scheme://host.domain:port/path/filename

               Scheme 定义因特网服务的类型。最流行的类型是 http。

               domain（域）定义因特网域名，比如：w3school.com.cn。

               host（主机）定义此域中的主机。如果被省略，缺省的支持 http 的主机是 www。

               :port(端口)定义主机的端口号。端口号通常是被省略的。缺省的端口号是 80。

               path（路径）定义服务器上的路径（一个辅助的路径）。如果路径被省略，资源（文档）会被定位到网站的根目录。

               filename（文件名）定义文档的名称。缺省的文件名一般会是 default.asp 或者 index.html，或者依据 WEB 服务器设置的其他文件名。

       常见的scheme：

               file 本地 PC 上的文件。 

               ftp FTP 服务器上的文件。 

               http World Wide Web 服务器上的文件。 

               gopher Gopher 服务器上的文件。 

               news Usenet 新闻组。 

               telnet Telnet 连接。 

<!--...--> 标签

       注释，会被浏览器忽略掉        

       

2、XHTML____________________________________________________________

 

        EXtensibleHTML于2000年的1月26日成为 W3C 标准。作为一种 XML 应用被重新定义的 HTML。 XHTML 现在已经大部分取代 HTML

 

更严格XHTML语法规则：

       标签开始结束必须匹配 

       属性名称必须小写 

       属性值必须加引号 

       属性不能简写 

               错误:<input checked>,<input readonly>,<input disabled>,<option selected>,<frame noresize>

               正确：<input checked="checked" />,<input readonly="readonly" />,<input disabled="disabled" />,<option selected="selected" />,<frame noresize="noresize" />

       用 Id 属性代替 name 属性 

                但是servlet、struts只能从表单中的name中取数据啊

       比HTML多一个声明

               <html xmlns=”http://www.w3.org/1999/xhtml”>

               XHTML做为HTML向XML过渡的一种语言，并不能实现XML语言中的用户自定义标签，所以XHMTL文档中的命名空间都是相同的

       HTML和XHTML共有的声明

               DOCTYPE：告诉浏览器用那种规范，解析渲染此HTML文档，只有将正确的 DTD 添加到文件的首行，XHTML 文件才会被正确地验证。

               <meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″ />

 

3、HTML5____________________________________________________________

 

HTML5

       下一代的HTML。将成为HTML、XHTML 以及 HTML DOM 的新标准。

TML5 中的一些有趣的新特性：

       用于绘画的 canvas 元素 

       用于媒介回放的 video 和 audio 元素 

       对本地离线存储的更好的支持 

       新的特殊内容元素，比如 article、footer、header、nav、section 

       新的表单控件，比如 calendar、date、time、email、url、search 

浏览器支持

       最新版本的 Safari、Chrome、Firefox 以及 Opera 支持某些 HTML5 特性。Internet Explorer 9 将支持某些 HTML5 特性         

分享到：
| w3c-概述
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    HTML+CSS-总结

    ### HTML+CSS 总结知识点 #### 一、HTML 基础概述 - **HTML 定义**：HTML（HyperText Markup Language）是一种用来描述网页的语言，属于超文本标记语言，而非编程语言。HTML通过一系列标记标签来描述网页内容。 -...

    全网最全-谷粒商城项目-面试总结-简历优化_Java-You的博客-CSDN博客 .html

    全网最全-谷粒商城项目-面试总结-简历优化_Java-You的博客-CSDN博客 .html

    前端开源库-style-ext-html-webpack-plugin

    总结，style-ext-html-webpack-plugin是前端开发中的一个重要工具，它通过内联CSS提升了页面加载速度和用户体验。理解和掌握它的使用，将有助于优化你的Webpack构建流程，打造更高效的前端应用。

    html-02总结.xmind

    html-02总结.xmind

    前端开源库-html-react-parser

    总结来说，`html-react-parser`是一个不可或缺的工具，它极大地简化了前端开发中HTML字符串与React组件之间的转换，提高了开发效率和代码的安全性。对于处理HTML数据或构建动态内容的React应用，它是理想的解决方案...

    Laravel开发-laravel-html-dom-parser

    总结来说，`laravel-html-dom-parser` 提供了一个简单且高效的手段，让 Laravel 开发者能方便地在项目中处理和操作 HTML 文档。通过熟练掌握这个工具，你可以轻松实现网页数据抓取、内容分析等多种任务，从而提升...

    前端开源库-html-beautify-webpack-plugin

    总结起来，`html-beautify-webpack-plugin`是一个优秀的前端开发辅助工具，它将HTML代码的美化集成到Webpack的构建流程中，使得每次构建都能生成格式规整的HTML文件，提升了开发体验和团队协作的效率。结合其他...

    HTML-CSS学习总结

    ### HTML-CSS学习总结 在前端开发领域，HTML与CSS是构建网页不可或缺的两大基石。HTML（HyperText Markup Language）负责网页结构的搭建，而CSS（Cascading Style Sheets）则用于网页样式的定义。本次总结主要围绕...

    各种数据库JDBC连接方法-总结 （html格式）

    各种数据库JDBC连接方法总结-包括： SQL Server2000 、 SQL Server2005、Oracle、Access直连方法:(不写数据源名的桥连方法)、MySql、IBM DB2、Sybase、Informix、PostgreSQL、MaxDB、FrontBase、JavaDB/Derby等

    谷粒学苑-在线教育实战项目-面试总结-简历优化_Java-You的博客-CSDN博客 .html

    谷粒学苑-在线教育实战项目-面试总结-简历优化_Java-You的博客-CSDN博客 .html

    webpack-html-webpack-plugin(default)

    总结起来，Webpack的HTMLWebpackPlugin插件极大地简化了构建过程中的HTML管理和资源引用，使开发者能更专注于应用程序的开发。了解并掌握它的使用，对提升开发效率和项目维护性具有重要意义。在实际项目中，根据需求...

    cos-html-cache插件发表评论错误的解决..

    ### 总结 通过以上几个步骤的操作，可以有效解决使用cos-html-cache插件时发表评论出现的错误问题。需要注意的是，在进行任何更改之前，最好备份当前的网站数据和配置文件，以防万一出现问题时能够迅速恢复。此外，...

    （自己）前端设计常用效果-总结1

    本总结将探讨一些常见的前端设计效果，包括后台管理系统的设计、CSS布局基础以及HTML和CSS实现的交互元素。 首先，我们来看一个管理系统的后台设计。在后台设计中，头部（Header）通常是最先引入眼帘的部分，它承载...

    前端开源库-htmlparser-to-html

    ### 总结 `htmlparser-to-html`是一个实用的前端工具，它简化了HTML字符串与JSON数据之间的转换过程，提高了处理HTML的效率。无论是数据解析、模板渲染还是DOM操作，这个库都能提供有力的支持。对于需要在...

    vuehtmleditor实现HTML编辑器的Vuejs组件

    ### 总结 "vue-html-editor" 为Vue.js开发者提供了一个简单易用的HTML编辑器解决方案，通过组件化的思想，实现了富文本编辑功能的便捷集成。通过理解和掌握这个组件，开发者可以更好地在Vue项目中构建具有复杂编辑...

    h5扫码，jsQR，html5-qrcode

    总结起来，`jsQR`和`html5-qrcode`为H5页面提供了强大的扫码功能，让开发者无需依赖外部插件就能实现二维码识别。通过结合`uni-app`，这些库可以轻松地被集成到跨平台应用中，为用户提供便捷的扫码体验。在实现过程...

    html-5-css-3实训报告,html5和css3知识总结.docx

    HTML5 和 CSS3 实训报告知识点总结 HTML5 和 CSS3 是当前 web 开发中最重要的两个技术栈，本文将对 HTML5 和 CSS3 的基本概念、语法、应用场景进行总结和分析。 HTML5 基础知识点 1. HTML5 的文件结构：HTML 文件...

    我的html总结

    ### 我的HTML总结 #### 一、HTML基础标签与属性概述 HTML（Hyper Text Markup Language）是一种用于创建网页的标准标记语言。以下是一些重要的HTML标签及其用途。 ##### 1. 文档类型声明 `&lt;!DOCTYPE html&gt;` - **...

    Python库 | pytest-reporter-html1-0.1.0a2.tar.gz

    总结来说，`pytest-reporter-html1`是一个用于pytest的插件，它提供了生成HTML格式测试报告的功能，便于开发者理解和分析测试结果。对于Python项目，结合pytest和其他相关的测试工具，能够提升测试效率，保证代码...

Magicbox
Global site tag (gtag.js) - Google Analytics