整合營銷服務商

          電腦端+手機端+微信端=數據同步管理

          免費咨詢熱線:

          HTML 屬性

          性是 HTML 元素提供的附加信息。

          HTML 屬性

          • HTML 元素可以設置屬性

          • 屬性可以在元素中添加附加信息

          • 屬性一般描述于開始標簽

          • 屬性總是以名稱/值對的形式出現,比如:name="value"。

          屬性實例

          HTML 鏈接由 <a> 標簽定義。鏈接的地址在 href 屬性中指定:

          實例

          <a>這是一個鏈接</a>

          HTML 屬性常用引用屬性值

          屬性值應該始終被包括在引號內。

          雙引號是最常用的,不過使用單引號也沒有問題。

          提示: 在某些個別的情況下,比如屬性值本身就含有雙引號,那么您必須使用單引號,例如:name='John "ShotGun" Nelson'

          HTML 提示:使用小寫屬性

          屬性和屬性值對大小寫不敏感。

          不過,萬維網聯盟在其 HTML 4 推薦標準中推薦小寫的屬性/屬性值。

          而新版本的 (X)HTML 要求使用小寫屬性。

          HTML 屬性參考手冊

          查看完整的HTML屬性列表: HTML 標簽參考手冊。

          下面列出了適用于大多數 HTML 元素的屬性:

          屬性描述
          class為html元素定義一個或多個類名(classname)(類名從樣式文件引入)
          id定義元素的唯一id
          style規定元素的行內樣式(inline style)
          title描述了元素的額外信息 (作為工具條使用)

          如您還有不明白的可以在下面與我留言或是與我探討QQ群308855039,我們一起飛!

          以下代碼標記了一個段落:

          <p>這是一個段落。</p>


          瀏覽器支持

          目前大多數瀏覽器支持 <p>標簽。


          標簽定義及使用說明

          <p> 標簽定義段落。

          <p>元素會自動在其前后創建一些空白。瀏覽器會自動添加這些空間,您也可以在樣式表中規定。


          在HTML 4.01 與 HTML5中的差異

          HTML 4.01中標簽的 align 屬性已經廢棄,HTML5不支持該屬性。


          屬性

          屬性描述
          alignleftrightcenterjustifyHTML5不支持。 HTML 4.01已廢棄。 不贊成使用。請使用樣式取代它。 規定段落中文本的對齊方式。

          全局屬性

          <p> 標簽支持全局屬性,查看完整屬性表 HTML全局屬性。


          事件屬性

          <p> 標簽支持所有 HTML事件屬性。

          如您還有不明白的可以在下面與我留言或是與我探討QQ群308855039,我們一起飛!


          在前端開發編寫html文件的時候,我們可能會很熟練的寫出常見的html元素,但是如果問到某些元素的差別時,大家不一定能說的出來,今天就給大家總結一下那些很常見但容易混淆的屬性。

          html與css

          css引入

          css樣式文件引入的方式有兩種,分別是link標簽和@import。

          • link語法結構

          link語法結構如下,注意rel='stylesheet'屬性要加上。

          link語法結構

          • @import語法結構

          當@import用在html中時,需要配合style標簽

          @import在html中

          當@import用在css文件中,直接使用@import url()即可

          @import在css中

          link與@import的區別與選擇

          既然link與@import都可以用來引入css,那么它們的區別是什么呢?我們又該如何選擇呢?

          • link是XHTML標簽的一種,除了可以加載css外,還可以定義其他rel屬性,而@import只能用來加載css。

          • link標簽在加載css時,與頁面一同加載,而@import需要等到網頁完全加載以后才進行加載。

          • link是XHTML標簽,不存在兼容問題,而@import是在CSS2.1中提出的,對于低版本的瀏覽器不支持。

          • link標簽可以通過Javascript代碼去控制其屬性,而@import不可以。

          javascript控制link

          • @import支持在css文件中再次引入其他css文件,方便對多個css文件的管理。

          因為@import引入的文件需要在網頁完全加載后再加載,如果在網絡速度較慢的情況下,會出現頁面閃現,因此建議使用link標簽代替@import。

          readonly與disabled屬性

          html元素的readonly與disabled屬性一般都是用于無法改變表單的內容,但是兩者也是有區別的。

          • readonly屬性只針對input(text,password)和textarea元素,而disabled適用于所有表單元素,包括select,radio,checkbox,button等。

          • 在表單元素使用了disabled后,該元素的的值不會隨著form的action請求傳遞到服務器端,而使用readonly的元素值可以傳遞到服務器端。

          以下是一些關于兩者的使用建議。

          • 在表單中為用戶預填的唯一標識碼,不允許用戶改動,而且需要傳遞到后臺的使用readonly屬性。

          • 用戶提交完表單元素后,等待服務器端的驗證,這個過程應該將元素設為disabled,button和submit也應該設為disabled,以防止重復提交。

          img元素的title和alt屬性

          • title屬性

          img標簽的title屬性是用來提供一些建議性的信息,在鼠標停留在上方時會顯示,它對于圖片來說只是一種注釋性的信息,重要性偏低。

          • alt屬性

          alt屬性是為不能顯示圖像時,用來指定替換文字,需要注意的是替換文字是用來代替文字的,而不是用來注釋文字的。

          • 屬性的使用

          在做圖片為主的網頁時,考慮到網頁的SEO,應當設置圖片的alt屬性為圖片的真實內容,而給title設置一些建議性的內容。

          總結

          今天這篇文章主要將了幾個html中容易混淆的屬性,你有收獲嗎?


          主站蜘蛛池模板: 日本免费电影一区二区| 中文字幕一区二区三区在线播放| 在线播放精品一区二区啪视频| 99久久精品日本一区二区免费| 国产成人av一区二区三区在线 | 天码av无码一区二区三区四区| 在线播放国产一区二区三区| 高清国产AV一区二区三区| 精品一区二区三区东京热| 在线精品动漫一区二区无广告| 91久久精品国产免费一区| 成人区精品一区二区不卡| 老熟妇仑乱一区二区视頻| 国产成人av一区二区三区在线观看| 中文字幕一区二区人妻| 性色A码一区二区三区天美传媒 | 亚洲天堂一区二区三区四区| 91国在线啪精品一区| 日韩精品无码一区二区三区AV| 精品国产一区在线观看| 亚洲色精品三区二区一区| 秋霞无码一区二区| 日韩精品视频一区二区三区| 91精品一区二区综合在线| 日韩av无码一区二区三区| 国产在线精品一区二区高清不卡 | 国产不卡视频一区二区三区| 无码精品国产一区二区三区免费| 无码精品一区二区三区| 五十路熟女人妻一区二区| 夜夜添无码试看一区二区三区| 精品免费国产一区二区| 一区二区三区91| 久久无码人妻一区二区三区| 日韩精品无码人妻一区二区三区 | 国产麻豆精品一区二区三区v视界| 国产激情无码一区二区app| 蜜芽亚洲av无码一区二区三区| 综合无码一区二区三区四区五区| 精品无码av一区二区三区| 精品无码一区二区三区水蜜桃|