Content display method and device, storage medium and electronic equipment

Abstract

The invention discloses a content display method and device, a storage medium and electronic equipment, and relates to the technical field of network, and the method comprises the steps: determining a display frame based on display scene related information and a display template matched with a display target; determining an evaluation dimension based on related information of an equipment adaptation tag included in the pre-displayed content; evaluating the adaptation degree of the pre-display content and the display frame based on the evaluation dimension, and determining an evaluation result; and under the condition that the evaluation result meets the display condition, filling the pre-display content into a display frame, and determining a display page. According to the invention, the method can automatically adapt to multiple terminal devices and differentiated display targets, reduces the adaptation cost, improves the efficiency, guarantees the adaptability of the pre-display content and the display frame, guarantees that the content clearly presents core information, fits the multi-scene use habit and information acquisition preference of a user, and improves the content display adaptability and the user experience.

Description

TECHNICAL FIELD

[0001] The present application relates to the technical field of network, and particularly relates to a content display method and device, a storage medium and an electronic device. BACKGROUND

[0002] With the diversification of terminal device types (such as mobile phones, tablets, PCs, smart TVs, etc.) and the differentiation of content display targets (such as enterprise promotion, product promotion, activity flow, information popularization, etc.), the display content needs to ensure that the content can be clearly presented on different devices and can adapt to the core information transmission needs under different display targets to fit the user's use habits and information acquisition preferences in various scenarios.

[0003] However, the existing content display method mostly selects a fixed display template according to a single dimension of display scene information (such as only identifying the terminal type as a mobile phone or a PC). When the content needs to be displayed in different scenes, manual adaptation is often required, which not only has high cost but also has the problem of low efficiency. SUMMARY

[0004] Therefore, the present application provides a content display method and device, a storage medium and an electronic device, which can automatically adapt to multiple terminal devices and differentiated display targets, reduce the adaptation cost and improve the efficiency without manual intervention, guarantee the adaptability of the pre-display content and the display framework, ensure the clear presentation of the core information of the content, fit the user's use habits and information acquisition preferences in multiple scenarios, and improve the content display adaptability and user experience.

[0005] In a first aspect, the present application provides a content display method, comprising: determining a display framework based on display scene related information and a display template matched with a display target.

[0006] determining an evaluation dimension based on device adaptation tag related information included in the pre-display content; the pre-display content is generated based on original information and a preset tag, and the preset tag includes a device adaptation tag.

[0007] determining an evaluation result based on the evaluation dimension to evaluate the adaptation degree of the pre-display content and the display framework.

[0008] in a case where the evaluation result meets a display condition, filling the pre-display content into the display framework to determine a display page.

[0009] In a second aspect, the present application provides a content display device, comprising: a first determination module configured to determine a display framework based on display scene related information and a display template matched with a display target; The second determining module is configured to determine an evaluation dimension based on device adaptation tag related information included in the pre-show content; the pre-show content is generated based on original information and preset tags, and the preset tags include device adaptation tags; The third determining module is configured to determine an evaluation result based on the evaluation dimension to evaluate an adaptation degree of the pre-show content to the show framework. The fourth determining module is configured to fill the pre-show content to the show framework to determine a show page in a case where the evaluation result satisfies a show condition.

[0010] In a third aspect, the present application provides a computer readable storage medium having a computer program stored thereon, the computer program being executed by a processor to implement the method of the first aspect.

[0011] In a fourth aspect, the present application provides an electronic device including a storage medium, a processor, and a computer program stored on the storage medium and executable on the processor, the processor executing the computer program to implement the method of the first aspect.

[0012] By the above technical solution, the present application provides a content show method, device, storage medium and electronic device. By determining a show framework based on show scene related information and a show template matched with a show target, the problem that the existing method only selects a fixed template according to single show scene information and needs manual adaptation for different scenes to cause high cost and low efficiency is solved. The show scene related information can adapt to the characteristics of different terminal devices to ensure clear presentation of the content, and the show template matched with the show target can accurately match the differentiated core information transmission needs of enterprise promotion, product promotion and the like, and the combination of the two can automatically adapt to multiple scenes without manual adjustment of the show framework, greatly reducing the adaptation cost and improving the efficiency. Then, by determining an evaluation dimension based on device adaptation tag related information included in the pre-show content and evaluating the adaptation degree of the pre-show content to the show framework, the adaptability of the content to the framework is further ensured, the problem that the core information cannot be highlighted due to mismatch between the content and the framework is avoided, and it is ensured that the pre-show content can clearly present the core information in the adapted framework. Finally, the pre-show content is filled to the show framework to determine a show page in a case where the evaluation result satisfies a show condition, a complete logical closed loop of "framework adaptation-content evaluation-page generation" is formed, the show content is finally realized to clearly present on different devices, adapt to the core information transmission needs of different show targets, and meet the use habits and information acquisition preferences of users in different scenes, effectively improving the adaptability of content show and user experience.

[0013] The above description is only a summary of the technical solutions of the present application. In order to more clearly understand the technical means of the present application, the specific embodiments of the present application can be implemented in accordance with the content of the description, and in order to make the above and other purposes, features and advantages of the present application more obvious and easy to understand, the following specific embodiments of the present application are described. Attached Figure Description

[0014] The accompanying drawings, which are incorporated in and form part of this specification, illustrate embodiments consistent with this application and, together with the description, serve to explain the principles of this application.

[0015] To more clearly illustrate the technical solutions in the embodiments of this application or the prior art, the drawings used in the description of the embodiments or the prior art will be briefly introduced below. Obviously, for those skilled in the art, other drawings can be obtained based on these drawings without creative effort.

[0016] Figure 1 A flowchart illustrating a content display method provided in an embodiment of this application is shown; Figure 2 A flowchart illustrating a content display method provided in an embodiment of this application is shown; Figure 3 A flowchart illustrating a content display method provided in an embodiment of this application is shown; Figure 4 A flowchart illustrating a content display method provided in an embodiment of this application is shown; Figure 5 The illustration shows a scenario in which a content display method provided in an embodiment of this application is applicable; Figure 6 The illustration shows a scenario in which a content display method provided in an embodiment of this application is applicable; Figure 7 The illustration shows a scenario in which a content display method provided in an embodiment of this application is applicable; Figure 8 The illustration shows a scenario in which a content display method provided in an embodiment of this application is applicable; Figure 9 The diagram illustrates a system example applicable to a content display method provided in this application embodiment; Figure 10 A schematic diagram of the structure of a content display device provided in an embodiment of this application is shown. Detailed Implementation

[0017] To facilitate the explanation of the embodiments of this application, the application scenarios of the embodiments of this application will be introduced first below.

[0018] This application can be applied to the content display scenarios of official websites of various organizations (such as enterprises, schools, public institutions, etc.), especially in scenarios where differentiated information needs to be presented according to different scenarios.

[0019] For example, in the daily operation of an organization's official website, the website needs to display information such as brand introduction, business scope, achievements and honors to different groups such as ordinary visitors, potential customers, and partners, while also being compatible with different terminal devices used by visitors, such as mobile phones, tablets, and PCs.

[0020] For example, in recruitment scenarios, an organization's official website needs to highlight job information, recruitment process, salary and benefits, organizational culture, etc. during the recruitment season. It needs to ensure that the information is clearly presented on different devices and meets the needs of job seekers to quickly obtain key information.

[0021] For example, in the context of exhibitions, when an organization participates in offline / online exhibitions, its official website may need to temporarily focus on displaying exhibited products / projects, exhibition activity arrangements, and consultation and contact portals. It may need to quickly switch the focus of the display to adapt to the special needs during the exhibition.

[0022] In the aforementioned application scenarios, existing content display methods mainly suffer from the following two technical problems. First, when presenting differentiated information based on different scenarios, the reliance on manual adaptation is inefficient and costly. For example, the generation and maintenance of content display pages on current organizational websites largely depend on manual operation by technical personnel. Whether it's routine updates to basic information, adjustments to job postings during recruitment seasons, or switching key display modules during exhibitions, each requires individual support from technical staff, resulting in high labor costs and long page adjustment cycles, making it difficult to quickly respond to changing scenario needs. Second, the fixed fields in preset templates lead to poor scenario adaptability. For example, the commonly used preset display templates on existing organizational websites typically have fixed content fields (such as module layout and information presentation position), which cannot be automatically adjusted according to the differentiated display needs of different scenarios such as recruitment and exhibitions. For instance, the "Exhibited Products" field, which needs to be highlighted in an exhibition scenario, might be positioned towards the end in a regular template. Adjusting this requires manual modification of the template structure, further increasing adaptation costs and failing to meet the need for rapid and flexible content display across multiple scenarios.

[0023] This application provides a content display method applicable to the above-described example scenarios or similar scenarios. For example, in the daily operation scenario of an organization's official website, firstly, based on relevant information about the display scenario (such as the type of terminal device used by visitors: mobile phone / tablet / PC, visitor group tags: ordinary visitors / potential customers) and a display template matching the goal of "daily basic information display"), a display framework containing modules adapted to different terminal layouts and group preferences is determined. Next, based on device adaptation tag information (such as image resolution adaptation tags, text length adaptation tags) contained in the pre-display content (such as brand introduction, business scope, etc.), evaluation dimensions such as "terminal display compatibility" and "information hierarchy clarity" are determined. Then, the degree of adaptation between the pre-display content and the display framework is evaluated through the evaluation dimensions. For example, it is determined whether the brand introduction text is too long on mobile devices, causing display overflow issues. Finally, when the evaluation results meet the display conditions, the pre-display content is filled into the display framework to obtain a daily operation display page adapted to the current terminal and group. For example, in a recruitment scenario, based on the display template matched to the "recruitment season information display" goal and scenario-related information (such as job seekers' commonly used terminals and the frequency of recruitment information updates), a display framework highlighting the "job list" and "salary and benefits" modules is determined. Based on device adaptation tags for pre-displayed content such as job information and recruitment processes (e.g., tags for job tables adapted to small-screen terminals), evaluation dimensions such as "table display completeness" and "highlighting of key information (salary / job requirements)" are determined. After passing the evaluation, recruitment-related content is filled into the framework, generating a recruitment page adapted to job seekers' terminals and facilitating quick access to key information.

[0024] The embodiments of this application will now be described in more detail with reference to the accompanying drawings. It should be noted that, unless otherwise specified, the embodiments and features described herein can be combined with each other.

[0025] This embodiment provides a content display method, such as Figure 1 As shown, the method includes: S101. Determine the display framework based on information related to the display scenario and the display template that matches the display objectives.

[0026] Among them, scenario-related information refers to a multi-dimensional collection of information related to the environment in which the displayed content is located, the user, and the equipment conditions. Scenario-related information includes, for example, terminal device characteristics, user group attributes, and usage environment parameters.

[0027] For example, terminal device characteristics such as device type (e.g., mobile phone / tablet / PC / smart TV), operating system (e.g., iOS / Android / Windows), screen size (e.g., 6.7 inches on mobile phones, 27 inches on PCs), and resolution (e.g., 1080P / 2K) can be obtained through terminal system interfaces (e.g., browser navigator.userAgent property, device hardware detection API).

[0028] In another example, user group attributes are determined based on user login information (such as the identity tags associated with the account: student / working professional / elderly), historical browsing behavior (such as browsing the "job postings" page for a long time to determine the job seeker group), or real-time interaction data (such as clicking the "enlarge font" button multiple times to determine the elderly user).

[0029] In another example, environmental parameters such as network status (4G / 5G / Wi-Fi), ambient light (e.g., a mobile phone's light sensor detects strong / weak light environments), and geographical location (e.g., the location is set to the exhibition venue area) are obtained through device sensors or network interfaces.

[0030] The presentation objective refers to the core purpose or message that the content should convey. For example, a "corporate promotion" objective needs to highlight brand philosophy and achievements, a "product promotion" objective needs to emphasize product parameters and purchase entry points, and a "recruitment" objective needs to clearly present job information and application process. The presentation objective is a key criterion for selecting and matching presentation templates. For instance, technologies such as Natural Language Processing (NLP) can be used to analyze user input and understand the user's core purpose or message.

[0031] A display template is a pre-designed prototype of a content display framework containing a fixed module structure and basic layout rules. Each display template corresponds to a specific display objective and includes built-in module combinations matching the objective (e.g., a "product promotion template" includes a product image display area, a parameter table area, and a purchase button area), interaction logic (e.g., clicking on a product image redirects to a details page), and style specifications (e.g., fonts, color schemes, and spacing). For example, a display template matching the display objective can be determined in two ways. The first method is through a "display objective-template" mapping library. For instance, when the display objective is "corporate promotion," the pre-set "corporate promotion template" (including brand story, honors and qualifications, and partner modules) in the mapping library is automatically matched. The second method is through historical display records of similar scenarios, prioritizing the template with the best historical adaptation effect (e.g., in the "mobile + recruitment objective" scenario, the "simple recruitment template" with the highest click-through rate), and fine-tuning based on subtle differences in the current scenario (e.g., if the current job posting is a technical position, adding a "skills requirement description module") to ensure the template's fit with the objective.

[0032] For example, when determining the display framework based on display scenario-related information and display templates matching the display objectives, the first step is to identify the core dimensions of the display scenario-related information. These core dimensions include terminal device type, target user group, and display objectives. Next, the corresponding display template is matched according to the display objectives. For example, based on the "display objective-template" mapping rules, display templates adapted to the current display objectives are selected. Then, the basic parameters and module configurations of the display template are adjusted based on the terminal device type and user group needs. For example, for the terminal device type, the page layout structure is adapted, and device adaptation rules are optimized. For user group needs, the module arrangement order is adjusted, and style specifications are refined. Finally, the adjusted "module combination + layout structure + adaptation rules + style specifications" are integrated to form a display framework with scenario-specific characteristics. This ensures that the framework matches the core module logic of the display template and meets the device adaptation and user needs of the current display scenario, providing a structured carrier for the evaluation and filling of subsequent pre-display content.

[0033] In some scenarios, such as "enterprises participating in online exhibitions need to showcase their products to mobile visitors," this article exemplifies the process of determining the display framework based on relevant information about the display scenario and a display template that matches the display objectives.

[0034] First, determine the core dimensions of the information displayed in the scenario. For example, the terminal interface detects that the terminal type is a mobile phone (6.1-inch screen), the network status is 5G, and the user group is potential customers (historical browsing records contain the keyword "product procurement").

[0035] Secondly, the corresponding display template is matched according to the display objective. For example, if the display objective is "product promotion at the exhibition", the "basic template for product promotion at the exhibition" (built-in modules: product carousel, core parameters, and consultation button, with a default layout of a single column) is matched from the template library based on the display objective.

[0036] Next, based on the type of terminal device and the needs of the user group, the basic parameters and module configurations of the display template are adjusted. For example, considering the "small screen" characteristic of mobile devices, the size of the "product carousel" in the basic template is adjusted to a 16:9 ratio adapted to mobile screens, and the text in the parameter module is simplified. For example, only the core information of "specifications / price / delivery cycle" is retained. For the "potential customer" group, a "sample application" quick module is added next to the "inquiry button" in the basic template. In conjunction with "5G network", the "product short video preview" module in the template is retained (no need to worry about data limits).

[0037] Ultimately, a display framework adapted to "mobile devices + potential customers + 5G + exhibition product promotion" was formed, including a single-column layout and corresponding interactive logic for "product carousel (16:9), core parameters (simplified version), product short video preview, and consultation / sample application dual buttons".

[0038] S102. Determine the evaluation dimensions based on the device compatibility tag information included in the pre-display content.

[0039] The pre-display content is generated based on the original information and preset tags. For example, the pre-display content is a structured collection of original information and preset tags, including structured original information such as text, images, tables, audio, and video. It also includes content attribute tags (a type of preset tag) describing the attributes of the original information, such as the module it belongs to, its importance weight, and scene display rules. Finally, it includes device adaptation tags (a type of preset tag) describing the device adaptation characteristics of the original information, such as the adapted screen size, resolution requirements, and media device dependencies. For example, a rich text editor can be used as the medium for users to input original information. Users can manually input text, upload images, videos, and other original information through the rich text editor. In another example, users can use a rich text editor to mark important content in the original information, combining preset rich text tag weight rules and joint tag meaning rules to achieve priority differentiation and scene-based display control of important information.

[0040] Evaluation dimensions refer to specific indicators extracted from device adaptation tag information of the pre-display content, used to quantitatively measure the "degree of adaptation between the pre-display content and the display framework," and to provide a basis for "determining whether the content meets the display conditions." For example, when determining evaluation dimensions based on device adaptation tag information included in the pre-display content, key attributes are first extracted from the device adaptation tags of the pre-display content, and these key attributes are mapped to evaluation dimensions that measure the "adaptability between content and display framework."

[0041] In some scenarios, for example, we extract "image resolution" and "terminal screen size adaptability" from "image resolution 1080P, requires compression for small mobile screens". From "table has 4 columns, requires transposition for small mobile screens", we extract "number of table columns" and "terminal screen width adaptability". From "supports devices without speakers, adapts to multiple terminal screens", we extract "audio dependency" and "multi-terminal adaptability". Then, we map "image resolution + terminal screen size adaptability" to "image display integrity" (evaluating whether the image is not stretched / cropped within the display frame). We map "number of table columns + terminal screen width adaptability" to "table display convenience" (evaluating whether the table can be viewed completely without horizontal swiping). We map "audio dependency" to "audio and video information transmission effectiveness" (evaluating whether audio and video can transmit information within a speakerless device frame).

[0042] S103. Evaluate the fit between the pre-display content and the display framework based on the evaluation dimensions, and determine the evaluation results.

[0043] A presentation framework refers to a content-carrying framework that is determined based on presentation scenario information and presentation templates, and has a specific structural layout (such as a single-column layout for mobile devices and a multi-column layout for PC devices), module combination (such as a job list module associated with a recruitment scenario framework), and device adaptation rules (such as table transposition for small-screen terminals and multiple images side-by-side for large-screen terminals).

[0044] The degree of compatibility between the pre-display content and the display framework refers to the degree to which the pre-display content matches the device adaptation rules, structural layout requirements, and user needs of the display framework in terms of format (such as image resolution, number of table columns), functionality (such as audio and video playback compatibility, and feasibility of interactive operations), and experience (such as text readability and visibility of key information).

[0045] The evaluation result refers to the conclusion that "the pre-displayed content meets the display requirements in the current display framework" after a quantitative evaluation of the fit between the pre-displayed content and the display framework based on preset evaluation dimensions, through "dimensional weight allocation - quantitative scoring - weighted calculation - normalization processing". If the final experience score is not lower than the preset threshold, it is considered "fitted and meets the display conditions", otherwise it is considered "unfitted and does not meet the display conditions".

[0046] For example, when assessing the fit between the pre-display content and the display framework based on evaluation dimensions and determining the evaluation result, firstly, weights are assigned to each evaluation dimension, the fit is quantified and scored, a weighted score is calculated and normalized to obtain the final experience score. Then, this final experience score is compared with a preset threshold. If the score is not lower than the threshold, the evaluation result is "the pre-display content fits the display framework and meets the display conditions." If the score is lower than the threshold, the evaluation result is "the pre-display content does not fit the display framework and does not meet the display conditions." This result directly determines whether the subsequent pre-display content is filled into the display framework or whether adjustments are needed.

[0047] S104. If the evaluation results meet the display conditions, fill the display frame with the pre-display content and determine the display page.

[0048] Display conditions refer to whether the pre-display content meets the criteria for filling the display framework during the compatibility assessment. For example, when determining whether the assessment result meets the display conditions, firstly, a preset threshold is determined for the current display scenario (e.g., mobile recruitment scenario, PC exhibition scenario). This threshold is set based on the display framework's device adaptation rules and user demand priorities; for example, the threshold is set to 60 for mobile small-screen scenarios and 70 for PC large-screen scenarios. Secondly, the final experience score (range 0-100 points) generated after the pre-display content is evaluated in step S103 is retrieved. Finally, the final experience score is compared with the preset threshold. If the score is ≥ the threshold (e.g., final experience score 65 ≥ threshold 60), the assessment result is determined to meet the display conditions. If the score is < the threshold (e.g., final experience score 55 < threshold 60), the display conditions are determined not to be met, and the pre-display content needs to be adjusted and re-evaluated until the threshold is met or it is confirmed that the conditions cannot be met.

[0049] For example, after confirming that the evaluation results meet the display conditions, the first step is to perform module positioning and matching. For instance, based on the pre-display content, the corresponding module position is locked within the display framework (such as the "Job List Module" in the recruitment scenario framework, or the "Exhibit Details Module" in the exhibition scenario framework). Next, the basic content is filled into the corresponding modules. For example, following the display framework's "structural layout rules" (such as a "top-to-bottom" order for mobile single-column frames, and a "main module first, then secondary module" order for PC multi-column frames), the original information is filled into the corresponding modules. During filling, the display framework's "device adaptation rules" are followed (such as scaling images to the appropriate resolution before filling, adjusting tables according to the number of columns supported by the framework before filling, ensuring no stretching, overflow, or cropping). Then, display details are optimized. For example, based on the "content attribute tags - importance weight" of the pre-display content, the display format of the filled content is adjusted. For high-weight content, use a "highlighting style" (such as large font size, bold, and high-contrast colors) and place it in a visually priority area within the module (such as the top of the module). For low-weight content, use a "basic style" and place it in the middle or bottom of the module. Long text content with low weight can be set to "collapsed display" (click to expand details) to meet the framework's requirement for "guiding user visual focus." After filling in the content, verify the overall adaptability of the content within the display framework. For example, check whether the text has no overflow, whether the images / tables have no formatting errors, and whether the audio and video support the framework's corresponding playback functions (e.g., in a framework without speakers, videos with subtitles can play normally and the subtitles are clear). After confirming that there are no adaptation issues, the final page is determined to be ready for user display.

[0050] The content display method provided in the embodiments of this application will be described in detail below.

[0051] In some embodiments, this application describes an implementation method for constructing a display template. First, module types are identified and standardized. For example, based on the common module structure of official websites of organizations such as companies and schools (such pages generally include modules such as organization introduction, news updates, recruitment, and product / professional showcases), a standardized module system is identified and established. This standardized module system covers core modules such as recruitment / demand types, news / profile types, and professional / product types. Simultaneously, the functional positioning of each module is clarified. For example, the recruitment type module is used to present recruitment-related information such as job requirements and salary and benefits, while the news / profile type module is used to publish dynamic information, organizational activities, and other promotional content, providing a standardized foundation for subsequent template module combinations.

[0052] Secondly, the display templates are categorized. For example, based on the core purpose and target scenario of the display page, the templates are divided into different major categories. For instance, for the "General Corporate Promotion" scenario, an "Official Website Template Group" is created. For the "Specialized Talent Recruitment" scenario, a "Recruitment Website Template Group" is created. For the "Exhibition / Product Promotion" scenario, an "Exhibition Product Template Group" is created, ensuring that the templates in different categories accurately match the display needs of the corresponding scenarios.

[0053] Next, establish a mapping relationship between display templates and modules. For example, associate each display template with a corresponding standardized module, clearly defining the mapping rules. For instance, an official website template needs to be associated with the "Style" module, "Recruitment" module, and "Product" module to meet the diverse needs of comprehensive corporate promotion. A recruitment website template is only associated with the "Recruitment" module, focusing on the information display needs of a specific recruitment scenario. This mapping relationship ensures that the module combination of the templates highly matches the scenario objectives.

[0054] Finally, define the template parameters and rules. For example, this includes the page layout structure (e.g., single-column layout for mobile devices, multi-column layout for PCs), module arrangement order (e.g., official website templates arranged in the order of "Features Module - Product Module - Recruitment Module"), and basic style specifications (e.g., consistent title font size and color scheme). These parameters and rules provide a clear framework for subsequent pre-show content filling and multi-device adaptation.

[0055] In some embodiments, this application describes an implementation method for labeling original information with content attribute tags. First, the original information is structured by extracting keywords, identifying visual themes, and analyzing core content to clarify the core information. For example, for text-based information, key information such as "job requirements," "product parameters," and "company honors" is extracted. For image-based information, its visual themes are identified (e.g., company environment images, product images, and images of honorary certificates). For audio-visual information, the core content is analyzed (e.g., the core of a recruitment presentation video is the job introduction).

[0056] Secondly, based on the core content of the original information, pre-defined standardized type modules are matched to generate corresponding theme module tags. For example, text containing the keyword "job requirements" is labeled "recruitment module," and information containing "product parameters" is labeled "product module."

[0057] Next, based on user tagging actions, weighted labels are assigned according to preset weighting rules. For example, the weight of content tagged with a first-level heading is set to 5, the weight of content tagged with bold / underline is set to 2, the weight of content tagged with red / yellow font is set to 3, and the weight of content tagged with ordinary paragraphs is set to 1. (The higher the weight, the higher the importance of the information.) Next, based on the user's requirements for scene adaptation of the original information (such as "must appear in all scenes" and "only displayed in recruitment scenes"), combined with rich text joint tags (such as "underline + bold + yellow font" corresponding to "must appear in all scenes" and "underline + bold + red font" corresponding to "only displayed in recruitment scenes"), scene display rule tags are generated to clarify the display permissions of information in different scenes.

[0058] Finally, the generated topic module tags, information importance weight tags, and scene display rule tags are associated with the corresponding original information to construct a structured content attribute tag system, which is then stored in the system database to provide a basis for subsequent content classification, priority sorting within modules, and scene-based content filtering.

[0059] In some embodiments, this application describes an implementation method for labeling original information with device adaptation tags. First, determine the device and screen attribute dimensions to be included in the labeling scope, including terminal type, screen size, resolution (e.g., 720P, 1080P, 2K), media device dependence (whether speakers or touch functions are required), display technology (e.g., OLED, LCD), color space (e.g., P3 color gamut, sRGB), etc., to ensure that the tags cover key dimensions of device adaptation.

[0060] Secondly, analyze the core characteristics of different types of raw information. For example, analyze the length and detail level of text information (e.g., long text containing a core summary and supplementary details). Analyze the resolution, aspect ratio, and color richness of images. Analyze the number of columns and data density of tables. Analyze the format, duration, whether videos contain subtitles, and whether audio requires an output device for the audio.

[0061] Next, the display effect of the content under different device attributes is evaluated based on its characteristics, and a matching rule for "content characteristics - device attributes" is established. For example, an image with a resolution of 1920×1080 is evaluated as "suitable for large PC screens / medium tablet screens, requires compression for small mobile screens", and the corresponding tag rule is "image resolution 1080P, suitable for large PC screens, suitable for medium tablet screens, requires compression for small mobile screens". As another example, a recruitment presentation video with subtitles is evaluated as "supports devices without speakers, adapts to multiple terminal screens", and the corresponding tag rule is "supports devices without speakers, adapts to multiple terminal screens, video length X minutes".

[0062] Finally, based on the "content characteristics - device attributes" matching rule, the original information after characteristic analysis is automatically labeled with device adaptation tags, and the tags are associated with and stored with the original information and content attribute tags, providing device dimension support for subsequent pre-display content generation, evaluation dimension determination and display framework adaptation.

[0063] In some embodiments, this application also provides an implementation method for evaluating and displaying the fit between content and display framework based on evaluation dimensions, and determining the evaluation results. For example... Figure 2 As shown, it includes the following steps S201 to S203.

[0064] S201. Determine the weight of each evaluation dimension based on its importance in the display scenario and the adaptation requirements of the pre-display content.

[0065] For example, the evaluation dimensions are weighted differently for different types of pre-display content, taking into account the core requirements of scene adaptation. For instance, if the pre-display content is an audio file, the evaluation dimension "whether the device has external speakers or headphones" directly determines whether the audio can transmit information normally, and is a necessary condition; therefore, the weight of this evaluation dimension is set to 1. If the pre-display content is an image, text, or other type that does not require audio output, "whether the device has external speakers or headphones" is not directly related to the content display experience, and the weight of this evaluation dimension is set in the range [0,1]. The above evaluation dimension weight values ​​can be calculated using existing technologies such as neural network training, combined with historical adaptation data and scene requirement models, ensuring the rationality and accuracy of the weight allocation.

[0066] S202. The weighted score of each evaluation dimension is obtained by multiplying the quantitative score of each evaluation dimension in the display scenario with the weight of the evaluation dimension.

[0067] For example, when calculating the weighted scores for each evaluation dimension, the suitability of each evaluation dimension is first quantitatively scored in conjunction with the current display scenario. S i The scoring range is set from 0 to 100 points to intuitively reflect the adaptation level between the pre-display content and the display framework under this dimension. For example, for the evaluation dimension of "whether the device has external speakers or headphones," if the device has both external speakers and headphones, it means that it fully meets the adaptation requirements of audio-related pre-display content, and this dimension is quantitatively scored ( S i A score of 100 is given. If none of the devices are available, the compatibility requirements cannot be met, and the quantitative score will be 100. S i The score is 0. After completing the quantitative scoring of each dimension, the evaluation dimensions are weighted according to the criteria determined in step S201. W i The weighted score is calculated using the following formula () P i ): .

[0068] S203. Sum the weighted scores of each evaluation dimension and normalize the summation result to a preset score range to obtain the evaluation result.

[0069] For example, after obtaining the weighted scores for each evaluation dimension ( P i After that, the weighted scores of all evaluation dimensions ( P i The initial experience score is obtained by summing the results. E ), as shown in the following formula: .

[0070] Then, the initial experience score is normalized using standard methods. E The final experience score is obtained by mapping the score to a preset score range (usually 0-100). X norm As shown in the following formula: ; in a The minimum value within the preset range (e.g., 0). b The maximum value of the preset range (e.g., 100).

[0071] The normalized experience score is the core indicator for measuring the degree of adaptation. Combined with the preset display condition threshold (e.g., 60 points), if the score is not lower than the threshold, the evaluation result is "the pre-display content is adapted to the display framework and meets the display conditions"; if it is lower than the threshold, the evaluation result is "the pre-display content is not adapted to the display framework and does not meet the display conditions".

[0072] In some embodiments, this application also provides an implementation method for determining the display framework based on display scenario-related information and a display template matching the display target, such as... Figure 3 As shown, the steps include S301 to S303 as follows: S301. Based on the information related to the display scene, determine at least one sub-scene.

[0073] For example, focusing on displaying scene-related information, the system breaks down scenes into sub-scenarios through multi-dimensional information combinations, ensuring that each sub-scenarios accurately matches the actual environment in which the user accesses the site. As shown in the table below, the system demonstrates how scene-related information is segmented using five recognition types: terminal information, media device, media query conditions, window information, and object recognition. The table also includes the acquisition methods, recognition content, and examples for each type.

[0074]

[0075] In some scenarios, taking the user access scenario of a "travel exhibition promotion page" as an example, precise segmentation of the scenario is achieved by combining multi-dimensional information such as "terminal characteristics + device support + display environment + user group". For example, when a user accesses the page, firstly, information from each dimension is collected as shown in the table above. This includes terminal information (device type = mobile phone, iOS system), media device (with speakers), media query conditions (Full HD screen), window information (375px × 812px), and object recognition (elderly users). Secondly, the core dimensions that directly impact the "travel exhibition content display experience" are selected, namely "device type (terminal information) + media device (speaker) + window size (window information) + user group (object recognition)," ignoring information with low relevance to the current scenario, such as "browser version". Next, the key data from the core dimensions are combined to form the final segmented scenario. For example, "terminal - mobile phone (iOS system) + media device - with speakers + display environment - Full HD screen (window 375px × 812px) + user group - elderly users".

[0076] If, when another user accesses the site, the collected information is "terminal information (device type = PC, Windows system), media device (no speaker), window information (1920px × 1080px), object recognition (youth group)", then the combined information forms a segmented scenario as "terminal - PC (Windows system) + media device - no speaker + display environment - large screen window (1920px × 1080px) + user group - youth", achieving differentiated scenario segmentation for different access environments.

[0077] S302. Map and match each sub-scene with the display template to determine the sub-templates that are suitable for each sub-scene.

[0078] The sub-templates are branch templates within the display templates, optimized for specific scenarios. Each sub-template corresponds to a basic layout and functional adaptation rules for that specific scenario. For example, the basic layout is the core page structure designed for the specific scenario within the sub-template, with "page layout structure" and "module arrangement order" as key components. The functional adaptation rules ensure the optimized experience of the sub-template for the specific scenario, and are primarily reflected in "basic style specifications."

[0079] For example, based on the "Exhibition Category Display Template," a mapping relationship of "sub-scenario - sub-template" is established using a decision tree rule set, and the sub-template is adapted through rule matching. For example, in the sub-scenario "Terminal - Mobile Phone (including speaker) + User - Elderly Group" in S301, decision rule r1 is matched, and the adapted sub-template is determined to be "Phone-PlusA Sub-template." The basic layout and functional adaptation rules of this sub-template are as follows: Basic layout: Page layout structure = mobile single-column layout (adapting to small screen windows), module arrangement order = "Exhibition Poster Module - Exhibit Concise Introduction Module - Voice Explanation Entry Module" (prioritizing visual and convenient interactive modules). Functional adaptation rules: Basic style specifications = default font size 16px (adapting to elderly vision), module spacing 12px (reducing accidental touch rate), with an additional "external speaker reading button" (matching the characteristics of devices with speakers).

[0080] S303. Integrate the various sub-templates and determine the display framework.

[0081] For example, if there are multiple sub-scenarios (such as window size changes during user access, supplementation of object recognition information), sub-templates are integrated according to the principle of "core rules first, scenario real-time priority" to form a display framework. In some scenarios, when a user initially accesses the site, because the camera has not completed detection, the "Phone-BasicD sub-template" (basic layout: single column, module order = "poster-exhibition introduction"; functional rules: font size 14px, no reading button) is matched first according to "terminal-phone (including speaker) + object = unrecognized". Subsequently, after the camera completes detection, "object = elderly group" is supplemented, triggering the new sub-template "Phone-PlusA sub-template" (as in the S302 example), forming two sub-templates that need to be integrated. First, the "single column layout on the mobile end" is kept consistent in both sub-templates (the core structure remains unchanged), and the module arrangement order is replaced with "poster-exhibition concise introduction-voice explanation entry" of the "Phone-PlusA sub-template" (adding the voice module required by the elderly group) according to "scenario real-time priority". Secondly, the basic style specifications prioritize user needs, retaining the "16px font size and 12px module spacing" of the "Phone-PlusA sub-template," while adding an "external speaker reading button" (suitable for elderly users and devices with speakers), and removing the basic rules of the "Phone-BasicD sub-template." Finally, the integrated framework forms a "single-column layout for mobile devices + module order (poster - concise product introduction - voice entry) + functional rules (16px font size + reading button)" for the exhibition scene. The server loads this framework and marks "subsequent content must be filled with a 16px font size, and the product introduction module must be associated with the voice reading interface" to ensure that the subsequent pre-show content is adapted to elderly users and mobile devices.

[0082] In some embodiments, this application also provides an embodiment for situations where the evaluation results do not meet the display conditions. For example... Figure 4 As shown, it includes the following S401~S404.

[0083] S401. If the evaluation results do not meet the display conditions, the pre-display content is adjusted to obtain the adjusted pre-display content.

[0084] For example, a differentiated adjustment strategy is adopted based on the component type (single component / multiple components) of the pre-display content to ensure that the adjusted content adapts to the device rules and layout requirements of the display framework.

[0085] In some embodiments, if the pre-display content is a single component, the single component content is segmented or the core content is extracted to obtain the processed pre-display content.

[0086] For example, if the content to be displayed is a single image and there are problems such as "image resolution > terminal screen resolution", "display terminal is a small mobile phone screen" and "high content density makes it difficult for users to see clearly", first determine whether the image is segmentable (after segmentation, the content integrity and recognizability must be maintained, which is evaluated by indicators such as intersection-over-union (IoU), precision, and recall).

[0087] In some scenarios, such as Figure 5 As shown, the pre-display content is a 4-grid product image display (including image A, image B, image C, and image D). The images will be divided into four independent sub-images and rearranged using either a "vertical layout" (adapting to the vertical display habits of small mobile screens) or a "swipe to view" method (allowing users to swipe left and right to switch between sub-images). After adjustment, the user experience score of the image content needs to be recalculated (e.g., the matching degree of the sub-image resolution with the screen resolution, the ease of swiping interaction, etc.).

[0088] In some scenarios, such as Figure 6 As shown, the pre-display content is a single long text (such as a detailed product introduction), and the display terminal is a small mobile phone screen. The text contains non-essential information. By extracting the core content (such as filtering key sentences based on keyword weight (such as product name, core parameters) and semantic relevance), the text length is reduced to 30%-50% of the original length. At the same time, key information (such as "12-hour battery life" and "supports fast charging") is marked with important tags (such as bold and enlarged) to facilitate subsequent unified adjustment of the display style of key content (such as pinning and highlighting) to ensure that users on small screens can quickly obtain key information.

[0089] In some embodiments, if the pre-display content is multi-component content, the multi-component content is split, transposed, or rearranged to obtain the processed pre-display content.

[0090] For example, if the pre-displayed content is a 4-column product parameter table (including "Product Model, Size, Weight, and Battery Life"), and the display terminal is a small mobile phone screen (screen width < 375px, smaller than the original width of the table), causing the table header to not be fully displayed and requiring users to swipe horizontally to view (which does not conform to the swiping habits of mobile devices), then the table will be transposed. The original 4-column layout will be adjusted to a fixed 2-column layout. The first column will retain the core columns "Product Model and Size," and the second column will carry the "Weight and Battery Life" columns through "vertical folding" (users can click on the second column to swipe down and view the complete information of that column), or the original table can be directly transposed into a 2-column vertical structure of "Parameter Name - Parameter Value" (such as "Product Model: A100" "Size: 15cm × 8cm"), dynamically adapting to the width of the small screen.

[0091] In another example, if the content to be displayed is a product introduction module from the company's official website (containing three components: "product images, parameter table, and user reviews"), and the display terminal is a tablet mid-screen (screen width 600-1000px), the original PC layout is a horizontal three-column structure of "product images (left) + parameter table (middle) + user reviews (right)". When displayed on the tablet, there is a problem of "table column width compression and text crowding". In this case, the module is rearranged into a vertical structure of "product images (top, full screen width) + parameter table (middle, 2-column layout) + user reviews (bottom, list style)". At the same time, the font size of the parameter table is reduced to 14px (originally 16px on the PC) to ensure that each component is displayed completely and clearly on the mid-screen terminal.

[0092] In some scenarios, if the content to be displayed is in the form of multiple components (such as a product information table with multiple columns in the product introduction section of a company's official website), and the display terminal is a small mobile phone screen, the following can be referred to. Figure 7~Figure 8 The presented "cross-terminal layout adaptation" logic splits, transposes, or rearranges the content of multiple components. For example... Figure 7 As shown, when displayed on a regular computer screen, product information is presented in a multi-column table format, including "Product Name, Introduction, Qualifications, and Cooperation Cases." The information is rich and the number of columns is large, ensuring a complete presentation. For example... Figure 8 As shown, when displayed on a mobile phone, due to the limited screen width, the original multi-column layout is transposed and split, and adjusted to a two-column layout of "Product Name" and "Product Information (integrated introduction, qualifications, cooperation cases, etc.)". The various types of information that were originally arranged horizontally are vertically integrated into the "Product Information" column, allowing users to view the complete content by scrolling down, thus adapting to the display needs of small mobile phone screens and improving the browsing experience for small screen users.

[0093] S402. Based on the evaluation dimensions, re-evaluate the fit between the adjusted pre-display content and the display framework to obtain the re-evaluation results.

[0094] For example, referring to the evaluation logic of "determining the weight of evaluation dimensions - calculating weighted scores - normalization processing" in S201~S203 above, the adjusted pre-display content is re-quantified and evaluated based on the original evaluation dimensions (such as format adaptability, functional compatibility, and experience matching). For example, taking "adjustment of 4-grid image segmentation" (single component content adjustment example) as an example, first confirm the evaluation dimensions and their corresponding weights. For example, "sub-image resolution matching with screen resolution" (weight 0.3), "sliding interaction response speed" (weight 0.2), "sub-image content recognizability" (weight 0.3), and "layout adaptability to small mobile screens" (weight 0.2). Next, score each evaluation dimension. For example, the sub-image resolution after segmentation is fully adapted to the mobile screen (100 points), the sliding response speed is ≤0.5 seconds (95 points), the independent recognition accuracy of sub-images is ≥90% (90 points), and the vertical layout conforms to the vertical browsing habits of small screens (95 points). Finally, calculate the weighted score. For example, 100×0.3+95×0.2+90×0.3+95×0.2=30+19+27+19=95 points, which does not require additional normalization (it is already in the range of 0-100 points), and we get a re-evaluation result of "fitness 95 points".

[0095] S403. If the re-evaluation results meet the display conditions, the adjusted pre-display content will be filled into the display frame.

[0096] For example, if the re-evaluation result meets the preset display conditions (such as a normalized experience score ≥ 60 points), the adjusted pre-display content will be filled into the corresponding module according to the module rules and style specifications of the display framework. For example, taking the "mobile product introduction page framework" as an example, if the adjusted "segmented and reorganized 4-grid image" (S401 example) has a re-evaluation score of 95 points (≥ 60 points), then the four sub-images will be filled into the "product image display module" of the framework according to the "vertical arrangement" layout requirement, and a sliding interaction function will be associated (clicking on the sub-image allows for zooming in). The content will be rendered according to the framework's preset style specifications of "8px image spacing and 4px rounded corners" to ensure that the filled content is consistent with the overall style of the framework and conforms to the browsing habits of mobile users with small screens.

[0097] S404. If the re-evaluation results do not meet the display conditions, then filter the pre-display content.

[0098] For example, if the re-evaluation results still do not meet the display conditions (e.g., the normalized experience score is < 60 points), the pre-display content will be filtered to avoid affecting the overall page display experience. For instance, taking a "complex product table with 10 columns of data" (S401 multi-component adjustment example) as an example, after adjustment by "transposing to 3 columns + deleting 3 columns of non-core data," the re-evaluation dimensions and scores are as follows: "Table text density adaptation" (weight 0.4, score 35 points, text is still crowded), "Interaction convenience" (weight 0.3, score 40 points, scrolling down still causes lag), "Information integrity" (weight 0.3, score 50 points, deleting core data leads to information loss). The weighted score is calculated as 35 × 0.4 + 40 × 0.3 + 50 × 0.3 = 14 + 12 + 15 = 41 points (< 60 points). At this point, it is determined that the table is not compatible with the current mobile display framework, and a filtering operation is performed: the table is not displayed in the "Product Parameters Module", and a prompt text is displayed in the original table position ("The current terminal does not support viewing this complex table. It is recommended to switch to the PC terminal to access it to obtain complete information"). This clearly informs the user of the reason and guides the user to obtain information through other terminals, thus ensuring a good user experience.

[0099] In some embodiments, this application also provides an implementation method for filling a display frame with pre-display content to obtain a display page. Based on display scenario-related information and content attribute tag-related information, the display format and priority of the pre-display content within the display page are adjusted.

[0100] For example, by combining "single module dimension processing" and "overall application dimension integration" with display scenario-related information and content attribute tags, the display format and priority of pre-displayed content on the display page can be adjusted.

[0101] In some scenarios, when a module contains multiple independent single content items (such as multiple product images or multiple fragmented texts), dynamic arrangement can be achieved using Flexbox layout. For example, a unified container (class name set to .content-container) can be created for the single content groups within the module, and Flexbox layout can be enabled to support flexible arrangement. The flex-direction property can be adjusted according to the width of the terminal screen to optimize the content arrangement direction. For example, for widescreen scenarios (such as PCs, screen width > 1200px): if the width of a single image is less than half of the screen, occupying a single row can easily create a lot of blank space. In this case, setting flex-direction:row will arrange the images horizontally from left to right (such as 3 images distributed in "1 row and 3 columns"), making full use of the widescreen space. As another example, for narrowscreen scenarios (such as mobile devices, screen width < 600px): adjusting to flex-direction:column will arrange the images vertically from top to bottom (such as 3 images distributed in "3 rows and 1 column"), avoiding the need for users to scroll horizontally to view the content.

[0102] If there are special scenario requirements (such as a right-to-left reading environment), row-reverse (horizontal from right to left) or column-reverse (vertical from bottom to top) can be set to further adapt to the scenario habits.

[0103] Adjust the content display harmony using `justify-content` and `align-items`. For example, in widescreen scenarios, setting `justify-content:space-between` ensures that images are evenly distributed within the container, reducing blank space. In narrowscreen scenarios, setting `align-items:center` ensures that images are vertically centered, improving visual comfort for users on smaller screens.

[0104] In some scenarios, when the content within a module is a logically related combination of multiple elements (such as "product name + parameter table + purchase button" or "job posting + job description + application portal"), it is treated as a single unit and not separated or reorganized from other independent content. The overall structure is adapted to the scenario's multiple elements. For example, if the "product module" contains a combination of "name + 4-column parameter table + button," it is displayed on a PC as "name (top, full screen) + table (middle, 4 horizontal columns) + button (bottom, right-aligned)." On a mobile device, it is adjusted to "name (top, full screen) + table (middle, 2 vertical columns, the remaining 2 columns expandable via dropdown) + button (bottom, full screen width)," preserving content coherence while adapting to smaller screen display requirements.

[0105] For example, after adjusting the content display format within a module, the content display priority is optimized based on relevant information about the display scenario (scenario type, time, location, terminal characteristics, etc.) and content attribute tags to ensure that highly relevant content is presented first. For instance, based on time scenario adjustments, if the current season is summer, in the "Product Module" of the clothing fair, content with the "Summer Clothing" attribute tag has higher priority than "Spring and Autumn Clothing" and "Winter Clothing," and is arranged at the top of the module; if it is during the "618 Promotion Period," multiple content combinations with the "Discount" tag are displayed first.

[0106] For example, based on terminal characteristics, if the user terminal is identified as a high-end model (e.g., a mobile phone priced over 6,000 yuan), the content with the "high-end / luxury" attribute tag in the "Digital Products Module" will have its priority increased, be displayed at the top, and have its image size appropriately enlarged.

[0107] For example, based on location and scenario adjustments, if the user's current location is identified as a campus, the combination of multiple contents with the "campus recruitment" attribute tag in the "recruitment module" (job posting + presentation time + online application portal) has higher priority than "social recruitment" content and is arranged at the top of the module, making it convenient for campus users to quickly obtain information.

[0108] For example, after adjusting the display format and priority of content in each module, the overall page is integrated, and the content marked as important is given a unified style to further strengthen the distinction of priority. For instance, for all content in all modules with the "important" attribute tag (such as summer clothing names, high-end digital product parameters, and campus recruitment job titles), it is uniformly set to "18-point bold font, #E63946 red, and 2px bottom underline". This ensures visual consistency of important content across modules and allows users to quickly focus on high-priority information through prominent identification, ultimately forming an adaptive display page that is suitable for the scenario and has a clear logic.

[0109] Based on the above embodiments, this application also introduces a content display system suitable for content display methods, such as... Figure 9 As shown, the system includes an information management module, an intelligent processing module, and an adaptive display module.

[0110] The information management module provides a customized rich text editor, stores user input information, and transmits the user input information to the intelligent processing module.

[0111] The intelligent processing module processes and extracts user input information from the information management module. This includes feature extraction, tag association, content annotation, and organizing content into modules and pre-setting display templates by category. Simultaneously, it utilizes NLP technology to analyze and understand user intent, matching the appropriate category display templates with the corresponding content from each module.

[0112] The adaptive display module is used for scene recognition, acquiring scene-related information such as terminal information, media device information, window information, and object recognition. It obtains the display framework for the current display using decision tree rules, calculates the experience score of the content displayed in each module within the current framework, and determines whether to process the content (such as segmentation or recombination) based on the comparison between the experience score and a set threshold. If the processed content's experience score still does not meet the threshold, it is filtered out and not displayed; otherwise, it is confirmed for display. If the currently displayed content is the last determined display content, the display format and priority of the final content within the module are adjusted.

[0113] Furthermore, this embodiment provides a content display device, such as... Figure 10 As shown, the device includes: a first determining module 1010, a second determining module 1020, a third determining module 1030, and a fourth determining module 1040, wherein...

[0114] The first determining module 1010 is configured to determine the display framework based on display scene-related information and a display template that matches the display target.

[0115] The second determining module 1020 is configured to determine the evaluation dimensions based on the device adaptation tag information included in the pre-display content; the pre-display content is generated based on the original information and preset tags, including device adaptation tags.

[0116] The third determining module 1030 is configured to evaluate the fit between the pre-display content and the display framework based on the evaluation dimensions, and determine the evaluation result.

[0117] The fourth determination module 1040 is configured to fill the display frame with the pre-display content and determine the display page if the evaluation result meets the display conditions.

[0118] In some embodiments, the third determining module 1030 is further configured to determine the weight of the evaluation dimension based on the importance of the evaluation dimension in the display scenario and the adaptation requirements corresponding to the pre-display content.

[0119] The weighted score for each evaluation dimension is obtained by multiplying the quantitative score of each evaluation dimension in the display scenario with the weight of the evaluation dimension.

[0120] The weighted scores of each evaluation dimension are summed, and the summation result is normalized to a preset score range to obtain the evaluation result.

[0121] In some embodiments, the first determining module 1010 is further configured to determine at least one subdivided scene based on display scene-related information.

[0122] Each sub-scenario is mapped and matched with the display template to determine the sub-templates that are adapted to each sub-scenario. The sub-templates are branches of the display templates optimized for the sub-scenarios. Each sub-template corresponds to the basic layout and functional adaptation rules of the sub-scenario.

[0123] Integrate the various sub-templates and determine the display framework.

[0124] In some embodiments, the fourth determining module 1040 is further configured to adjust the pre-display content if the evaluation result does not meet the display conditions, thereby obtaining the adjusted pre-display content.

[0125] The re-evaluation results were obtained by reassessing the fit between the adjusted pre-display content and the display framework based on the evaluation dimensions.

[0126] If the reassessment results meet the display conditions, the adjusted pre-display content will be filled into the display frame.

[0127] If the reassessment results do not meet the display criteria, the pre-display content will be filtered out.

[0128] In some embodiments, the fourth determining module 1040 is further configured to, if the pre-display content is single-component content, segment the single-component content or extract the core content to obtain the processed pre-display content.

[0129] In some embodiments, the fourth determining module 1040 is further configured to split, transpose, or rearrange the multi-component content if the pre-display content is multi-component content, to obtain the processed pre-display content.

[0130] In some embodiments, the fourth determining module 1040 is further configured to adjust the display format and priority of the pre-display content within the display page based on display scenario-related information and content attribute tag-related information included in the pre-display content.

[0131] It should be noted that other corresponding descriptions of the functional units involved in the content display device provided in this embodiment can be found in the description of the content display method in the above embodiments, and will not be repeated here.

[0132] Based on the content display method shown in the above embodiments, this embodiment also provides a computer-readable storage medium storing a computer program thereon, which, when executed by a processor, implements the method shown in the above embodiments.

[0133] Based on the methods shown in the above embodiments, this embodiment also provides a computer program product on which a computer program is stored, and when the computer program product is executed by a processor, it implements the methods shown in the above embodiments.

[0134] Based on this understanding, the technical solution of this application can be embodied in the form of a software product, which can be stored in a non-volatile storage medium (such as CD-ROM, USB flash drive, mobile hard drive, etc.) and includes several instructions to cause a computer device (such as personal computer, server, or network device, etc.) to execute the methods of various implementation scenarios of this application.

[0135] Based on the method shown in the above embodiments, and Figure 10 To achieve the above objectives, the present application also provides an electronic device, such as a terminal device, in the virtual device embodiment shown. The electronic device includes a storage medium and a processor; the storage medium is used to store a computer program; the processor is used to execute the computer program to implement the method shown in the above embodiment.

[0136] Optionally, the aforementioned physical devices may also include a user interface, a network interface, a camera, radio frequency (RF) circuitry, sensors, audio circuitry, a Wi-Fi module, etc. The user interface may include a display screen, input units such as a keyboard, etc., and optional user interfaces may also include USB interfaces, card reader interfaces, etc. The network interface may optionally include standard wired interfaces, wireless interfaces (such as Wi-Fi interfaces), etc.

[0137] Those skilled in the art will understand that the physical device structure provided in this embodiment does not constitute a limitation on the physical device, and may include more or fewer components, or combine certain components, or have different component arrangements.

[0138] The storage medium may also include an operating system and a network communication module. The operating system is a program that manages the hardware and software resources of the aforementioned physical device, supporting the operation of information processing programs and other software and / or programs. The network communication module is used to enable communication between the various components within the storage medium, as well as communication with other hardware and software in the information processing physical device.

[0139] Through the above description of the implementation methods, those skilled in the art can clearly understand that this application can be implemented using software plus necessary general-purpose hardware platforms, or it can be implemented through hardware. Compared with the current related technologies, this application determines the display framework based on display scenario-related information and a display template that matches the display target, solving the problems of high cost and low efficiency caused by existing methods that only select fixed templates based on single display scenario information and require manual adaptation to different scenarios. Specifically, display scenario-related information can adapt to the characteristics of different terminal devices to ensure clear content presentation, and the display template that matches the display target can accurately meet the differentiated core information transmission needs of enterprise publicity, product promotion, etc. The combination of the two allows the display framework to automatically adapt to multiple scenarios without manual adjustment, significantly reducing adaptation costs and improving efficiency. Next, by determining the evaluation dimensions based on the device adaptation tag-related information included in the pre-display content and evaluating the degree of adaptation between the pre-display content and the display framework, the adaptability of the content and the framework is further guaranteed, avoiding the problem of core information not being highlighted due to content and framework mismatch, and ensuring that the core information of the pre-display content can be clearly presented in the adapted framework. Finally, when the evaluation results meet the display conditions, the pre-display content is filled into the display frame to determine the display page, forming a complete logical closed loop of "frame adaptation - content evaluation - page generation". Ultimately, this achieves the effect of clearly presenting the display content on different devices, adapting to the core information delivery needs of different display targets, and conforming to users' different usage habits and information acquisition preferences in various scenarios, effectively improving the adaptability of content display and user experience.

[0140] It should be noted that, in this document, relational terms such as "first" and "second" are used merely to distinguish one entity or operation from another, and do not necessarily require or imply any such actual relationship or order between these entities or operations. Furthermore, the terms "comprising," "including," or any other variations thereof are intended to cover non-exclusive inclusion, such that a process, method, article, or apparatus that comprises a list of elements includes not only those elements but also other elements not expressly listed, or elements inherent to such a process, method, article, or apparatus. Without further limitations, an element defined by the phrase "comprising one..." does not exclude the presence of other identical elements in the process, method, article, or apparatus that includes said element.

[0141] The above description is merely a specific embodiment of this application, enabling those skilled in the art to understand or implement this application. Various modifications to these embodiments will be readily apparent to those skilled in the art, and the general principles defined herein may be implemented in other embodiments without departing from the spirit or scope of this application. Therefore, this application is not to be limited to the embodiments described herein, but is to be accorded the widest scope consistent with the principles and novel features claimed herein.

Claims

1. A content presentation method, characterized by, The method comprises the following steps: determining a display framework based on display scene related information and a display template matched with a display target; determining an evaluation dimension based on device adaptation tag related information included in pre-display content, wherein the pre-display content is generated based on original information and preset tags, and the preset tags include device adaptation tags; evaluating the adaptation degree of the pre-display content to the display framework based on the evaluation dimension to determine an evaluation result; filling the pre-display content into the display framework to determine a display page if the evaluation result meets a display condition.

2. The method of claim 1, wherein the step of evaluating the adaptation degree of the pre-display content to the display framework based on the evaluation dimension to determine an evaluation result comprises the following steps: determining evaluation dimension weights according to the importance of adaptation requirements of the display scene and the pre-display content corresponding to each evaluation dimension; obtaining a weighted score of each evaluation dimension by multiplying the quantitative score of each evaluation dimension in the display scene by the evaluation dimension weight; summing the weighted scores of all the evaluation dimensions and normalizing the sum to a preset score range to obtain the evaluation result.

3. The method of claim 2, wherein, The step of determining a display framework based on display scene related information and a display template matched with a display target comprises the following steps: determining at least one sub-scene based on the display scene related information; mapping and matching each sub-scene with the display template to determine a sub-template adapted to each sub-scene, wherein the sub-template is a branch template in the display template optimized for the sub-scene, and each sub-template corresponds to the basic layout and functional adaptation rules of the sub-scene; integrating all the sub-templates to determine the display framework.

4. The method according to any one of claims 1 to 3, characterized in that, The method further comprises the following steps: adjusting the pre-display content to obtain an adjusted pre-display content if the evaluation result does not meet the display condition; re-evaluating the adaptation degree of the adjusted pre-display content to the display framework based on the evaluation dimension to obtain a re-evaluation result; filling the adjusted pre-display content into the display framework if the re-evaluation result meets the display condition; filtering the pre-display content if the re-evaluation result does not meet the display condition.

5. The method of claim 4, wherein, The step of adjusting the pre-display content to obtain an adjusted pre-display content if the evaluation result does not meet the display condition comprises the following steps: if the pre-display content is single-component content, performing segmentation or core content extraction processing on the single-component content to obtain processed pre-display content.

6. The method of claim 4, wherein, The step of adjusting the pre-display content to obtain an adjusted pre-display content if the evaluation result does not meet the display condition comprises the following steps: if the pre-display content is multi-component content, performing splitting, transposing or rearranging processing on the multi-component content to obtain processed pre-display content.

7. The method according to any one of claims 1 to 3, characterized in that, The step of filling the pre-display content into the display framework to obtain a display page comprises the following step: adjusting the display form and priority of the pre-display content in the display page based on the display scene related information and content attribute tag related information included in the pre-display content.

8. A content presentation device, characterized by, The method comprises the following steps: The first determining module is configured to determine a display framework based on the display scene related information and a display template matched with the display target; The second determining module is configured to determine an evaluation dimension based on device adaptation tag related information included in the pre-display content; The pre-display content is generated based on original information and preset tags, and the preset tags include device adaptation tags; The third determining module is configured to determine an evaluation result by evaluating an adaptation degree of the pre-display content to the display framework based on the evaluation dimension; The fourth determining module is configured to fill the pre-display content to the display framework to determine a display page in a case where the evaluation result satisfies a display condition.

9. A computer readable storage medium having stored thereon a computer program, characterized in that, The computer program is executed by the processor to implement the method in any one of claims 1 to 7.

10. An electronic device comprising a storage medium, a processor, and a computer program stored on the storage medium and executable on the processor, characterized in that, The processor executes the computer program to implement the method in any one of claims 1 to 7.

Images