Hướng dẫn how do you specify a root in html? - làm thế nào để bạn chỉ định một gốc trong html?

Các lớp giả CSS giả phù hợp với phần tử gốc của cây đại diện cho tài liệu. Trong HTML, :root đại diện cho phần tử

:root {
  --main-color: hotpink;
  --pane-padding: 5px 42px;
}
1 và giống hệt với bộ chọn
:root {
  --main-color: hotpink;
  --pane-padding: 5px 42px;
}
2, ngoại trừ tính đặc hiệu của nó cao hơn.:root CSS pseudo-class matches the root element of a tree representing the document. In HTML, :root represents the
:root {
  --main-color: hotpink;
  --pane-padding: 5px 42px;
}
1 element and is identical to the selector
:root {
  --main-color: hotpink;
  --pane-padding: 5px 42px;
}
2, except that its specificity is higher.

/* Selects the root element of the document:
    in the case of HTML */
:root {
  background: yellow;
}

Cú pháp

Ví dụ

Tuyên bố các biến CSS toàn cầu

:root có thể hữu ích cho việc khai báo các biến CSS toàn cầu:

:root {
  --main-color: hotpink;
  --pane-padding: 5px 42px;
}

Thông số kỹ thuật

Sự chỉ rõ
Bộ chọn cấp độ 4 # root pseudo
# root-pseudo

Tính tương thích của trình duyệt web

Bảng BCD chỉ tải trong trình duyệt

Xem thêm

Phần tử

:root {
  --main-color: hotpink;
  --pane-padding: 5px 42px;
}
1 HTML biểu thị phần gốc (phần tử cấp cao nhất) của tài liệu HTML, do đó nó cũng được gọi là phần tử gốc. Tất cả các yếu tố khác phải là hậu duệ của yếu tố này.
:root {
  --main-color: hotpink;
  --pane-padding: 5px 42px;
}
1
HTML element represents the root (top-level element) of an HTML document, so it is also referred to as the root element. All other elements must be descendants of this element.

Thuộc tính

Yếu tố này bao gồm các thuộc tính toàn cầu.

:root {
  --main-color: hotpink;
  --pane-padding: 5px 42px;
}
5DeprecatedNon-standard
Deprecated Non-standard

Chỉ định URI của một bảng kê khai tài nguyên cho biết các tài nguyên cần được lưu trong bộ nhớ cache cục bộ.

:root {
  --main-color: hotpink;
  --pane-padding: 5px 42px;
}
6Deprecated
Deprecated

Chỉ định phiên bản của định nghĩa loại tài liệu HTML chi phối tài liệu hiện tại. Thuộc tính này là không cần thiết, bởi vì nó dự phòng với thông tin phiên bản trong khai báo loại tài liệu.

:root {
  --main-color: hotpink;
  --pane-padding: 5px 42px;
}
7

Chỉ định không gian tên XML của tài liệu. Giá trị mặc định là

:root {
  --main-color: hotpink;
  --pane-padding: 5px 42px;
}
8. Điều này được yêu cầu trong các tài liệu được phân tích cú pháp XML và tùy chọn trong các tài liệu văn bản/HTML.

Thí dụ

DOCTYPE html>
<html lang="en">
  <head>
    
  head>
  <body>
    
  body>
html>

Mối quan tâm tiếp cận

Mặc dù HTML không yêu cầu các tác giả chỉ định các thẻ bắt đầu và kết thúc phần tử

:root {
  --main-color: hotpink;
  --pane-padding: 5px 42px;
}
1, nhưng điều quan trọng là các tác giả phải làm như vậy vì nó sẽ cho phép họ chỉ định
DOCTYPE html>
<html lang="en">
  <head>
    
  head>
  <body>
    
  body>
html>
0 cho trang web. Cung cấp thuộc tính
DOCTYPE html>
<html lang="en">
  <head>
    
  head>
  <body>
    
  body>
html>
0 có thẻ ngôn ngữ hợp lệ theo RFC 5646: Thẻ để xác định ngôn ngữ (còn được gọi là BCP 47) trên phần tử
:root {
  --main-color: hotpink;
  --pane-padding: 5px 42px;
}
1 sẽ giúp màn hình đọc công nghệ xác định ngôn ngữ thích hợp cần thông báo. Thẻ ngôn ngữ xác định nên mô tả ngôn ngữ được sử dụng bởi phần lớn nội dung của trang. Không có nó, trình đọc màn hình thường sẽ mặc định ngôn ngữ đã đặt của hệ điều hành, điều này có thể gây ra các phát sóng sai.

Bao gồm tuyên bố

DOCTYPE html>
<html lang="en">
  <head>
    
  head>
  <body>
    
  body>
html>
0 hợp lệ về phần tử
:root {
  --main-color: hotpink;
  --pane-padding: 5px 42px;
}
1 cũng đảm bảo rằng siêu dữ liệu quan trọng có trong trang
DOCTYPE html>
<html lang="en">
  <head>
    
  head>
  <body>
    
  body>
html>
5 của trang, chẳng hạn như trang
DOCTYPE html>
<html lang="en">
  <head>
    
  head>
  <body>
    
  body>
html>
6 của trang, cũng được công bố đúng.

  • MDN Hiểu WCAG, Hướng dẫn 3.1 Giải thích
  • Hiểu tiêu chí thành công 3.1.1 | W3C Hiểu WCAG 2.1

Thông số kỹ thuật

Sự chỉ rõ
Tiêu chuẩn HTML # phần tử-HTML
# the-html-element

Tính tương thích của trình duyệt web

Bảng BCD chỉ tải trong trình duyệt

Xem thêm

  • Phần tử cấp cao nhất của MathML:
    DOCTYPE html>
    <html lang="en">
      <head>
        
      head>
      <body>
        
      body>
    html>
    
    7
  • Phần tử cấp cao nhất của SVG:
    DOCTYPE html>
    <html lang="en">
      <head>
        
      head>
      <body>
        
      body>
    html>
    
    8

57

Mới! Lưu câu hỏi hoặc câu trả lời và sắp xếp nội dung yêu thích của bạn. Tìm hiểu thêm.
Learn more.

Tôi đang viết một mẫu cho Dreamweaver và không muốn thay đổi tập lệnh cho các trang thư mục con.

Có cách nào để làm cho đường dẫn so với thư mục gốc không?

Ví dụ:


Thay vì

DOCTYPE html>
<html lang="en">
  <head>
    
  head>
  <body>
    
  body>
html>
9 ở trên, tôi muốn một đường dẫn mặc định ở đó. Có cách nào để làm bất cứ điều gì như thế này không?

Hướng dẫn how do you specify a root in html? - làm thế nào để bạn chỉ định một gốc trong html?

Hỏi ngày 19 tháng 4 năm 2011 lúc 7:58Apr 19, 2011 at 7:58

Để liên quan đến thư mục gốc, chỉ cần bắt đầu URI bằng


0



Đã trả lời ngày 19 tháng 4 năm 2011 lúc 8:01Apr 19, 2011 at 8:01

Hướng dẫn how do you specify a root in html? - làm thế nào để bạn chỉ định một gốc trong html?

QuentinentinQuentin

879K121 Huy hiệu vàng1178 Huy hiệu bạc1289 Huy hiệu đồng121 gold badges1178 silver badges1289 bronze badges

10

Tôi khuyên bạn nên sử dụng phần tử HTML


1:


    
    
    

Trong ví dụ này, bảng kiểu được đặt trong


2, tập lệnh trong

3. Ưu điểm của

1 trên

0 là nó linh hoạt hơn. Toàn bộ trang web của bạn có thể được đặt trong một thư mục của một tên miền và bạn có thể dễ dàng thay đổi thư mục mặc định của trang web của mình.

Đã trả lời ngày 24 tháng 3 năm 2017 lúc 10:39Mar 24, 2017 at 10:39

Alexander Jankalexander JankAlexander Jank

2.2301 Huy hiệu vàng16 Huy hiệu bạc19 Huy hiệu đồng1 gold badge16 silver badges19 bronze badges

2


0 có nghĩa là gốc của ổ đĩa hiện tại;


7 có nghĩa là thư mục hiện tại;


8 có nghĩa là cha mẹ của thư mục hiện tại.

Hướng dẫn how do you specify a root in html? - làm thế nào để bạn chỉ định một gốc trong html?

Huy Nguyễn

2.0153 Huy hiệu vàng25 Huy hiệu bạc35 Huy hiệu Đồng3 gold badges25 silver badges35 bronze badges

Đã trả lời ngày 7 tháng 12 năm 2016 lúc 6:55Dec 7, 2016 at 6:55

MistydawnmistydawnMistyDawn

7877 Huy hiệu bạc8 Huy hiệu Đồng7 silver badges8 bronze badges

Chỉ cần bắt đầu nó với một dấu gạch chéo? Điều này có nghĩa là gốc. Miễn là bạn đang thử nghiệm trên một máy chủ web (ví dụ: localhost) và không phải là một hệ thống tệp (ví dụ: C :) thì đó là tất cả những gì bạn cần làm.

Đã trả lời ngày 19 tháng 4 năm 2011 lúc 8:01Apr 19, 2011 at 8:01

QuentinentinLee Kowalkowski

879K121 Huy hiệu vàng1178 Huy hiệu bạc1289 Huy hiệu đồng3 gold badges38 silver badges45 bronze badges

7

Tôi khuyên bạn nên sử dụng phần tử HTML


1:

Hướng dẫn how do you specify a root in html? - làm thế nào để bạn chỉ định một gốc trong html?
In your folder with you, like a sibling
Hướng dẫn how do you specify a root in html? - làm thế nào để bạn chỉ định một gốc trong html?
In your child's folder, under you
Hướng dẫn how do you specify a root in html? - làm thế nào để bạn chỉ định một gốc trong html?
In your parent's folder, above you
Hướng dẫn how do you specify a root in html? - làm thế nào để bạn chỉ định một gốc trong html?
In your cousin's folder

Trong ví dụ này, bảng kiểu được đặt trong


2, tập lệnh trong

3. Ưu điểm của

1 trên

0 là nó linh hoạt hơn. Toàn bộ trang web của bạn có thể được đặt trong một thư mục của một tên miền và bạn có thể dễ dàng thay đổi thư mục mặc định của trang web của mình.

Đã trả lời ngày 24 tháng 3 năm 2017 lúc 10:39Jun 22, 2018 at 22:40

1

Alexander Jankalexander Jank

2.2301 Huy hiệu vàng16 Huy hiệu bạc19 Huy hiệu đồng

Hướng dẫn how do you specify a root in html? - làm thế nào để bạn chỉ định một gốc trong html?


0 có nghĩa là gốc của ổ đĩa hiện tại;Feb 20, 2021 at 21:01

Hướng dẫn how do you specify a root in html? - làm thế nào để bạn chỉ định một gốc trong html?


7 có nghĩa là thư mục hiện tại;

../style.css

Hướng dẫn how do you specify a root in html? - làm thế nào để bạn chỉ định một gốc trong html?


8 có nghĩa là cha mẹ của thư mục hiện tại.Aug 8, 2015 at 5:45

1

Huy Nguyễn

" />

2.0153 Huy hiệu vàng25 Huy hiệu bạc35 Huy hiệu Đồng

Đã trả lời ngày 7 tháng 12 năm 2016 lúc 6:5515 gold badges81 silver badges94 bronze badges

MistydawnmistydawnDec 4, 2015 at 0:11

2

Làm thế nào để xác định gốc của tài liệu HTML?

- GeekSforGeek làm thế nào để xác định gốc của tài liệu HTML? Thẻ trong HTML được sử dụng để xác định gốc của các tài liệu HTML và XHTML. Thẻ cho biết trình duyệt rằng nó là một tài liệu HTML. Đây là thùng chứa bên ngoài thứ hai cho mọi thứ xuất hiện trong tài liệu HTML theo sau là thẻ.

Bộ chọn gốc trong HTML là gì?

Định nghĩa và cách sử dụng. Bộ chọn gốc khớp với phần tử gốc của tài liệu. Trong HTML, phần tử gốc luôn là phần tử HTML.

Bộ chọn nào phù hợp với phần tử gốc của tài liệu?

Bộ chọn gốc khớp với phần tử gốc của tài liệu. Trong HTML, phần tử gốc luôn là phần tử HTML. Các số trong bảng chỉ định phiên bản trình duyệt đầu tiên hỗ trợ hoàn toàn bộ chọn. Cảm ơn bạn đã giúp chúng tôi!

Các số trong bộ chọn gốc có nghĩa là gì?

Bộ chọn gốc khớp với phần tử gốc của tài liệu. Trong HTML, phần tử gốc luôn là phần tử HTML. Các số trong bảng chỉ định phiên bản trình duyệt đầu tiên hỗ trợ hoàn toàn bộ chọn. Cảm ơn bạn đã giúp chúng tôi! Tin nhắn của bạn đã được gửi đến W3Schools. W3Schools được tối ưu hóa cho việc học và đào tạo.

Làm thế nào để bạn xác định một gốc trong HTML?

Thẻ trong HTML được sử dụng để xác định gốc của các tài liệu HTML và XHTML. Thẻ cho biết trình duyệt rằng nó là một tài liệu HTML. Đây là thùng chứa bên ngoài thứ hai cho mọi thứ xuất hiện trong tài liệu HTML theo sau là thẻ.. The tag tells the browser that it is an HTML document. It is the second outer container for everything that appears in an HTML document followed by the tag.

Làm thế nào để bạn thêm một gốc trong HTML?

Phần tử HTML biểu thị phần gốc (phần tử cấp cao nhất) của tài liệu HTML, do đó nó cũng được gọi là phần tử gốc.Tất cả các yếu tố khác phải là hậu duệ của yếu tố này.Không có.Một yếu tố, theo sau là một yếu tố.One element, followed by one element.

Thẻ nào là thẻ gốc trong HTML?

Phần tử là phần tử gốc và nó xác định toàn bộ tài liệu HTML.Nó có thẻ bắt đầu và thẻ kết thúc.Phần tử xác định cơ thể của tài liệu.Nó có thẻ bắt đầu và thẻ kết thúc. element is the root element and it defines the whole HTML document. It has a start tag and an end tag . The element defines the document's body. It has a start tag and an end tag .

Làm cách nào để có được thư mục gốc trong HTML?

Đối với lưới điện, thư mục gốc của trang web là thư mục/HTML.Điều này nằm trong đường dẫn tệp /domains/example.com/html.Thư mục gốc có thể được xem/truy cập thông qua Trình quản lý tệp, FTP hoặc SSH.through File Manager, FTP, or SSH.