視圖允許我們為分別定義用來包裝字段內容，字段標簽，還有字段內容和字段標簽的 HTML 標簽。

這里我們先來看一下電影的標題字段，可以使用 Chrome 瀏覽器的開發者工具查看一下，鼠標放在其中的一個電影標題內容上，點擊右鍵，審查元素。

在這里，你可以看到，包裝這個電影標題字段內容的是 標簽。下面我們修改一下，打開視圖的編輯界面…

把鼠標放在這個內容列表上，在列表的右上角會顯示一個齒輪圖標，點擊這個齒輪圖標，然后選擇 編輯視圖，這樣可以直接打開這個視圖的設置界面。

我們要設置的是 內容：標題 字段，點擊打開這個字段。 然后點擊 樣式設定 …

這里已經勾選了 添加默認類，(! 去掉)它會在包裝字段的 HTML 標簽上定義一些 CSS 類，如果你不想使用這些默認的類，或者想添加自己定義的類，可以取消這個選項。

除了這個選項，另外還有三個選項，它們可以控制包裝字段使用的 HTML 標簽，還有在上面定義的 CSS 類。

我們要修改的是包裝字段內容的 HTML 標簽，勾選一下 定制字段的 HTML，然后在 HTML 元素 下面的下拉菜單里，我們可以重新為字段內容選擇包裝的 HTML 標簽，選擇 h3 。

如果你想在這個 HTML 標簽上添加一個 CSS 類，可以勾選下面的 生成一個CSS類 這個選項，然后輸入自己定義的類名…

點擊 應用 ，保存…

回到電影列表頁面…

再查看一下電影標題字段的元素… 你會看到，這里會使用我們選擇的 h3 這個元素來標記標題內容。

在這個

元素的外面，還有一個

標簽，這個標簽就是用來包裝字段標簽和字段內容的標簽。你可以利用這個標簽為字段添加一樣復雜的樣式… 如果用不到，我們可以去掉這個 HTML 標簽。

把鼠標放在內容列表上，點擊右上角的齒輪圖標，編輯視圖，點擊 內容：標題 這個字段，打開 樣式設定。

勾選一下 定制包裝字段和標簽的 HTML，點擊 HTML 元素 下面的下拉菜單，選擇 無。

點擊 應用 ，保存…

回到電影內容列表頁面…

再查看一下標題字段的元素… 這里視圖不再輸出同時包裝字段和標簽的 HTML 元素了。

用同樣的方法，你可以處理一下包裝其它字段使用的 HTML 元素。盡量保存代碼的簡潔，去掉那些不需要的 HTML 標簽。

總結

以上是生活随笔為你收集整理的规定输出字段html,控制视图输出的包装字段内容的 HTML 标签《 Drupal 7 基础 （上） 》...的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。