HTML

HTML

HTML

19334 文章 话题 13760 浏览

HTML meta 标签常用属性及其作用总结

以前没怎么太注意过 meta 标签的作用,只是简单了解一些常用属性,现在结合个人了解的进行记录与总结,首先需要了解一下元数据(metadata)元素的概念,用来构建HTML文档的基本结构,以及就如何处理文档向浏览器提供信息和指示,它们本身不是文档内容,但提供了关于后面文档内容的信息。 如 title、base、meta 都是元数据元素。本文主要介绍。 元素 元素可提供有关页面的元信息(meta-i…

中二柚 2022-05-27 浏览 765 评论 1 收藏 0

简明 XHTML 1.0 参考手册

原文:http://www.jinbuguo.com/w3c/xhtml.html 严格型 XHTML 文档头与文档结构 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "https://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="https:…

JSmiles 2022-03-02 浏览 1068 评论 0 收藏 0

HTML 的新模板标记:标准化客户端模板

在 web 开发领域中,模板这个概念并不新鲜。实际上,服务端的 模板语言/引擎,比如 Django (Python),ERB/Haml (Ruby),和 Smarty (PHP) 早已应用多时。近些年来,众多 MVC 框架蓬勃涌现。这些框架各有特色,但绝大多数在展现层(即:视图层)都使用同样的渲染机制:模板。 模板是个好东西,不信你就问问周围人。连它的定义都让人感到温暖舒适:模板 (n) - 一个…

眼泪淡了忧伤 2022-01-13 浏览 1067 评论 0 收藏 0

Canvas 画布的特效制作

  • Canvas 画布的特效制作
  • Canvas 画布的特效制作
  • Canvas 画布的特效制作
  • Canvas 画布的特效制作

经过这些实验,最终我和老朋友查尔斯·普理查德(Charles Pritchard)开始着手创建 Mugtug。我们通过 HTML5 <canvas> 创建了 Darkroom。Darkroom 是一款无损照片分享应用,将基于像素的过滤器的强大功能与基于矢量的排版和绘图结合在一起。 简介 <canvas> 可让 JavaScript 编程人员完全地控制屏幕上的颜色、矢量和像素…

成熟稳重的好男人 2021-12-31 浏览 1206 评论 0 收藏 0

自定义元素:在 HTML 中定义新元素

现在的 web 严重缺乏表达能力。你只要瞧一眼 现代 的 web 应用,比如 GMail,就会明白我的意思: 现代 web 应用:使用 <div> 堆砌而成。 堆砌 <div> 一点都不现代。然而可悲的是,这就是我们构建 web 应用的方式。在现有基础上我们不应该有更高的追求吗? 时髦的标记,行动起来! HTML 为我们提供了一个完美的文档组织工具,然而 HTML 规范定义…

悲喜皆因你 2021-12-27 浏览 989 评论 0 收藏 0

CSS 设计指南之 HTML 基础

标签 闭合标签: <标签名> 文本内容 </标签名> 自闭合标签: <标签名 属性_1="属性值" 属性_n="属性值" /> 其中,文本 使用 闭合标签 ,引用内容 使用 自闭和标签,例如,图片,资源文件。 HTML5 中的新标准参考 syntactic ,当然,HTML5也兼容以前的语法. 属性 src 属性(source):来源 alt 属性(altern…

JSmiles 2021-12-15 浏览 1060 评论 0 收藏 0

我的前端配置之代码风格格式化 prettierrc

上一篇介绍的 editorconfig 是给编辑器约束的配置,那么本篇的 prettier 就是给开发者的代码进行风格约束的。可以应用于多种编程语言,比如前端的 HTML、CSS、JavaScript 是标配,其他的如 Markdown、PHP、Swift、Ruby 等等开发语言都支持。 .prettierrc.js 在项目根目录新 .prettierrc.js: module.exports =…

如此安好 2021-12-01 浏览 987 评论 0 收藏 0

sublime text 3 插件之 HTML-CSS-JS Prettify 格式化美化代码

1、插件介绍 这是一款集成了格式化(美化)html、css、js 三种文件类型的插件。插件依赖于 nodejs,因此需要事先安装 nodejs,然后才可以正常运行。 插件安装完成后,快捷键 ctrl+shift+H 完成当前文件的美化操作。插件对 html、css 文件的美化不是非常满意,但还可以,后面将说明如何修改 css 美化脚本,此为后话。 2、插件配置 下面这是我的插件配置,主要修改了缩进…

柒夜笙歌凉 2021-11-28 浏览 1248 评论 0 收藏 0

coolie 之 HTML 文件的资源分析、资源替换、内容压缩

HTML 文件是面向用户的主要页面,对它的构建也是非常有必要的。可能你的 HTML 文件在开发环境是这样的: <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <!--这些 css link 会被解…

泛滥成性 2021-11-27 浏览 1049 评论 0 收藏 0

simple-html-parser 基于 node 实现的简单高效的 html 文档解析工具

Installation $ npm i simple-html-parser Example var HTMLParser = require('simple-http-parser'); var html = '<span class="test1 test2"></span><div id="test"><div><input test=…

JSmiles 2021-11-25 浏览 1149 评论 0 收藏 0

你知道什么是 doctype?什么是文档模式吗?

!DOCTYPE !DOCTYPE 是什么? 在所有 HTML 文档中规定 DOCTYPE 是非常重要的,这样浏览器就能了解预期的文档类型, 告诉浏览器要通过哪一种规范(文档类型定义,DTD)解析文档(比如HTML或XHTML规范); !DOCTYPE声明不属于 HTML 标签;tag; 它是一条指令,告诉浏览器编写页面所用的标记的版本。 HTML 4.01 中的 doctype 需要对 DTD …

网名女生简单气质 2021-11-19 浏览 1138 评论 0 收藏 0

全面的 HTML head 头标签指南

HTML head 头部分的标签、元素有很多,涉及到浏览器对网页的渲染,SEO 等等,而各个浏览器内核以及各个国内浏览器厂商都有些自己的标签元素,这就造成了很多差异性。移动互联网时代,head 头部结构,移动端的 meta 元素,显得更为重要。了解每个标签的意义,写出满足自己需求的 head 头标签,是本文的目的。本篇以一丝的文章为基础,进行扩展总结介绍常用的 head 中各个标签、元素的意义以及…

皇甫轩 2021-11-18 浏览 1084 评论 0 收藏 0

sublime text 小技巧之 使用 snippet 来快速编写 html

submlime-snippet 简介 在 sublime 来中,可以通过 submlime-snippet 来快速补全代码。 举个栗子,如果在 sublime 的存放 submlime-snippet 的文件夹下有如下的文件(elem-edge.sublime-snippet 文件名不重要) <snippet> <tabTrigger>elem-edge</tabT…

无法言说的痛 2021-11-10 浏览 1229 评论 0 收藏 0

JS、CSS 之间的顺序与 HTML 页面的性能关系

  • JS、CSS 之间的顺序与 HTML 页面的性能关系
  • JS、CSS 之间的顺序与 HTML 页面的性能关系
  • JS、CSS 之间的顺序与 HTML 页面的性能关系
  • JS、CSS 之间的顺序与 HTML 页面的性能关系

前言 HTML CSS JavaScript 可以算是前端必须掌握的东西了,但是我们的浏览器是怎样解析这些东西的呢 我们如何处理 HTML CSS JavaScript 这些东西来让我们的网页更加合理,在我这里做了一些实验,总结起来给大家看看。 最简单的页面 <!DOCTYPE html> <html> <head> <title>test</…

泛泛之交 2021-11-09 浏览 1144 评论 0 收藏 0

html-minifier 基于 JS 的 HTML 代码压缩工具

HTMLMinifier 是一个高度可配置的、经过良好测试的、基于 JavaScript 的 HTML 压缩工具。参见相应的博客文章,了解它的工作原理、每个选项的描述、测试结果和结论。在线测试套件。还可以看到相应的 Ruby 包装器和NodeJS,Grunt 插件,Gulp 模块,Koa 中间件包装和 Express 中间件包装。对于类似 lint 的功能,请查看 HTMLLint。 缩小比较 与…

JSmiles 2021-11-03 浏览 1549 评论 0 收藏 0

简介

HTML称为超文本标记语言,是一种标识性的语言。它包括一系列标签.通过这些标签可以将网络上的文档格式统一,使分散的Internet资源连接为一个逻辑整体。HTML文本是由HTML命令组成的描述性文本,HTML命令可以说明文字,图形、动画、声音、表格、链接等。

更多

推荐作者