入門 html

HTML扼雏、XML秋茫、XHTML 有什么區(qū)別

HTML,超文本標記語言赚楚,是語法較為松散的淌友、不嚴格的Web語言煌恢;

XML,可擴展標記語言震庭,主要用于存儲數(shù)據(jù)和結(jié)構(gòu)瑰抵,可擴展;

XHTML器联,可擴展超文本標記語言二汛,基于XML,作用與HTML類似主籍,但語法更嚴格习贫。

感覺和沒說似的。千元。苫昌。尷尬

怎樣理解 HTML 語義化

html+css+js ?= ? ?結(jié)構(gòu)層+表現(xiàn)層+行為層

語義化就是讓標簽和其所包裹的內(nèi)容的意思想吻合

為什么要進行語義化

1.方便機器理解代碼,利于SEO

搜索引擎爬蟲理解了你的代碼,你的網(wǎng)站排名自然有加分了幸海。

2.代碼更簡潔祟身,復用性更高奥务。使用合適的標簽,可以少些很多css或者js袜硫。

代碼更簡潔:這個顯而易見了氯葬。

復用性更高

少寫css js:在代碼簡潔那里說了,就不重復了

3.訪問性更好

這個主要就是針對讀屏器或者其他一些對CSS理解不好的瀏覽器婉陷。語義化的HTML可以做到脫離CSS還能看帚称,而非語義化的就難了

關于如何讓自己代碼語義化,我覺得有個方法可行

首先秽澳,你需要掌握常用的標簽闯睹,包括標簽代表的含義。

其次担神,在你寫html的時候楼吃,常常去想想,這么寫是否滿足了語義化的要求妄讯。

最后孩锡,經(jīng)常看一些大公司的網(wǎng)站(特別是新站)亥贸、開源項目代碼躬窜,我知道大家都會這么做,但每當你看他們css如何寫的砌函,js如何寫的時候斩披,請抽出一點點時間,看看他們html是如何寫的讹俊,思考下為什么這么寫垦沉。

這樣,我相信慢慢的你的HTML代碼語義化會越來越好仍劈。

總之厕倍,語義化HTML代碼不是一個可以從不會到會的問題,而是一個不斷改進的問題贩疙,不值得一次花大量精力去學習讹弯,但是需要每天積累一點來提高的技能


關于上面一大段很多是谷歌的,也就是抄的这溅,因為不理解不明白不懂组民,我知道這是不是借口在以后的日子里盡量減少去抄襲,盡量去總結(jié)謝謝

又說了一堆沒用的悲靴。臭胜。。


·怎樣理解內(nèi)容與樣式分離的原則

1)網(wǎng)頁分離

一個網(wǎng)頁分為三個部分:Html——結(jié)構(gòu),css——表現(xiàn)耸三,javascrip——行為乱陡。內(nèi)容也就是html,樣式也就是css仪壮。所以內(nèi)容和樣式的分離憨颠,就是指在網(wǎng)頁編碼的過程中,要將html和css兩大部分分開积锅。

2)如何實現(xiàn)

內(nèi)容與樣式分離的原則的實現(xiàn)爽彤,一個是要依靠意識,另一個是依靠經(jīng)驗乏沸。

舉例而言淫茵,面對一個分塊明顯的網(wǎng)頁設計圖時:

初級的開發(fā)人員思路及制作方法:div 層層嵌套;

中級的開發(fā)人員思路及制造方法:去掉多余的 div ,進行簡化蹬跃;

高級的開發(fā)人員思路及制造方法:最大化的簡化 html 的結(jié)構(gòu),然后用 css 進行設置铆铆,減少 html 與 css 的契合度蝶缀。

正確做法是寫HTML的時候先不管樣式,重點放在HTML的結(jié)構(gòu)和語義化上薄货,讓HTML能提現(xiàn)頁面結(jié)構(gòu)或者內(nèi)容,翁都,然后進行 css 樣式設置,減少 HTML 與 CSS 契合度(即內(nèi)容與樣式分離) 谅猾,寫JS的時候柄慰,盡量不要用JS去直接操作樣式,而是通過給元素添加刪除class來控制樣式變化(即行為分離)税娜。

3)分離原則的優(yōu)點

瀏覽器加載網(wǎng)頁頁面速度變快坐搔。分離原則下,大部分頁面代碼寫在了CSS當中敬矩,頁面體積容量變得更小概行。

網(wǎng)頁修改設計時,效率弧岳、省時凳忙。根據(jù)html標簽內(nèi)ID或class的標記,到CSS里找到相應的ID或class禽炬,可以快速替換指定位置的樣式涧卵,不會破壞頁面架構(gòu)和其他部分的樣式。

典型的應用就是網(wǎng)頁換膚腹尖,使用相同的 html 結(jié)構(gòu)柳恐,不同的 css 樣式。

更好地被搜索引擎收錄√コ罚基于內(nèi)容與樣式分離的原則晓殊,html的語義化就是首要考慮的,網(wǎng)頁中語義化的標簽代碼就會更加適合搜索引擎。

css樣式的分離伤提,它可以根據(jù)不同的瀏覽器巫俺,達到顯示效果的統(tǒng)一。保證網(wǎng)頁架構(gòu)不變形的前提下肿男,放心在不同瀏覽器渲染顯示樣式介汹。


有哪些常見的meta標簽

這個 我放幾個喜歡的鏈接因為這個我真的不懂。舶沛。

這個寫的真的好嘹承,需要多看看了

html中meta標簽的介紹

文檔聲明的作用?嚴格模式和混雜模式指什么?的作用?

簡單說就是告訴瀏覽器你應該這么做,不做就打你屁股H缤ァL揪怼!但是需要你告訴瀏覽器去怎么做坪它,座椅在開頭進行聲明骤竹,這是html的東西,不是java c語言啥的往毡,記住了這是htmlC纱А!开瞭!

1.聲明位于文檔中的最前面的位置懒震,處于標簽之前。此標簽可告知瀏覽器文檔使用哪種HTML或XHTML規(guī)范嗤详。

2.所謂的標準模式是指个扰,瀏覽器按W3C標準解析執(zhí)行代碼;怪異模式則是使用瀏覽器自己的方式解析執(zhí)行代碼断楷,因為不同瀏覽器解析執(zhí)行的方式不一樣锨匆,所以我們稱之為怪異模式。

3.瀏覽器解析時到底使用標準模式還是怪異模式冬筒,與你網(wǎng)頁中的DTD聲明直接相關恐锣,DTD聲明定義了標準文檔的類型(標準模式解析)文檔類型,會使瀏覽器使用相應的方式加載網(wǎng)頁并顯示舞痰,忽略DTD聲明,將使網(wǎng)頁進入怪異模式土榴。

瀏覽器亂碼的原因是什么?如何解決

解決 ? (看到這么長的的東西頭就疼响牛。玷禽。赫段。。話說加了一個妹子的微信矢赁,她搜的我糯笙。。撩银。给涕。叫楊欣,我一個男同學叫做楊欣欣额获。够庙。、有意思了!!!)

以下幾個地方都需要設置編碼格式抄邀,例如把編碼格式設置成UTF-8:

Eclipse

設置項目的編碼為UTF-8耘眨,在項目的“屬性->Resource”處設置。

HTML

在標記中添加:

3.JSP

在JSP文件第1行增加:

<%@page contentType="text/html; charset=UTF-8"%>

4.JSP

在表單處理頁面中境肾,如果使用了request.getParameter()方法獲取提交的表單數(shù)據(jù)剔难,則需要在獲取數(shù)據(jù)前需要加上:

request.setCharacterEncoding("UTF-8");

5.Servlet

使用如下語句:

response.setContentType("text/html;charset=UTF-8");

注意不能寫成:

response.setContentType("UTF-8");

6.Tomcat

Tomcat的server.xml文件中找到設置端口的標記,例如:

connectionTimeout="20000"

redirectPort="8443" />

然后添加屬性URIEncoding奥喻,并且設置值為UTF-8钥飞,設置后如下:

connectionTimeout="20000"

redirectPort="8443"

URIEncoding="UTF-8"/>

(作者: lxlacie

鏈接:http://www.imooc.com/article/15286

來源:慕課網(wǎng) ? 還是保留作者吧。衫嵌。。畢竟是他教我的彻秆,是吧Pń省!4蕉摇)

常見的瀏覽器有哪些酒朵,什么內(nèi)核

360?

qq

谷歌

火狐

忘了ie

內(nèi)核?

Trident?

Gecko

Presto

Webkit: 蘋果的啊。扎附。蔫耽。。想買一個留夜,不過垃圾還是別去侮辱蘋果了匙铡。。碍粥。

列出常見的標簽鳖眼,并簡單介紹這些標簽用在什么場景

這不就長了么。嚼摩。钦讳。矿瘦。尷尬了。愿卒。缚去。是不是又要抄啊,

琼开,h1易结、h2、h3稠通、h4衬衬、h5、h6標簽用于標題改橘,

p 標簽用于段落滋尉,大段文字

div標簽用于給頁面劃分區(qū)塊,讓結(jié)構(gòu)更清晰

a標簽用于添加鏈接飞主,鏈接到某個地址狮惜,或者頁面上的某個元素。

img標簽用于給頁面添加一張圖片

ul和li合用碌识,給頁面添加并列的內(nèi)容

ol和li合用碾篡,給頁面添加有步驟和編號的有序內(nèi)容

dl dt dd標簽,用于展示一系列標題和內(nèi)容的場景

button 用于添加按鈕

em 強調(diào)頁面中的某些內(nèi)容

strong 比em標簽的強調(diào)性更強筏餐,表示很重要

iframe 用于嵌入一個頁面开泽,注意跨域操作的問題

table 用于展示表格,不要用來做布局魁瞪,thead穆律,tbody和tfoot可以省略,瀏覽器會自動添加border-collapse:collapse,用于合并邊框

差不多就這些了啊导俘。峦耘。。旅薄。話說今天第二天開始學習辅髓,今天大致完成了差不多五個任務,把下一個任務過了就可以輕悠上手百度前端技術(shù)學院的第一個任務了少梁,不過那個好久了洛口,我還是那么垃圾;猎莲、绍弟、、著洼、

老媽的好東西到貨了樟遣,而叼,,萌萌的哈哈哈

老媽的病 很嚴重豹悬,這幾年累的葵陵,作為兒子的我,就知道花錢了瞻佛,是不是很過分啊脱篙。。伤柄。绊困。

自己也知道了,畢業(yè)了适刀,是騾子是馬該出來溜溜了

媽的秤朗, 竟然快哭了 ,一想到我老媽笔喉。取视。。常挚。豬頭 蘿莉說的作谭,pk 里蘿莉贏了就罵你豬頭!Q僬薄折欠!

ok



















最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市吼过,隨后出現(xiàn)的幾起案子怨酝,更是在濱河造成了極大的恐慌,老刑警劉巖那先,帶你破解...
    沈念sama閱讀 212,294評論 6 493
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異赡艰,居然都是意外死亡售淡,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,493評論 3 385
  • 文/潘曉璐 我一進店門慷垮,熙熙樓的掌柜王于貴愁眉苦臉地迎上來揖闸,“玉大人,你說我怎么就攤上這事料身√乐剑” “怎么了?”我有些...
    開封第一講書人閱讀 157,790評論 0 348
  • 文/不壞的土叔 我叫張陵芹血,是天一觀的道長贮泞。 經(jīng)常有香客問我楞慈,道長,這世上最難降的妖魔是什么啃擦? 我笑而不...
    開封第一講書人閱讀 56,595評論 1 284
  • 正文 為了忘掉前任囊蓝,我火速辦了婚禮,結(jié)果婚禮上令蛉,老公的妹妹穿的比我還像新娘聚霜。我一直安慰自己,他們只是感情好珠叔,可當我...
    茶點故事閱讀 65,718評論 6 386
  • 文/花漫 我一把揭開白布蝎宇。 她就那樣靜靜地躺著,像睡著了一般祷安。 火紅的嫁衣襯著肌膚如雪姥芥。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 49,906評論 1 290
  • 那天辆憔,我揣著相機與錄音撇眯,去河邊找鬼。 笑死虱咧,一個胖子當著我的面吹牛熊榛,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播腕巡,決...
    沈念sama閱讀 39,053評論 3 410
  • 文/蒼蘭香墨 我猛地睜開眼玄坦,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了绘沉?” 一聲冷哼從身側(cè)響起煎楣,我...
    開封第一講書人閱讀 37,797評論 0 268
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎车伞,沒想到半個月后择懂,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 44,250評論 1 303
  • 正文 獨居荒郊野嶺守林人離奇死亡另玖,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 36,570評論 2 327
  • 正文 我和宋清朗相戀三年困曙,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片谦去。...
    茶點故事閱讀 38,711評論 1 341
  • 序言:一個原本活蹦亂跳的男人離奇死亡慷丽,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出鳄哭,到底是詐尸還是另有隱情要糊,我是刑警寧澤,帶...
    沈念sama閱讀 34,388評論 4 332
  • 正文 年R本政府宣布妆丘,位于F島的核電站锄俄,受9級特大地震影響局劲,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜珊膜,卻給世界環(huán)境...
    茶點故事閱讀 40,018評論 3 316
  • 文/蒙蒙 一容握、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧车柠,春花似錦剔氏、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,796評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至塑陵,卻和暖如春感憾,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背令花。 一陣腳步聲響...
    開封第一講書人閱讀 32,023評論 1 266
  • 我被黑心中介騙來泰國打工阻桅, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人兼都。 一個月前我還...
    沈念sama閱讀 46,461評論 2 360
  • 正文 我出身青樓嫂沉,卻偏偏與公主長得像,于是被迫代替她去往敵國和親扮碧。 傳聞我的和親對象是個殘疾皇子趟章,可洞房花燭夜當晚...
    茶點故事閱讀 43,595評論 2 350

推薦閱讀更多精彩內(nèi)容

  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案? 參考答案 (1)瀏覽器兼容問題一:不同瀏覽器的標簽默認的外補...
    _Yfling閱讀 13,737評論 1 92
  • 公司最近人手極度空缺慎王,領導一聲令下蚓土,讓我和另一個 Android 小伙去支援 Java 組開發(fā)。秉承著“一塊磚”的...
    GinkWang閱讀 744評論 0 15
  • 前端07班 王 O(∩_∩)O哈哈~又到了一年一度,一日一次寫博客的激動人心的日子咱旱,今天的博客其實特簡單嗜愈,就是搜集...
    ea203453e188閱讀 471評論 7 9
  • 一、HTML莽龟、XML、XHTML 有什么區(qū)別 1. HTML是什么锨天? 描述網(wǎng)頁的一種語言 超文本標記語言 (Hyp...
    饑人谷_CST閱讀 799評論 0 7
  • 五歲時看著哥哥手里拿著俄羅斯方塊的游戲機心里羨慕的直癢癢毯盈。想著只要有個游戲機,每天自己只玩一分鐘也高興病袄。小學時想著...
    長馬閱讀 376評論 0 2