HTML
关注
分享
扫一扫
文章平均质量分 58
HTML的相关基础知识及深入
灬无情的码农灬
学的广不如学的深
展开
-
HTML5 地理定位
一、定位用户的位置HTML5 Geolocation API 用于获得用户的地理位置。鉴于该特性可能侵犯用户的隐私，除非用户同意，否则用户位置信息是不可用的。二、浏览器支持Internet Explorer 9、Firefox、Chrome、Safari 以及 Opera 支持地理定位。注释：对于拥有 GPS 的设备，比如 iPhone，地理定位更加精确。三、HTML5 - 使用地理定位请使用 get...原创 2021-11-11 12:05:47 · 209 阅读 · 0 评论 -
HTML5 简介
一、什么是 HTML5HTML5 是最新的 HTML 标准。HTML5 是专门为承载丰富的 web 内容而设计的，并且无需额外插件。HTML5 拥有新的语义、图形以及多媒体元素。HTML5 提供的新元素和新的 API 简化了 web 应用程序的搭建。HTML5 是跨平台的，被设计为在不同类型的硬件（PC、平板、手机、电视机等等）之上运行。注释：在下面的章节中，您将学到如何“帮助”老版本的浏览器处理 HTML5。二、HTML5 - 新的属性语法HTML5 标准允许 4 中不同的原创 2021-11-10 21:50:13 · 285 阅读 · 0 评论 -
HTML YouTube 视频
一、YouTube Video Id保存（或播放）视频时，YouTube 会显示一个 id（例如 ih1l6wb7LhU）。您可以使用这个 id，并在 HTML 代码中引用您的视频。二、在 HTML 中保费 YouTube 视频如需在网页上播放视频，请执行以下操作：将视频上传到 YouTube 记下视频 id 在您的网页中定义<iframe>元素 让src属性指向视频的 URL 使用width和height属性来规定播放...原创 2021-11-11 12:01:14 · 1028 阅读 · 0 评论 -
HTML 多媒体
一、多媒体格式多媒体元素（比如视频和音频）存储于媒体文件中。确定媒体类型的最常用的方法是查看文件扩展名。当浏览器得到文件扩展名 .htm 或 .html 时，它会假定该文件是 HTML 页面。.xml 扩展名指示 XML 文件，而 .css 扩展名指示样式表。图片格式则通过 .gif 或 .jpg 来识别。多媒体元素元素也拥有带有不同扩展名的文件格式，比如 .swf、.wmv、.mp3 以及 .mp4。二、视频格式MP4 格式是一种新的即将...原创 2021-11-09 10:42:46 · 135 阅读 · 0 评论 -
HTML 5 Canvas vs. SVG
一、SVGSVG 是一种使用 XML 描述 2D 图形的语言。SVG 基于 XML，这意味着 SVG DOM 中的每个元素都是可用的。您可以为某个元素附加 JavaScript 事件处理器。在 SVG 中，每个被绘制的图形均被视为对象。如果 SVG 对象的属性发生变化，那么浏览器能够自动重现图形。二、CanvasCanvas 通过 JavaScript 来绘制 2D 图形。Canvas 是逐像素进行渲染的...原创 2021-11-08 22:17:47 · 2598 阅读 · 0 评论 -
HTML Input form* 属性
一、form 属性input 的form属性规定<input>元素所属的表单。此属性的值必须等于它所属的 <form> 元素的 id 属性。二、formaction 属性input 的formaction属性规定当提交表单时，对输入（数据）进行处理的文件的 URL。注释：该属性会覆盖<form>元素的action属性。formaction属性适用于以下输入类型：sub...原创 2021-11-08 21:51:04 · 383 阅读 · 0 评论 -
HTML重要知识点及偏僻知识点
一、H5新增用法1、语义标签：<section>：定义页面的区域 <header>：页面标题 <footer>：页面页脚 <nav>：页面导航元素 <article>：页面的文章或主要内容 <aside>：页面的附加内容，比如边栏 <figure>：文章的配图<figcaption>：<...原创 2021-11-08 20:56:49 · 427 阅读 · 0 评论 -
HTML Input 属性
value 属性value属性规定输入字段的初始值。readonly 属性readonly属性规定输入字段为只读（不能修改）readonly 属性不需要值。它等同于 readonly="readonly"。disabled 属性disabled属性规定输入字段是禁用的。被禁用的元素是不可用和不可点击的。被禁用的元素不会被提交。disabled 属性不需要值。它等同于 disabled="disabled"。size 属性size属性规定输入字段的尺寸（以字...原创 2021-11-08 17:35:09 · 3220 阅读 · 0 评论 -
HTML 输入类型
一、输入类型：text<input type="text">定义供文本输入的单行输入字段。二、输入类型：password<input type="password">定义密码字段。注释：password 字段中的字符会被做掩码处理（显示为星号或实心圆）。...原创 2021-11-03 22:41:03 · 1317 阅读 · 0 评论 -
HTML 表单属性
一、Action 属性action属性定义提交表单时要执行的操作。通常，当用户单击“提交”按钮时，表单数据将发送到服务器上的文件中。提示：如果省略 action 属性，则将 action 设置为当前页面。二、Target 属性target属性规定提交表单后在何处显示响应。target属性可设置以下值之一：值 描述 _blank 响应显示在新窗口或选项卡中。 _self 响应显示在当前窗口中。 _parent...原创 2021-10-29 21:46:40 · 1338 阅读 · 0 评论 -
HTML 表单
一、<form> 元素HTML 表单用于收集用户输入。下面是 <form> 属性的列表：属性 描述 accept-charset 规定在被提交表单中使用的字符集（默认：页面字符集）。 action 规定向何处提交表单的地址（URL）（提交页面）。 autocomplete 规定浏览器应该自动完成表单（默认：开启）。 enctype 规定被提交数据的编码（默认：url-encoded）。 me...原创 2021-10-28 12:23:37 · 90 阅读 · 0 评论 -
HTML Web Server
一、托管自己的网站在自己的服务器上托管网站始终是一个选项。有几点需要考虑：硬件支出如果要运行“真正”的网站，您不得不购买强大的服务器硬件。不要指望低价的 PC 能够应付这些工作。您还需要稳定的（一天 24 小时）高速连接。软件支出请记住，服务器授权通常比客户端授权更昂贵。同时请注意，服务器授权也许有用户数量限制。人工费不要指望低廉的人工费用。您必须安装自己的硬件和软件。...原创 2021-10-27 21:46:12 · 174 阅读 · 0 评论 -
HTML 框架
一、框架通过使用框架，你可以在同一个浏览器窗口中显示不止一个页面。每份HTML文档称为一个框架，并且每个框架都独立于其他的框架。使用框架的坏处：开发人员必须同时跟踪更多的HTML文档 很难打印整张页面框架结构标签（<frameset>）框架结构标签（<frameset>）定义如何将窗口分割为框架 每个 frameset 定义了一系列行或列 rows/columns 的值规定了每行或每列占据屏幕的面积编者注：frameset 标签也被某些文章和书籍译为框架集。原创 2021-10-27 21:27:19 · 561 阅读 · 0 评论 -
HTML 编码（字符集）
一、从 ASCII 到 UTF-8ASCII 是第一个字符编码标准。ASCII 定义了 128 种可以在互联网上使用的字符：数字（0-9）、英文字母（A-Z）和一些特殊字符，比如：! $ + - ( ) @ < >。ISO-8859-1 是 HTML 4 的默认字符集。此字符集支持 256 个不同的字符代码。HTML 4 同时支持 UTF-8。ANSI（Windows-1252）是原始的 Windows 字符集。 ANSI 与 ISO-...原创 2021-10-27 14:36:10 · 666 阅读 · 0 评论 -
HTML 编码（字符集）
一、什么是 Emoji表情符号（Emoji）类似图像或图标，但它们并不是。它们是来自 UTF-8 (Unicode) 字符集的字母（字符）。提示：UTF-8 几乎涵盖世界上所有字符和符号。二、HTML charset 属性为了正确显示 HTML 页面，Web 浏览器必须知道页面中使用的字符集。这是在<meta>标签中规定的。提示：如果未规定，UTF-8 则是 HTML ...原创 2021-10-27 10:21:34 · 555 阅读 · 0 评论 -
HTML 符号
一、HTML 符号实体在上一章中已经讲解了 HTML 实体。普通键盘上不存在众多数学、技术和货币符号。如需将此类符号添加到 HTML 页面，您可以使用 HTML 实体名称（HTML entity name）。如果不存在实体名称，则可使用实体二、HTML 支持的一些数学符号字符 数字 实体 描述 ∀ ∀ ∀ FOR ALL ∂ &a...原创 2021-10-26 22:37:11 · 81 阅读 · 0 评论 -
HTML 字符实体
一、HTML 实体在 HTML 中，某些字符是预留的。在 HTML 中不能使用小于号（<）和大于号（>），这是因为浏览器会误认为它们是标签。如果希望正确地显示预留字符，我们必须在 HTML 源代码中使用字符实体（character entities）。如需显示小于号，我们必须这样写：< 或 <提示：使用实体名而不是数字的好处是，名称易于记忆。不过坏处是，浏览器也许并不...原创 2021-10-26 22:32:10 · 104 阅读 · 0 评论 -
HTML(5) 样式指南和代码约定
一、HTML 代码约定web 开发者常常不确定在 HTML 中使用的代码样式和语法。在 2000 年至 2010 年之间，许多 web 开发者从 HTML 转换为 XHTML。通过 XHTML，开发者不得不编写有效的“格式良好的”代码。HTML5 在代码验证时会更宽松一点。通过 HTML5，您必须创建属于自己的最佳实践、样式指南和代码约定。二、智能且有未来保证对样式的合乎逻辑的使用，可...原创 2021-10-26 22:25:06 · 119 阅读 · 0 评论 -
HTML5 语义元素
一、什么是语义元素？语义元素清楚地向浏览器和开发者描述其意义。非语义元素的例子：<div> 和 <span> - 无法提供关于其内容的信息。语义元素的例子：<form>、<table> 以及 <img> - 清晰地定义其内容。二、HTML5 中新的语义元素许多网站包含了指示导航、页眉以及页脚的 HTML 代码，例如这些：<div id="nav"> <div cl...原创 2021-10-25 20:11:16 · 1006 阅读 · 0 评论 -
HTML 头部元素
一、HTML <head> 元素<head> 元素是所有头部元素的容器。<head> 内的元素可包含脚本，指示浏览器在何处可以找到样式表，提供元信息，等等。以下标签都可以添加到 head 部分：<title>、<base>、<link>、<meta>、<script> 以及 <style>。二、HTML <title> 元素&...原创 2021-10-22 15:32:10 · 420 阅读 · 0 评论 -
HTML Iframe
一、Iframe - 设置高度和宽度height 和 width 属性用于规定 iframe 的高度和宽度。属性值的默认单位是像素，但也可以用百分比来设定（比如 "80%"）。二、Iframe - 删除边框frameborder 属性规定是否显示 iframe 周围的边框。设置属性值为 "0" 就可以移除边框。三、使用 iframe 作为链接的目标iframe 可用作链接的目标（target）。链接的 target 属性必须引用 iframe 的 name 属性。...原创 2021-10-20 20:32:09 · 190 阅读 · 0 评论 -
HTML id 属性
一、使用 id 属性id属性指定 HTML 元素的唯一 ID。id属性的值在 HTML 文档中必须是唯一的。id属性用于指向样式表中的特定样式声明。JavaScript 也可使用它来访问和操作拥有特定 ID 的元素。id 的语法是：写一个井号 (#)，后跟一个 id 名称。然后，在花括号 {} 中定义 CSS 属性。注：id 名称对大小写敏感！id 必须包含至少一个字符，且不能包含空白字符（空格、制表符等）。二、Class 与 ID 的差异同一个类名可以由多个 HTML 元素...原创 2021-10-20 20:23:20 · 4177 阅读 · 0 评论 -
HTML 列表
一、无序列表无序列表是一个项目的列表，此列项目使用粗体圆点（典型的小黑圆圈）进行标记。无序列表始于 <ul> 标签。每个列表项始于 <li>。二、有序列表同样，有序列表也是一列项目，列表项目使用数字进行标记。有序列表始于 <ol> 标签。每个列表项始于 <li> 标签三、定义列表自定义列表不仅仅是一列项目，而是项目及其注释的组合。自定...原创 2021-10-20 20:13:19 · 77 阅读 · 0 评论 -
HTML 表格
一、表格标签表格 描述 <table> 定义表格 <caption> 定义表格标题。 <th> 定义表格的表头。 <tr> 定义表格的行。 <td> 定义表格单元。 <thead> 定义表格的页眉。 <tbody> 定义表格的主体。 <tfoot> 定义表格的页脚。 <col> 定义用于表格列的属性。原创 2021-10-20 20:09:39 · 63 阅读 · 0 评论 -
HTML 图像
一、图像标签（<img>）和源属性（Src）在 HTML 中，图像由 <img> 标签定义。<img> 是空标签，意思是说，它只包含属性，并且没有闭合标签。要在页面上显示图像，你需要使用源属性（src）。src 指 "source"。源属性的值是图像的 URL 地址。二、替换文本属性（Alt）alt 属性用来为图像定义一串预备的可替换的文本。替换文本属性的值是用户定义的。...原创 2021-10-20 20:01:06 · 68 阅读 · 0 评论 -
HTML 链接
一、HTML 超链接（链接）超链接可以是一个字，一个词，或者一组词，也可以是一幅图像，您可以点击这些内容来跳转到新的文档或者当前文档中的某个部分。当您把鼠标指针移动到网页中的某个链接上时，箭头会变为一只小手。我们通过使用 <a> 标签在 HTML 中创建链接。有两种使用 <a> 标签的方式：通过使用 href 属性 - 创建指向另一个文档的链接 通过使用 name 属性 - 创建文档内的书签注："...原创 2021-10-20 11:38:44 · 1874 阅读 · 0 评论 -
HTML 引用
一、HTML <q> 用于短的引用HTML<q>元素定义短的引用。浏览器通常会为 <q> 元素包围引号。二、用于长引用的 HTML <blockquote>HTML<blockquote>元素定义被引用的节。浏览器通常会对 <blockquote> 元素进行缩进处理。三、用于缩略词的 HTML <abbr>HT...原创 2021-10-19 11:31:43 · 1300 阅读 · 0 评论 -
HTML 文本格式化
一、文本格式化标签标签 描述 <b> 定义粗体文本。 <big> 定义大号字。 <em> 定义着重文字。 <i> 定义斜体字。 <small> 定义小号字。 <strong> 定义加重语气。 <sub> 定义下标字。 <sup> 定义上标字。 <ins> 定义插入字。 <del>原创 2021-10-19 11:22:53 · 244 阅读 · 0 评论 -
HTML 标签
一、标题很重要请确保将 HTML heading 标签只用于标题。不要仅仅是为了产生粗体或大号的文本而使用标题。搜索引擎使用标题为您的网页的结构和内容编制索引。因为用户可以通过标题来快速浏览您的网页，所以用标题来呈现文档结构是很重要的。应该将 h1 用作主标题（最重要的），其后是 h2（次重要的），再其次是 h3，以此类推。二、 HTML 水平线<hr /> 标签在 HTML 页面中创建水平线...原创 2021-10-19 10:25:22 · 90 阅读 · 0 评论 -
HTML基础
一、HTML 元素语法HTML 元素以开始标签起始 HTML 元素以结束标签终止 元素的内容是开始标签与结束标签之间的内容 某些 HTML 元素具有空内容（empty content） 空元素在开始标签中进行关闭（以开始标签的结束而结束） 大多数 HTML 元素可拥有属性二、不要忘记结束标签即使您忘记了使用结束标签，大多数浏览器也会正确地显示 HTML：但不要依赖这种做法。忘记使用结束标签会产生不可预料的结果或错误。未来的 HTML 版本不允许省略结束标签。三、空的 ...原创 2021-10-15 17:28:42 · 101 阅读 · 0 评论