Tổng hợp các cuộc trò chuyện về đề cương tài liệu gần đây

Không phải ngày nào các tiêu đề HTML lại là chủ đề ngày mai, nhưng thư mục các liên kết đã lưu của tôi đang tích lũy các bài viết về gần đây đã hợp nhất loại bỏ thuật toán phác thảo tài liệu trong Mức sống của CÁI GÌ.

Trước hết, bạn nên biết rằng thuật toán chưa bao giờ thực sự tồn tại. Chắc chắn, nó nằm trong thông số kỹ thuật. Và chắc chắn, đã có một cảnh báo về việc sử dụng nó trong thông số kỹ thuật. Nhưng không có trình duyệt nào từng triển khai nó, như Bruce Lawson đã nhắc nhở chúng tôi. Chúng ta đã sống trong một cấu trúc tài liệu phẳng suốt thời gian qua.

Đây là rất tin cũ. Adrian Roselli đã viết về huyền thoại dàn ý tài liệu kể từ 2013. Nhưng đó là bài đăng năm 2016 của anh ấy có tiêu đề “Không có thuật toán phác thảo tài liệu” điều đó diễn tả một cách toàn diện và đã được cập nhật thường xuyên với các ngữ cảnh bổ sung về các cuộc trò chuyện và đấu tranh đưa chúng ta đến đây. Đây thực sự là dòng thời gian tốt nhất của câu chuyện. Amelia Bellamy-Royds cũng có đi sâu vào gốc rễ của tình thế tiến thoái lưỡng nan trước đây trên CSS-Tricks.

Tâm trí của tôi ngay lập tức tập trung vào tất cả các công việc dành cho việc tạo ra một thuật toán phác thảo tài liệu hỗ trợ phân chia. Loại bỏ nó khỏi thông số kỹ thuật chắc chắn là một lời kêu gọi đúng đắn, nhưng nó không làm mất đi những nỗ lực to lớn đã đi vào nó ngay cả khi nó bây giờ đã bị chôn vùi trong lịch sử phiên bản nào đó. Tôi cũng nghĩ về tất cả những người có thiện chí, những người đã viết sai về thuật toán theo thời gian (kể cả trên chính trang web này!) Với mong đợi rằng nó đã đến gần. Có gần bảy năm nợ tinh thần và kỹ thuật mà chúng tôi đã tích lũy từ những gì dường như là thiếu hành động.

Nhìn qua "tin tức" rằng thuật toán chính thức không còn nữa, Bruce than thở rằng không có <h> hoặc phần tử tương tự có thể được chia nhỏ để tạo ra cấp tiêu đề chính xác. Tôi đồng ý. Có một <h1> về cơ bản tồn tại dưới dạng một phần tử tiếp xúc <title> đang bị hạn chế, đặc biệt là vì các trang hiếm khi được cấu trúc xung quanh một bài báo với một tiêu đề cấp cao nhất. Tôi thường thấy mình nhăn mặt mỗi khi tôi tạo ra một số loại thành phần thẻ khi sử dụng <h3> có thể đúng về mặt kỹ thuật, nhưng cảm thấy không theo thứ tự. Và đó là trước khi chúng ta nói về những cân nhắc về kiểu dáng mà cấp tiêu đề thấp hơn bây giờ cần trông giống như cấp tiêu đề cao hơn rõ ràng.

Nói về quản lý cấp tiêu đề, Steve Faulkner (tác giả của bài PR đã loại bỏ thuật toán khỏi thông số kỹ thuật) có tổng quan siêu thực tế về việc sử dụng <hgroup> thành phần để xử lý các mẫu tiêu đề liên quan đến tiêu đề phụ, phụ đề, tiêu đề thay thế, dòng giới thiệu snd. Tôi chắc rằng bạn đã nhìn thấy đánh dấu như thế này trong tự nhiên:

<h1>Disappointingly Average</h1>
<h2>The Autobiography of Geoff Graham</h2>
<h3>by Geoff Graham</h3>

Điều đó không phù hợp với một phác thảo tài liệu phẳng được thúc đẩy bởi các cấp tiêu đề. Mỗi một trong những tiêu đề đó đại diện cho một phần tạo thành hệ thống phân cấp thông tin:

Disappointingly Average
└── The Autobiography of Geoff Graham
    └── by Geoff Graham

Những gì chúng tôi muốn thay vào đó là một nhóm trong số các tiêu đề. Cue the <hgroup> thành phần:

Khi được lồng trong một <hgroup> phần tử, <p> nội dung của phần tử đại diện cho tiêu đề phụ, tiêu đề thay thế hoặc dòng giới thiệu không có trong đề cương tài liệu.

Vì vậy, chúng tôi nhận được cấu trúc này:

<hgroup>
  <h1>Disappointingly Average</h1>
  <p>The Autobiography of Geoff Graham</p>
  <p>by Geoff Graham</p>
</hgroup>

<hgroup> is role=generic vào lúc này, nhưng Steve chỉ vào một đề xuất điều đó có thể ánh xạ nó tới role=group. Nếu điều đó xảy ra, cây trợ năng sẽ cho phép công nghệ hỗ trợ gán thêm ý nghĩa ngữ nghĩa cho các đoạn văn đó dưới dạng phụ đề và dòng giới thiệu của chúng. Nghe có vẻ dễ dàng nhưng Steve lưu ý những thách thức đang cản trở. Ông cũng trình diễn cách loại mô hình này có thể được triển khai ngày nay với các thuộc tính ARIA.

Miễn là chúng tôi đang làm tròn mọi thứ, Matthias Ott đã xuất bản một số mẹo về tạo một dàn bài có cấu trúc với các tiêu đề. Kiểm tra phần cuối để biết danh sách các công cụ tuyệt vời để kiểm tra phác thảo tiêu đề của bạn.