HTML一个个具有不同样式的标签组合成的一大堆字符串，由浏览器解析就形成了我们看到的网页 基础HTML代码<!DOCTYPE html><!--告诉浏览器这是一个HTML，通过html5 解析下方代码--><html lang="en"><!--html标签，一个页面只有一对，指定语言--><head><!--指定当前页面的字符集编码--><meta charset="UTF-8"><!--每1秒钟刷新一下--><meta http-equiv="refresh" content="1"><!--1秒后跳转到www.baidu.com--><meta http-equiv="refresh...
HTML 是用来描述网页的一种语言：HTML 指的是超文本标记语言 (Hyper Text Markup Language)HTML 不是一种编程语言，而是一种标记语言 (markup language)标记语言是一套标记标签 (markup tag)HTML 使用标记标签来描述网页 XHTML和HTML最主要的不同： XHTML 元素必须被正确地嵌套。XHTML元素必须被关闭 · 非空标签必须使用结束标签。 ·空标签也必须使用结束标签，或者其开始标签必须使用/>结尾。 标签名称必须用小写字母 XHTML ...
1、什么是HTML语义化？<基本上都是围绕着几个主要的标签，像标题（H1~H6）、列表（li）、强调（strong em）等等>根据内容的结构化（内容语义化），选择合适的标签（代码语义化）便于开发者阅读和写出更优雅的代码的同时让浏览器的爬虫和机器很好地解析。2、为什么要语义化？为了在没有CSS的情况下，页面也能呈现出很好地内容结构、代码结构:为了裸奔时好看；用户体验：例如title、alt用于解释名词或解释图片信息、label标签的活用；...
使用iText7的pdfHtml库，将html转成pdf，官方：https://itextpdf.com/en/demos/convert-html-css-to-pdf-free-online；官方示例：using System.IO; using iText.Html2pdf;namespace WebsiteDemoPdfHtml {class Program{privatestaticstring ORIG = "/uploads/input.html";privatestaticstring OUTPUT_FOLDER = "/myfiles/";staticvoid Main(string[] args){string pdfDest = OUTPUT_FOLDER + "output.pdf";HtmlConverter.ConvertTo...
前端的三把利器： （1）HTML就像一个赤裸裸的人 （2）css就好比一件衣服 （3）JS/JavaScript：赋予这个人的行为，让它动起来1.HTML标签 html代码实际上就是一套能够被浏览器所识别的规则代码，由一个个标签组成。HTML的基本格式如下：html head1.自闭合标签 （ 只有开头标签，没有结尾标签）2.主动闭合标签html body 1.段落标签 p br2.h、form、div、span、input、...
1、什么是XML,XHTML、HTML?根据W3C定义，xml是指可拓展标记语言(Extension Markup Language)、设计的宗旨是用来传输数据，而非显示数据，XML中的标签没有被预定义，可以自行定义标签，它是W3C推荐的标准。XHTML:可拓展超文本标记语言(Extensible HyperText Markup Language)，它是作为一种XML应用被重新定义的HTML，设计的目标是为了取代HTML，它与HTML4.01几乎是相同的，它是更严格更纯净版的HTML,也是W3C的一个标准。HTML:超文本...
把JavaScript文件放在head中标准方法是把JavaScript文件放到head标签内。<head><scripttype="text/javascript"src="dreamdu.js"></script></head>如果浏览器不支持JavaScript，将忽略script标签里面的内容，可以避免使用<!-- ... //-->(内部引用)。当JavaScript有任何HTML实体时，也不需要使用CDATA标签了(因为JavaScript代码不直接在HTML文件中)。JavaScript文件必须使用js为文件后缀。把JavaScript文件放在body前为防止网页加载缓...
1、解决中文显示：加上中文字体：privatestaticfinal String WIN_FONT_SUN = "C:/Windows/Fonts/simsun.ttc";privatestaticfinal String WIN_FONT_HEI = "C:/Windows/Fonts/simhei.ttf";privatestaticfinal String LINUX_FONT_SUN = "/usr/share/fonts/my_fonts/simsun.ttc";privatestaticfinal String LINUX_FONT_HEI = "/usr/share/fonts/my_fonts/STZHONGS.TTF";if (isWindows()){ addFont(fontResolver, WIN_FONT_SUN);addFon...
什么是html5呢？html5最先由WHATWG(Web 超文本应用技术工作组)命名的一种超文本标记语言，随后和W3C的xhtml2.0(标准)相结合，产生现在最新一代的超文本标记语言。可以简单点理解成：HTML 5 ≈ HTML+CSS 3+JS+API。hmtl5于html的区别我们现在web前端开发的静态网页，一般都是html4.0。同时是符合W3C的xhtml1.0规范来的。那么他们两者又有什么实质性的区别呢？1.在文档类型声明上html:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 ...
HTML相比于HTML 1.所有的标记都必须要有一个相应的结束标记 以前在HTML中，你可以打开许多标签，例如和<li>而不一定写对应的 和</li>来关闭它们。但在XHTML中这是不合法的。XHTML要求有严谨的结构，所有标签必须关闭。如果是单独不成对的标签，在标签最后加一个"/"来关闭它。例如: <img height="80" alt="网页设计师" src="../images/logo_w3cn_200x80.gif" width="200" /> 2.所有标签的元素和属性的名字都必须使用小写 与H...
最近看群里聊天聊得最火热的莫过于手机网站和html5这两个词。可能有人会问，这两者有什么关系呢？随着这移动互联网快速发展的时代，尤其是4G时代已经来临的时刻，加上微软对“XP系统”不提供更新补丁、维护的情况下“html5+css3”也逐渐的成为新一代web前端技术，手机网站也渐渐的成为一种趋势。什么是html5呢？html5最先由WHATWG(Web 超文本应用技术工作组)命名的一种超文本标记语言，随后和W3C的xhtml2.0(标准)相结合，产生现在最...
最近做项目，使用得vue作为基础框架。有这样一个需求，需要给返回来的富文本绑定事件，搜了一下众说纷纭。自己摸索了和总结出一套比较好用得方式。 利用JavaScript事件捕获，通过给使用v-html的标记绑定click事件，捕获到点击的标记。从而实现vue动态绑定dom元素事件的效果； 代码如下： 富文本数据："richTextContent": "<p class=‘testssss‘ data-innervalue=‘sadsadsa‘ data-value=‘{nasdlkashdashdkjsahdksd}‘><span sty...
一、简介之前也记录过一篇关于把 HTML 文本或 HTML 文件转换为 PDF 的博客，只是之前那种方法有些局限性。后来又了解到 wkhtmltopdf.exe 这个工具，这个工具比起之前的那种方法简直是太好用了。它是一个使用 Qt WebKit 引擎做渲染的，能够把 HTML 文档转换成 PDF 文档或图片(image) 的命令行工具。支持多个平台，可在 windows、linux 等系统下运行。你可以从这里获取到它：https://wkhtmltopdf.org/downloads.html 二、安装下载完成...
1.HTML对于各大浏览器兼容性较差(pc端浏览器、手机端浏览器、PAD)，对于网页页面编写技巧要求比较高，现在web前端开发的静态网页，一般都是html4.0，HTML5就另当别论了。2.XHTML可以很好处理各大浏览器的兼容(pc端浏览器、手机端浏览器、PAD)，看起来与HTML有些相象但是和HTML有不少的区别，XHTML的语法较为严谨，习惯松散结构的HTML编写者刚开始接触XHTML有些不习惯。XHTML结合了部分XML的强大功能及大多数HTML的简单特性。3、HTM...
ylbtech-浏览器端-W3School-HTML：HTML DOM Anchor 对象 1.返回顶部1、HTML DOM Anchor 对象Anchor 对象Anchor 对象表示 HTML 超链接。在 HTML 文档中 <a> 标签每出现一次，就会创建 Anchor 对象。锚可用于创建指向另一个文档的链接（通过 href 属性），或者创建文档内的书签（通过 name 属性）。您可以通过搜索 Document 对象中的 anchors[] 数组来访问锚，或者使用 document.getElementById()。Anchor 对象的属性属性描述accessK...