HTML注意事項(xiàng)(學(xué)習(xí)筆記)

1驰怎、<br>在所有瀏覽器中都是有效的滤灯,但使用 <br />其實(shí)是更長(zhǎng)遠(yuǎn)的保障巍杈。類似的標(biāo)簽也一樣

2忧饭、標(biāo)簽最好用小寫,未來的版本中可能強(qiáng)制用小寫

3筷畦、標(biāo)簽屬性

始終為屬性值加引號(hào)

屬性值應(yīng)該始終被包括在引號(hào)內(nèi)词裤。雙引號(hào)是最常用的刺洒,不過使用單引號(hào)也沒有問題。
在某些個(gè)別的情況下吼砂,比如屬性值本身就含有雙引號(hào)逆航,那么您必須使用單引號(hào),例如:

name='Bill "HelloWorld" Gates'

4渔肩、標(biāo)題

搜索引擎使用標(biāo)題為您的網(wǎng)頁(yè)的結(jié)構(gòu)和內(nèi)容編制索引因俐。

5、水平線

<hr />標(biāo)簽在 HTML 頁(yè)面中創(chuàng)建水平線周偎。

6抹剩、段落 <p></p>

瀏覽器會(huì)自動(dòng)地在段落的前后添加空行。(<p>是塊級(jí)元素)

7蓉坎、HTML 輸出

我們無法確定 HTML 被顯示的確切效果澳眷。屏幕的大小,以及對(duì)窗口的調(diào)整都可能導(dǎo)致不同的結(jié)果蛉艾。
對(duì)于 HTML钳踊,您無法通過在 HTML 代碼中添加額外的空格或換行來改變輸出的效果。
當(dāng)顯示頁(yè)面時(shí)勿侯,瀏覽器會(huì)移除源代碼中多余的空格和空行箍土。所有連續(xù)的空格或空行都會(huì)被算作一個(gè)空格。需要注意的是罐监,HTML 代碼中的所有連續(xù)的空行(換行)也被顯示為一個(gè)空格。

8瞒爬、樣式style

style 屬性用于改變 HTML 元素的樣式弓柱。

9、預(yù)格式文本

<p>pre 標(biāo)簽保留了空格和換行侧但,很適合顯示計(jì)算機(jī)代碼:</p>

<pre>
for i = 1 to 10
     print i
next i
</pre>

10矢空、HTML 鏈接 - name 屬性

<a name="label">錨(顯示在頁(yè)面上的文本)</a>
a標(biāo)簽的name屬性規(guī)定錨(anchor)的名稱。
當(dāng)使用命名錨(named anchors)時(shí)禀横,我們可以創(chuàng)建直接跳至頁(yè)面中該命名錨(比如頁(yè)面中某個(gè)小節(jié))的鏈接屁药,這樣使用者就無需不停地滾動(dòng)頁(yè)面來尋找他們需要的信息了。
小提示:可以使用 id 屬性來替代 name 屬性柏锄,命名錨同樣有效酿箭。

實(shí)例

首先,我們?cè)?HTML 文檔中對(duì)錨進(jìn)行命名(創(chuàng)建一個(gè)書簽):
<a name="tips">基本的注意事項(xiàng) - 有用的提示</a>
然后趾娃,我們?cè)谕粋€(gè)文檔中創(chuàng)建指向該錨的鏈接:
<a href="#tips">有用的提示</a>
您也可以在其他頁(yè)面中創(chuàng)建指向該錨的鏈接:
<a >有用的提示</a>
在上面的代碼中缭嫡,我們將 # 符號(hào)和錨名稱添加到 URL 的末端,就可以直接鏈接到 tips 這個(gè)命名錨了抬闷。
具體效果:https://www.w3school.com.cn/html/html_links.asp#tips

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末妇蛀,一起剝皮案震驚了整個(gè)濱河市耕突,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌评架,老刑警劉巖眷茁,帶你破解...
    沈念sama閱讀 221,888評(píng)論 6 515
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場(chǎng)離奇詭異纵诞,居然都是意外死亡上祈,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 94,677評(píng)論 3 399
  • 文/潘曉璐 我一進(jìn)店門挣磨,熙熙樓的掌柜王于貴愁眉苦臉地迎上來雇逞,“玉大人,你說我怎么就攤上這事茁裙√猎遥” “怎么了?”我有些...
    開封第一講書人閱讀 168,386評(píng)論 0 360
  • 文/不壞的土叔 我叫張陵晤锥,是天一觀的道長(zhǎng)掉蔬。 經(jīng)常有香客問我,道長(zhǎng)矾瘾,這世上最難降的妖魔是什么女轿? 我笑而不...
    開封第一講書人閱讀 59,726評(píng)論 1 297
  • 正文 為了忘掉前任,我火速辦了婚禮壕翩,結(jié)果婚禮上蛉迹,老公的妹妹穿的比我還像新娘。我一直安慰自己放妈,他們只是感情好北救,可當(dāng)我...
    茶點(diǎn)故事閱讀 68,729評(píng)論 6 397
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著芜抒,像睡著了一般珍策。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上宅倒,一...
    開封第一講書人閱讀 52,337評(píng)論 1 310
  • 那天攘宙,我揣著相機(jī)與錄音,去河邊找鬼拐迁。 笑死蹭劈,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的线召。 我是一名探鬼主播链方,決...
    沈念sama閱讀 40,902評(píng)論 3 421
  • 文/蒼蘭香墨 我猛地睜開眼,長(zhǎng)吁一口氣:“原來是場(chǎng)噩夢(mèng)啊……” “哼灶搜!你這毒婦竟也來了祟蚀?” 一聲冷哼從身側(cè)響起工窍,我...
    開封第一講書人閱讀 39,807評(píng)論 0 276
  • 序言:老撾萬榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎前酿,沒想到半個(gè)月后患雏,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 46,349評(píng)論 1 318
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡罢维,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 38,439評(píng)論 3 340
  • 正文 我和宋清朗相戀三年淹仑,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片肺孵。...
    茶點(diǎn)故事閱讀 40,567評(píng)論 1 352
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡匀借,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出平窘,到底是詐尸還是另有隱情吓肋,我是刑警寧澤,帶...
    沈念sama閱讀 36,242評(píng)論 5 350
  • 正文 年R本政府宣布瑰艘,位于F島的核電站是鬼,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏紫新。R本人自食惡果不足惜均蜜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,933評(píng)論 3 334
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望芒率。 院中可真熱鬧囤耳,春花似錦、人聲如沸偶芍。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,420評(píng)論 0 24
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)腋寨。三九已至,卻和暖如春化焕,著一層夾襖步出監(jiān)牢的瞬間萄窜,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 33,531評(píng)論 1 272
  • 我被黑心中介騙來泰國(guó)打工撒桨, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留查刻,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 48,995評(píng)論 3 377
  • 正文 我出身青樓凤类,卻偏偏與公主長(zhǎng)得像穗泵,于是被迫代替她去往敵國(guó)和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子谜疤,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,585評(píng)論 2 359