整合營銷服務(wù)商
電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理
免費(fèi)咨詢熱線：
電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理
免費(fèi)咨詢熱線：
meta主要用于設(shè)置網(wǎng)頁中的一些元數(shù)據(jù)，元數(shù)據(jù)不是給用戶看 charset 指定網(wǎng)頁的字符集 name 指定的數(shù)據(jù)的名稱 content 指定的數(shù)據(jù)的內(nèi)容
keywords 表示網(wǎng)站的關(guān)鍵字，可以同時指定多個關(guān)鍵字，關(guān)鍵字間使用,隔開
<meta name="Keywords" content="網(wǎng)上購物,網(wǎng)上商城,手機(jī),筆記本,電腦,MP3,CD,VCD,DV,相機(jī),數(shù)碼,配件,手表,存儲卡,京東"/>description 用于指定網(wǎng)站的描述
<meta name="description" content="京東JD.COM-專業(yè)的綜合網(wǎng)上購物商城,銷售家電、數(shù)碼通訊、電腦、家居百貨、服裝服飾、母嬰、圖書、食品等數(shù)萬個品牌優(yōu)質(zhì)商品.便捷、誠信的服務(wù)，為您提供愉悅的網(wǎng)上購物體驗(yàn)!"/><meta http-equiv="refresh" content="3;url=https://www.mozilla.org">將頁面重定向到另一個網(wǎng)站
title標(biāo)簽的內(nèi)容會作為搜索結(jié)果的超鏈接上的文字顯示
<title>Document</title>header 表示網(wǎng)頁的頭部 main 表示網(wǎng)頁的主體部分(一個頁面中只會有一個main) footer 表示網(wǎng)頁的底部 nav 表示網(wǎng)頁中的導(dǎo)航 aside 和主體相關(guān)的其他內(nèi)容（側(cè)邊欄） article 表示一個獨(dú)立的文章 section 表示一個獨(dú)立的區(qū)塊，上邊的標(biāo)簽都不能表示時使用section
div 沒有語義，就用來表示一個區(qū)塊，目前來講div還是我們主要的布局元素
span 行內(nèi)元素，沒有任何的語義，一般用于在網(wǎng)頁中選中文字
<header></header>
<main></main>
<footer></footer>
<nav></nav>
<aside></aside>
<article></article>
<section></section>
<div></div>
<span></span>使用ol標(biāo)簽來創(chuàng)建無序列表，使用li表示列表項(xiàng)
<ul>
<li>結(jié)構(gòu)</li>
<li>表現(xiàn)</li>
<li>行為</li>
</ul>使用ul標(biāo)簽來創(chuàng)建無序列表，使用li表示列表項(xiàng)
<ol>
<li>結(jié)構(gòu)</li>
<li>表現(xiàn)</li>
<li>行為</li>
</ol>使用dl標(biāo)簽來創(chuàng)建一個定義列表， 使用dt來表示定義的內(nèi)容，使用dd來對內(nèi)容進(jìn)行解釋說明
<dl>
<dt>結(jié)構(gòu)</dt>
<dd>結(jié)構(gòu)表示網(wǎng)頁的結(jié)構(gòu)，結(jié)構(gòu)用來規(guī)定網(wǎng)頁中哪里是標(biāo)題，哪里是段落</dd>
<dd>結(jié)構(gòu)表示網(wǎng)頁的結(jié)構(gòu)，結(jié)構(gòu)用來規(guī)定網(wǎng)頁中哪里是標(biāo)題，哪里是段落</dd>
<dd>結(jié)構(gòu)表示網(wǎng)頁的結(jié)構(gòu)，結(jié)構(gòu)用來規(guī)定網(wǎng)頁中哪里是標(biāo)題，哪里是段落</dd>
</dl><ul>
<li>
aa
<ul>
<li>aa-1</li>
<li>aa-2
<ul>
<li>aa-1</li>
<li>aa-2</li>
</ul>
</li>
</ul>
</li>
</ul>超鏈接可以讓我們從一個頁面跳轉(zhuǎn)到其他頁面， 或者是當(dāng)前頁面的其他的位置
使用 a 標(biāo)簽來定義超鏈接
<a href="https://www.baidu.com">超鏈接</a>指定跳轉(zhuǎn)的目標(biāo)路徑
值可以是一個外部網(wǎng)站的地址
也可以寫一個內(nèi)部頁面的地址
超鏈接是也是一個行內(nèi)元素，在a標(biāo)簽中可以嵌套除它自身外的任何元素
用來指定超鏈接打開的位置
_self 默認(rèn)值 在當(dāng)前頁面中打開超鏈接
_blank 在一個新的要么中打開超鏈接
<a href="07.列表.html" target="_blank">超鏈接</a>將#作為超鏈接的路徑的展位符使用
javascript：; 來作為href的屬性，此時點(diǎn)擊這個超鏈接什么也不會發(fā)生
將超鏈接的href屬性設(shè)置為#，這樣點(diǎn)擊超鏈接以后 頁面不會發(fā)生跳轉(zhuǎn)，而是轉(zhuǎn)到當(dāng)前頁面的頂部的位置
跳轉(zhuǎn)到頁面的指定位置，只需將href屬性設(shè)置 #目標(biāo)元素的id屬性值
<a href="#bottom">去底部</a>
<br><br>
<a href="#p3">去第三個自然段</a>
<br><br>
<p>
內(nèi)容多一點(diǎn)
</p>
<a href="#">這是一個新的超鏈接</a>
<br><br>
<a href="javascript：;">這是一個新的超鏈接</a>
<br><br>
<a id="bottom" href="#">回到頂部</a>img標(biāo)簽來引入外部圖片，img標(biāo)簽是一個自結(jié)束標(biāo)簽
屬性：src 屬性指定的是外部圖片的路徑（路徑規(guī)則和超鏈接是一樣的）
alt 圖片的描述，這個描述默認(rèn)情況下不會顯示，有些瀏覽器會圖片無法加載時顯示
<img src="./img/1.gif" alt="松鼠">用于向當(dāng)前頁面中引入一個其他頁面
<iframe src="https://www.qq.com" width="800" height="600" frameborder="0"></iframe>audio 標(biāo)簽用來向頁面中引入一個外部的音頻文件的
<audio src="./source/audio.mp3" controls autoplay loop></audio>除了通過src來指定外部文件的路徑以外，還可以通過source來指定文件的路徑
<audio controls>
<!-- 對不起，您的瀏覽器不支持播放音頻！請升級瀏覽器！-->
<source src="./source/audio.mp3">
<source src="./source/audio.ogg">
<embed src="./source/audio.mp3" type="audio/mp3" width="300" height="100">
</audio>與 audio 相似
<video controls>
<source src="./source/flower.webm">
<source src="./source/flower.mp4">
<embed src="./source/flower.mp4" type="video/mp4">
</video><table border="1" width='50%' align="center">
<tr>
<td>A1</td>
<td>B1</td>
<td>C1</td>
<td>D1</td>
</tr>
<tr>
<td>A2</td>
<td>B2</td>
<td>C2</td>
<td rowspan="2">D2</td>
</tr>
<tr>
<td>A3</td>
<td>B3</td>
<td>C3</td>
</tr>
<tr>
<td>A4</td>
<td>B4</td>
<td colspan="2">C4</td>
</tr>
</table><table border="1" width='50%' align="center">
<thead>
<tr>
<th>日期</th>
<th>收入</th>
<th>支出</th>
<th>合計</th>
</tr>
</thead>
<tbody>
<tr>
<td>2000.1.1</td>
<td>500</td>
<td>200</td>
<td>300</td>
</tr>
<tr>
<td>2000.1.1</td>
<td>500</td>
<td>200</td>
<td>300</td>
</tr>
<tr>
<td>2000.1.1</td>
<td>500</td>
<td>200</td>
<td>300</td>
</tr>
<tr>
<td>2000.1.1</td>
<td>500</td>
<td>200</td>
<td>300</td>
</tr>
</tbody>
<tfoot>
<tr>
<td></td>
<td></td>
<td>合計</td>
<td>300</td>
</tr>
</tfoot>
</table>border-spacing: 0px;border-collapse: collapse;<input type="text" name="username"><input type="radio" name="hello" value="a">
<input type="radio" name="hello" value="b" checked><input type="checkbox" name="test" value="1">
<input type="checkbox" name="test" value="2">
<input type="checkbox" name="test" value="3" checked><select name="haha">
<option value="i">選項(xiàng)一</option>
<option selected value="ii">選項(xiàng)二</option>
<option value="iii">選項(xiàng)三</option>
</select><input type="submit" value="注冊"><form action="target.html">
<input type="text" name="username" value="hello" readonly>
<br><br>
<input type="text" name="username" autofocus>
<br><br>
<input type="text" name="b">
<br><br>
<!-- <input type="color"> -->
<br><br>
<!-- <input type="email"> -->
<br><br>
<input type="submit">
<!-- 重置按鈕 -->
<input type="reset">
<!-- 普通的按鈕 -->
<input type="button" value="按鈕">
<br><br>
<button type="submit">提交</button>
<button type="reset">重置</button>
<button type="button">按鈕</button>
</form><!--
我是注釋中的注釋 注釋不能嵌套
-->
<!doctype html>#34;夏哉ke"：quangneng.com/5065/
HTML5的介紹和案例實(shí)戰(zhàn)
HTML5 是 HTML 的第五個主要版本，是用于構(gòu)建和呈現(xiàn)網(wǎng)頁內(nèi)容的最新標(biāo)準(zhǔn)。它引入了許多新特性和改進(jìn)，使得開發(fā)者能夠創(chuàng)建更豐富、更交互性的網(wǎng)頁應(yīng)用。HTML5 的一些主要特性包括：
案例實(shí)戰(zhàn)可以是：
這些案例實(shí)戰(zhàn)可以幫助開發(fā)者熟悉 HTML5 的各種特性和用法，并在實(shí)際項(xiàng)目中應(yīng)用它們來構(gòu)建豐富、交互性強(qiáng)的網(wǎng)頁應(yīng)用。
CSS3的介紹和案例實(shí)戰(zhàn)
CSS3 是 CSS 的第三個主要版本，是用于樣式化網(wǎng)頁內(nèi)容的最新標(biāo)準(zhǔn)。它引入了許多新特性和改進(jìn)，使得開發(fā)者能夠創(chuàng)建更漂亮、更交互性的網(wǎng)頁設(shè)計。CSS3 的一些主要特性包括：
案例實(shí)戰(zhàn)可以是：
這些案例實(shí)戰(zhàn)可以幫助開發(fā)者熟悉 CSS3 的各種特性和用法，并在實(shí)際項(xiàng)目中應(yīng)用它們來實(shí)現(xiàn)各種炫酷的網(wǎng)頁設(shè)計效果。
JavaScript的介紹和案例實(shí)戰(zhàn)：
JavaScript 是一種高級的、動態(tài)的、解釋性的編程語言，主要用于為網(wǎng)頁添加交互性和動態(tài)功能。它是 Web 開發(fā)中最常用的腳本語言之一，可以直接嵌入到 HTML 中，也可以作為外部文件引入到 HTML 頁面中。
JavaScript 的特點(diǎn)包括：
案例實(shí)戰(zhàn)可以是：
這些案例實(shí)戰(zhàn)可以幫助開發(fā)者熟悉 JavaScript 的語法和常用操作，理解 JavaScript 在網(wǎng)頁開發(fā)中的應(yīng)用場景，從而更好地運(yùn)用 JavaScript 來實(shí)現(xiàn)各種動態(tài)和交互式的功能。
文本插件TINYMCE使用CTRL+V粘貼圖片上傳到遠(yuǎn)程服務(wù)器
最近項(xiàng)目中有一個需求，需要在編輯器增加Word內(nèi)容一鍵粘貼的功能，粘貼后能夠自動將Word中的圖片上傳到服務(wù)器中，并且保留Word文檔中的文本樣式，比如顏色，字體，字體大小，表格等。粘貼操作要求支持快捷鍵操作（Ctrl + V），Web編輯器使用的TinyMCE5
用戶每天需要發(fā)布新聞，新聞都是由編輯寫好，保存在Word文檔中，之前發(fā)的時候圖片處理比較麻煩，都是一張張上傳，效率比較低，現(xiàn)在希望能夠批量自動上傳，提高工作效率。
希望在現(xiàn)有的后臺管理系統(tǒng)中直接集成到現(xiàn)有的編輯器（tinymce）中，做成一個按鈕，用戶點(diǎn)擊按鈕后就能粘貼，圖片自動上傳。操作盡量簡單，用戶體驗(yàn)盡量的好用。
?
網(wǎng)上搜了一下，基本上大部分文章講的都是用VUE+HTML5來實(shí)現(xiàn)的。我們實(shí)際測試后發(fā)現(xiàn)這種方案局限性比較大，而且兼容性也不夠好，在有些電腦上不行，有些客戶電腦又行，暫時找不到原因，開源方案也沒人聯(lián)系，沒有任何技術(shù)支持，所以放棄。圖片是轉(zhuǎn)成了BASE64上傳，與原始圖片相比尺寸更大些，應(yīng)該是自動轉(zhuǎn)換時出了問題，清晰度也有下降。
?
找了幾個星期最終只找到了一個最符合需求的插件：澤優(yōu)Word一鍵粘貼控件（WordPaster），實(shí)際測試后發(fā)現(xiàn)效果還不錯基本能夠滿足需求。提供了完整的示例代碼，整合教程和視頻教程，集成起來也非常的方便，用戶體驗(yàn)做的也很好。
?
項(xiàng)目組建議最好能夠以插件方式進(jìn)行使用，這樣集成升級后期維護(hù)更方便，前端沒有使用VUE框架，而是HTML+JS。用戶希望直接集成到編輯器（UEditor）中，在工具欄中提供一個按鈕，點(diǎn)擊按鈕后就能粘貼，圖片自動上傳。這樣的用戶體驗(yàn)是最好的
?
另外一點(diǎn)就是希望穩(wěn)定可靠，因?yàn)橛玫娜吮容^多，幾乎每天都會使用，使用頻繁也很高，出了問題就比較影響工作效率?？蛻裟沁呉筇峁┦謾C(jī)和微信需要技術(shù)支持。
?
上面的幾點(diǎn)能夠滿足的話基本就沒有什么問題，領(lǐng)導(dǎo)希望最好提供OEM或者買斷的采購方式，因?yàn)槲覀兪擒浖荆彩菍ｉT做政府單位項(xiàng)目，客戶比較多，領(lǐng)導(dǎo)希望能夠買斷集成在我們自己的產(chǎn)品中，這樣就能夠?yàn)樗杏脩籼峁┻@個功能，用戶體驗(yàn)也能夠統(tǒng)一。主要是領(lǐng)導(dǎo)不想每次都要單獨(dú)采購，太麻煩了。
?
示例下載：
*請認(rèn)真填寫需求信息，我們會在24小時內(nèi)與您取得聯(lián)系。
