框架將瀏覽器劃分成不同的部分,每一部分加載不同的網頁,實現在同一瀏覽器窗口中加載多個頁面的效果
<frameset>....</frameset>
1.cols:使用“像素數”和%分割左右窗口,“*”表示剩余部分;如果使用“*”,“*”表示框架平均分成2個;如果使用“*”,“*”,“*”表示框架平均分成3個。
2.rows:使用“像素數”和%分割上下窗口,“*”表示剩余部分。
3.frameborder:指定是否顯示邊框,0不顯示,1顯示。
4.border:設置邊框的大小,默認值5像素。
frame 標記是一個單標記,該標記必須放在 frameset 中使用,在 frameset 中設置了幾個窗口,就必須對應使用幾個 frame 框架,而且還必須使用 src 屬性指定一個網頁。
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>文檔標題</title> </head> <frameset cols="*,*" frameborder="0"> <frame src="https://www.taobao.com" noresize> <frame src="https://www.baidu.com" noresize> </frameset></html>
html高級特性 : 本篇文章主要講述,關于HTML語義化、框架和iframe、音頻和視頻相關的知識點,下面我們一起來學習了解吧
html語義化是指在編寫html代碼時,使用具有語義意義的元素來描述網頁內容的結構、屬性和功能等。
這種做法不僅可以使頁面結構更加清晰,易于維護, 而且能夠讓搜索引擎更好地理解頁面內容,提高頁面的可訪問性。
以下是一些常用的html元素和它們的語義含義:
除此之外,還有一些表達特定意義的html元素,例如:
html語義化的優點
HTML中,框架和iframe都是用于在一個頁面中嵌入另一個頁面的方式。它們具有不同的使用方法和特點,請參考以下詳細介紹。
框架是一種比較古老的技術,它可以將一個網頁分割為多個窗口(frame),每個窗口可以獨立加載不同的HTML文件。框架通常使用<frameset>和<frame>標簽來實現。例如:
<!DOCTYPE html>
<html>
<head>
<title>框架示例</title>
</head>
<frameset rows="20%,80%">
<frame src="header.html">
<frame src="content.html">
</frameset>
</html>
上面的示例代碼中,使用了frameset標簽來定義分割窗口,并使用frame標簽指定每個窗口所要顯示的HTML文件。
框架的優點是能夠快速刷新其中的一個局部,而不需要完整地重新加載整個頁面,從而提高用戶體驗。但是,由于框架的缺點也顯著——此技術已經過時,瀏覽器支持性較差,且容易造成網站的SEO問題,因此較少在現代Web開發中使用。
iframe是現代Web開發中常用的頁面嵌入技術。它可以將一個頁面嵌入到另一個頁面中的固定位置,以實現局部更新和交互。可以使用<iframe>標簽來創建iframe。例如:
<!DOCTYPE html>
<html>
<head>
<title>iframe示例</title>
</head>
<body>
<h1>主頁</h1>
<p>這是首頁內容。</p>
<iframe src="news.html"></iframe>
</body>
</html>
上面的示例代碼中,指定了一個iframe元素并將其src屬性設置為要嵌入的HTML文件鏈接。
與框架相比,iframe具有更強大的可定制性、靈活性和兼容性,而且也不會對SEO造成負面影響。但是,可能存在與同源策略相關的安全問題,需要開發者進行考慮和防范。
總之,在HTML中可使用框架和iframe用于在一個頁面中嵌入另一個頁面。但是,由于框架技術已經過時,較少使用;iframe則常見于現代Web開發中。需要根據實際需求進行選擇和應用。
HTML中,音頻和視頻是用來在網頁中嵌入音頻或視頻文件的標簽。它們分別使用<audio>標簽和<video>標簽來實現。
音頻可以用來播放音樂、語音等各種音頻效果。可以使用<audio>標簽來創建音頻播放器,并通過src屬性指定要播放的音頻文件鏈接。例如:
<audio src="music.mp3" controls></audio>
上面的示例代碼中,定義了一個音頻播放器,通過src屬性指定了要播放的音頻文件名為"music.mp3"。controls屬性可以讓瀏覽器自動添加播放控件,包括播放/暫停、音量調節、快進/快退等。
視頻可以用于播放各種視頻內容,例如電影、短片、教學視頻等。可以使用<video>標簽來創建視頻播放器,并通過src屬性指定要播放的視頻文件鏈接。例如:
<video src="movie.mp4" controls></video>
上面的示例代碼中,定義了一個視頻播放器,通過src屬性指定了要播放的視頻文件名為"movie.mp4"。同樣,設置了controls屬性可以讓瀏覽器自動添加播放控件。
在使用音頻和視頻時,可以設置多個屬性,包括:autoplay(自動播放)、loop(循環播放)、preload(預加載)、muted(關閉聲音),等等。要實現更復雜的功能,可以通過JavaScript來操作音頻和視頻標簽提供的API。
總之,在HTML中可使用音頻和視頻標簽來嵌入音頻或視頻文件,并在網頁中進行播放、暫停等操作。具體使用方式和屬性設置根據需要進行選擇和調整。
以上就是今天要講的內容,本文簡單介紹了HTML高級特性的知識點,更多內容可以查看THTML官方文檔
如果覺得有用,歡迎明天再來,繼續合集的下一篇文章學習
遇到問題,私信我!!~~
文來自少數派
不少公司、機構都提供了外接顯示器。不過,屏幕大了,利用率卻不見得就跟著提了上去,如果你此時正身處辦公室,可以起身看看同事的電腦屏幕,相信能看到不少窗口隨意堆疊、應用全部集中在屏幕底部的情況。很多人對外接顯示器的利用率其實不高。
本文就教你用外接顯示器搭建一個高效的工作環境,把這塊大屏幕的潛力充分發掘出來。
注:本文以 macOS 環境為主,部分技巧在 Windows 系統下也適用。
長按二維碼關注少數派(ID:sspaime),在后臺回復「Windows」或「macOS」GET 到更多好用的利器和技巧。
用好外接顯示器,可以顯著幫我們提升工作效率。
從最直觀的感受上來說,外接顯示器可以給我們更大的空間,還可以幫我們抬高視線、帶來更舒服的使用姿勢。如果你有一張符合人體工學的椅子,你甚至可以半倚靠在上面辦公,這是縮在筆記本電腦前工作的人無福享受的。
而在功能上,我們不僅有更大的空間來進行多任務處理(并排展示更多窗口),還可以解鎖一些應用的特殊模式——比如 Photoshop 和 Final Cut Pro X 的「監視模式」,就能把外接顯示器變成「監視器」:在電腦上編輯、在顯示器上實時預覽效果。
一邊編輯一邊預覽 圖/Apple
另外,現在不少筆記本電腦逐漸向輕量化發展,接口越砍越少,很大程度上是在犧牲功能換取輕薄便攜;而外接顯示器基本都自帶拓展接口(Hub),無疑緩解了電腦接口的壓力。尤其對于使用 MacBook 這種接口緊張的產品來說,外接顯示器的上的一排 USB 接口可以說是及時雨了。
外接顯示器雖然有了更多的屏幕空間,但是也需要窗口管理,不然堆積的窗口只會把大屏幕變成大號「垃圾場」,更不利于我們找東西。
和在筆記本電腦上不同,外接顯示器尺寸實在太大,如果還是用時下流行的「拖拽」操作來控制窗口,估計書桌那點位置還不夠你移鼠標的(笑)。我更喜歡用快捷鍵來調整窗口大小,Mac 上免費開源的 Spectacle 剛好夠用,幾組快捷鍵迅速實現半屏、居中、邊角等常用布局。
Spectacle
Windows 用戶管理起窗口來就很輕松了,系統自帶了快捷鍵 Win + ←/→
來快速左右分屏。
Windows 分屏 圖/沨沄極客
另外,在瀏覽器里也能實現「分屏」瀏覽。這是一個 Bookmarklet 小工具(書簽插件),能夠并列打開兩個頁面來顯示同一個網頁,便于對比閱讀。有些文章非常長,讀到后面想滾動回去看之前的內容會很麻煩,至少我在讀一篇六七千字的文章時,如果看到一句「前文提到過……」,我就有不好的預感,往往結果是好不容易找到「前文」在哪,又找不到剛才的閱讀進度。有了這個小工具就方便很多,能夠對照著閱讀文章,特別是超長的教程文,兩邊一起讀,照著操作的時候就不用手忙腳亂上下翻滾網頁。
瀏覽器分屏
這個 Bookmarklet 自制即可。在瀏覽器里隨便新建一個書簽,把網址換成下面這串代碼粘,想「分屏」的時候點一下這枚書簽就行了。適用于 Chrome、Firefox、Safari 等主流瀏覽器(可能太舊的版本不行),不限操作系統。
javascript:document.write('%3CHTML%3E%3CHEAD%3E%3C/HEAD%3E%3CFRAMESET%20COLS=\'50%25,*\'%3E%3CFRAME%20SRC='%20+%20location.href%20+%20'%3E%3CFRAME%20SRC='%20+%20location.href%20+%20'%3E%3C/FRAMESET%3E%3C/HTML%3E')
如果你用的顯示器還不只一塊(或者同時使用筆記本電腦和外接顯示器),那么可能需要 ScreenFocus 來幫你管理多個屏幕。這個小工具可以讓暫時不用的顯示器自動變暗一些,避免分散你的注意力。另外,在光線較暗的環境里工作時,ScreenFocus 還能防止你被顯示器「亮瞎」。
SceenFocus
對于多數用戶來說,Mac 電腦自帶顯示器的顏色還是比較標準的,不過外接顯示器的顯示效果就不一定和 Mac 一樣了,甚至同一張照片在 Mac 內置顯示器和外接顯示器上看起來像是兩張不一樣的圖片,色差非常大,用這種狀態的顯示器,做出來的圖我自己都不認識。
調整前的色差
其實可以把外接顯示器的顏色調得和 Mac 內置顯示器差不多。你可能聽到過所謂的「蘋果色」,其實這就是蘋果顯示器默認的一種色彩風格,通過 macOS 內置的顏色設置大致也能模擬出來。對于沒有專業設計需求的用戶來說,調整的色差已經可以接受了。
首先打開系統設置 - 顯示器 - 顏色,此時會跳出兩個設置窗口,我們選擇位于外接顯示器上的那個。
外接顯示器顏色配置
接下來是重點,蘋果已經把高級的配置選項藏起來了,我們需要按住 ?Option
鍵再點擊「校色」,才能找回以前的「專家模式」,獲得更大的調整空間。
開啟專家模式校色
選項雖多,多數外接顯示器需要調節的參數只有 Native Gamma(原生灰度系數),調節時會出現一只飄在黑線上的蘋果,移動兩邊的藍色錨點讓蘋果盡可能和黑線融為一體,這樣調節后的屏幕顏色會和 Mac 原生的色彩較為接近。一般來說主要移動左側錨點即可,如果顯示器的顏色偏差肉眼可見,那則需要調節一下右邊的錨點。其他設置保持系統默認值即可。
顏色調整
調整后的外接顯示器看起來就舒服多了:
調整后的色差
除了上面這些比較偏功能性的配置,最后再分享一個更偏向個性化的技巧:為外接顯示器設置單獨的壁紙。
平時我們可能愛用非常個性的壁紙——比如和明星的合照——但是你估計不太希望公司的 27 寸外接顯示器上出現這張自拍。我們可以為外接顯示器設置單獨的壁紙,我就使用了風格簡約的圖片:
為外接顯示器設置單獨的壁紙(左)
設置方法很簡單,打開「系統設置 - 桌面與屏幕保護程序 - 桌面」,外接顯示器上也會彈出一個設置界面,直接選想要的壁紙就行了。
當然,純粹為了換換心情而為兩塊屏幕設置不同的壁紙也完全沒問題。
搬進更大的房間,但是不注意打掃,住得可能就不舒服;顯示器也是一樣,如果不進行管理和調教,窗口該堆積的還是會繼續堆積,很難發揮出大屏幕的優勢。
對窗口、顏色、壁紙等方面進行調教之后,外接顯示器方能真正提高我們的工作效率。
*請認真填寫需求信息,我們會在24小時內與您取得聯系。